:root{--canvas:#f6f3ec;--surface:#fffefa;--ink:#211f1b;--soft:#665f54;--line:#ded6c8;--gold:#84652d;--gold-soft:#eee5d1;--dark:#28251f;--shadow:0 18px 54px rgba(42,35,25,.055)}
.collection-feature.occasion-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;overflow:visible!important;border-radius:0!important;box-shadow:none!important;background:transparent}.collection-feature.occasion-pair img{width:100%;height:min(35vw,390px);object-fit:cover;border-radius:22px;box-shadow:0 16px 36px rgba(54,43,29,.13)}@media(max-width:620px){.collection-feature.occasion-pair{gap:12px}.collection-feature.occasion-pair img{height:220px;border-radius:16px}}
/* Finom, egységes mozgás a fejlécben és a két nyitókép összehasonlításához. */
.site-header nav a{position:relative;padding:9px 0;transition:color .22s ease,transform .22s ease}.site-header nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:2px;height:1px;background:linear-gradient(90deg,#d2ad61,#94671d);transition:left .25s ease,right .25s ease}.site-header nav a:hover,.site-header nav a:focus-visible{transform:translateY(-2px);color:var(--gold)}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{left:0;right:0}.hero-pager{position:absolute;left:50%;bottom:27px;z-index:3;transform:translateX(-50%);margin:0}.hero[data-slide="1"] .hero-copy{margin-top:-34vh}.hero[data-slide="1"] .hero-copy>p{max-width:680px}@media(max-width:700px){.hero[data-slide="1"] .hero-copy{margin-top:-23vh}.hero-pager{bottom:18px}}
.embed-mode .site-header,.embed-mode .hero,.embed-mode .paths,.embed-mode .why,.embed-mode .occasions,.embed-mode .business{display:none!important}.embed-mode body{background:transparent}.embed-mode .studio{padding:20px 18px;max-width:1500px}.embed-mode .studio-shell{min-height:680px}.embed-mode .studio-footer{background:var(--surface)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a,button{font:inherit;color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #ad843b;outline-offset:4px}.skip{position:fixed;top:-5rem;left:1rem;z-index:30;background:var(--ink);color:#fff;padding:.7rem 1rem;border-radius:8px}.skip:focus{top:1rem}.site-header{height:82px;padding:0 5vw;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:40px;border-bottom:1px solid rgba(132,101,45,.2);background:rgba(246,243,236,.92);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.logo{display:flex;align-items:center;gap:11px;text-decoration:none}.logo span{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:13px;color:var(--gold);font:700 14px Georgia,serif}.logo strong{text-transform:uppercase;letter-spacing:.12em;font-size:13px}.site-header nav{display:flex;justify-content:center;gap:34px}.site-header nav a{text-decoration:none;color:var(--soft);font-size:13px;font-weight:650}.site-header nav a:hover{color:var(--gold)}.business-link{padding:10px 15px;border:1px solid var(--gold);border-radius:9px;text-decoration:none;color:#624817;font-size:13px;font-weight:750}.menu{display:none}.hero{min-height:690px;padding:78px 5vw 90px;display:grid;grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr);gap:7vw;align-items:center;max-width:1600px;margin:auto}.eyebrow{display:block;color:var(--gold);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800}.hero h1,.section-intro h2,.why h2,.business h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.035em}.hero h1{font-size:clamp(50px,6vw,82px);line-height:1.01;margin:17px 0 25px}.hero-copy>p{font-size:18px;color:var(--soft);max-width:620px}.hero-actions{display:flex;gap:12px;margin:32px 0 27px}.primary,.secondary,.light-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:10px;text-decoration:none;font-weight:750;font-size:14px}.primary{background:var(--dark);color:#fff}.secondary{border:1px solid var(--line);background:var(--surface)}.hero-copy small{display:block;max-width:560px;color:var(--soft);font-size:12px}.hero-image{margin:0;position:relative;padding:16px;background:rgba(255,254,250,.6);border:1px solid rgba(132,101,45,.23);box-shadow:var(--shadow);border-radius:22px}.hero-image:before{content:"";position:absolute;inset:9px;border:1px solid rgba(132,101,45,.2);border-radius:16px;pointer-events:none}.hero-image img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:13px}.hero-image figcaption{padding:12px 4px 0;color:var(--soft);font-size:11px}.paths,.why,.occasions{max-width:1440px;margin:auto;padding:105px 5vw}.section-intro{max-width:720px;margin-bottom:46px}.section-intro h2,.why h2{font-size:clamp(38px,4.5vw,62px);line-height:1.08;margin:12px 0}.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.path-card{position:relative;min-height:420px;padding:38px;border:1px solid rgba(132,101,45,.24);border-radius:20px;background:var(--surface);box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .22s ease,box-shadow .22s ease}.path-card:hover{transform:translateY(-3px);box-shadow:0 24px 66px rgba(42,35,25,.075)}.path-card.accent{background:#eee6d6}.number{position:absolute;right:30px;top:28px;color:var(--gold);font:20px Georgia,serif}.line-icon{width:54px;height:54px;border:1px solid var(--gold);border-radius:17px;display:grid;place-items:center;color:var(--gold)}.line-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.path-card h3{margin:54px 0 12px;font:400 36px Georgia,serif}.path-card p{max-width:480px;color:var(--soft)}.path-card a{margin-top:auto;color:var(--gold);font-weight:800;text-underline-offset:5px}.why{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;border-top:1px solid rgba(132,101,45,.22);border-bottom:1px solid rgba(132,101,45,.22)}.why-points{display:grid}.why-points article{display:grid;grid-template-columns:42px 1fr;column-gap:14px;padding:25px 0;border-bottom:1px solid var(--line)}.why-points article:last-child{border:0}.why-points span{color:var(--gold);font:17px Georgia,serif}.why-points h3{margin:0;font-size:17px}.why-points p{grid-column:2;color:var(--soft);margin:7px 0 0}.occasion-row{display:flex;gap:10px;flex-wrap:wrap}.occasion-row button{border:1px solid var(--line);background:var(--surface);padding:11px 17px;border-radius:100px;cursor:pointer}.occasion-row button:hover{border-color:var(--gold);color:var(--gold)}.business{margin:40px 5vw 90px;padding:72px;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:50px;border-radius:24px;background:var(--dark);color:#fff}.business .eyebrow{color:#d7bb7b}.business h2{font-size:clamp(36px,4vw,58px);line-height:1.08;margin:12px 0 0}.business p{color:rgba(255,255,255,.7);margin:0}.light-button{background:#f4ede0;color:var(--ink);white-space:nowrap}@media(max-width:900px){.site-header{grid-template-columns:auto auto auto;gap:14px;padding:0 18px}.site-header nav{display:none}.menu{display:block;border:0;background:transparent}.business-link{font-size:12px;padding:8px 10px}.hero{grid-template-columns:1fr;padding:54px 18px 70px;gap:45px}.hero h1{font-size:50px}.hero-image{order:-1}.paths,.why,.occasions{padding:76px 18px}.path-grid,.why{grid-template-columns:1fr}.business{margin:20px 18px 60px;padding:42px 26px;grid-template-columns:1fr;gap:24px}.path-card{min-height:350px;padding:30px}}@media(max-width:520px){.logo strong{display:none}.business-link{display:none}.site-header{grid-template-columns:auto 1fr auto}.hero h1{font-size:42px}.hero-actions{flex-direction:column}.hero-image{padding:10px}.path-card h3{font-size:31px}.why h2,.section-intro h2{font-size:38px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.studio{padding-top:44px}
/* Interactive card studio */
.studio{max-width:1500px;margin:0 auto;padding:100px 5vw}.studio-intro{max-width:780px;margin-bottom:38px}.studio-intro h2{margin:10px 0 12px;font:400 clamp(40px,4.5vw,64px)/1.05 Georgia,serif}.studio-intro p{color:var(--soft)}.studio-shell{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:690px;border-radius:26px;background:var(--surface);box-shadow:0 28px 80px rgba(42,35,25,.11);overflow:hidden}.wizard-steps{padding:24px 14px;background:#292721;display:flex;flex-direction:column;gap:8px}.step{display:grid;grid-template-columns:40px 1fr;column-gap:10px;text-align:left;border:0;border-radius:14px;padding:11px;background:transparent;color:#c9c5bd;cursor:pointer}.step:hover,.step.active{background:#3d3b35;color:#fff}.step small{grid-column:2;font-size:10px}.tool-icon{grid-row:1/3;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:900;color:#292721}.tool-icon.gold{background:#d8bc7c}.tool-icon.coral{background:#d99b83}.tool-icon.blue{background:#91b8c4}.tool-icon.violet{background:#b59ac9}.tool-icon.green{background:#92b69d}.studio-workspace{min-width:0;display:flex;flex-direction:column}.studio-topbar{display:flex;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--line)}.side-tabs{display:flex;padding:4px;border-radius:11px;background:#eeeae1}.side-tabs button{border:0;background:transparent;padding:8px 15px;border-radius:8px}.side-tabs button.active{background:#fff;box-shadow:0 3px 10px #0001}.save-state{font-size:12px;color:var(--soft)}.save-state i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#5b8b6c}.editor-grid{display:grid;grid-template-columns:280px minmax(430px,1fr);min-height:540px}.control-panel{padding:28px;border-right:1px solid var(--line)}.control-panel h3{margin:5px 0 22px;font:400 25px Georgia,serif}.control-panel label,.control-panel legend{display:block;margin:0 0 14px;font-size:12px;font-weight:750}.control-panel input[type=text]{width:100%;margin-top:6px;padding:11px;border:1px solid var(--line);border-radius:9px}.control-panel fieldset{border:0;padding:0;margin:20px 0}.swatches{display:flex;gap:9px}.swatches button{width:34px;height:34px;border-radius:50%;border:3px solid #fff;background:var(--swatch);box-shadow:0 0 0 1px var(--line)}.swatches button.selected{box-shadow:0 0 0 2px var(--gold)}.upload-control{display:flex!important;align-items:center;justify-content:center;min-height:44px;border:1px dashed var(--gold);border-radius:10px;color:var(--gold);cursor:pointer}.upload-control input{position:absolute;opacity:0}.zones-button{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px}.zones-button.active{background:var(--gold-soft)}.canvas-stage{padding:42px;display:grid;place-items:center;background:radial-gradient(circle,#f5f1e8,#eae4d9)}.card-canvas{position:relative;width:min(620px,100%);aspect-ratio:1.586/1;border-radius:24px;background:#efe3cf;overflow:hidden;box-shadow:0 30px 70px #2a231933;transition:.3s ease}.safe-zone{position:absolute;inset:22px;border:1px dashed #84652d99;border-radius:15px}.card-canvas.hide-zones .safe-zone{opacity:0}.gold-chip{position:absolute;right:8%;top:12%;width:23%;aspect-ratio:1.55;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#f3d88f,#a97727);color:#654611;font:700 15px Georgia,serif}.card-message{position:absolute;left:9%;bottom:13%;max-width:60%}.card-message strong,.card-message span{display:block}.card-message strong{font:400 clamp(24px,3vw,43px)/1.05 Georgia,serif}.card-message span{margin-top:10px;color:var(--soft)}#userImage{position:absolute;width:42%;height:56%;left:7%;top:10%;object-fit:cover;border-radius:16px}.certificate{display:none;position:absolute;left:8%;right:8%;bottom:9%;padding:14px;border:1px solid #84652d52;border-radius:12px}.certificate b,.certificate small{display:block}.certificate small{color:var(--soft)}.card-canvas[data-side=back] .gold-chip,.card-canvas[data-side=back] .card-message{display:none}.card-canvas[data-side=back] .certificate{display:block}.canvas-hint{width:100%;display:flex;justify-content:space-between;color:var(--soft);font-size:10px;margin-top:18px}.studio-footer{margin-top:auto;display:flex;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--line)}.studio-footer b,.studio-footer span{display:block}.studio-footer b{font-size:13px;color:#497059}.studio-footer span{font-size:11px;color:var(--soft)}.studio-footer button{border:0;border-radius:10px;background:var(--dark);color:#fff;padding:12px 17px}.studio-footer button span{display:inline;color:#d8bc7c}
@media(max-width:900px){.studio{padding:76px 18px}.studio-shell{grid-template-columns:1fr}.wizard-steps{display:grid;grid-template-columns:repeat(5,118px);overflow-x:auto;padding:12px}.editor-grid{grid-template-columns:1fr}.control-panel{border-right:0;border-bottom:1px solid var(--line)}.canvas-stage{padding:28px}}@media(max-width:560px){.editor-grid{display:flex;flex-direction:column}.canvas-stage{order:-1;padding:22px 14px}.control-panel{padding:22px}.studio-footer{position:sticky;bottom:0;background:var(--surface);z-index:3}.canvas-hint{flex-direction:column}.studio-intro h2{font-size:40px}}
.control-panel select{width:100%;margin-top:6px;padding:11px;border:1px solid var(--line);border-radius:9px;background:#fff}.source-note{margin:-4px 0 18px;padding:10px;border-left:3px solid #c59b52;background:#f6f0e3;color:var(--soft);font-size:10px}.gold-chip{right:auto;left:73%;top:11%;width:10.5%;height:28%;aspect-ratio:auto;min-width:42px;min-height:54px;border:1px solid #9b6d1d;border-radius:12%;place-content:center;cursor:grab;touch-action:none;z-index:3}.gold-chip:active{cursor:grabbing}.gold-chip b,.gold-chip span,.gold-chip small{display:block;pointer-events:none;line-height:1.05}.gold-chip b{font-size:9px;letter-spacing:.02em}.gold-chip span{font-size:8px;margin-top:3px}.gold-chip small{font-size:8px;margin-top:3px}.gold-chip.dragging{box-shadow:0 0 0 4px #84652d33,0 16px 32px #2a231933}
.tool-icon.illustrated{width:46px;height:46px;border-radius:14px;background-image:url('assets/editor-tool-sprite.png');background-size:500% 100%;background-repeat:no-repeat;box-shadow:0 5px 14px #0003}.icon-side{background-position:0% 50%}.icon-background{background-position:25% 50%}.icon-image{background-position:50% 50%}.icon-text{background-position:75% 50%}.icon-check{background-position:100% 50%}.step{grid-template-columns:48px 1fr}.gold-options{margin-top:18px!important}.gold-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gold-choice{position:relative;display:grid!important;grid-template-columns:30px 1fr;column-gap:7px;align-items:center;margin:0!important;padding:9px;border:1px solid var(--line);border-radius:11px;background:#fff;cursor:pointer;transition:.18s ease}.gold-choice:hover{transform:translateY(-1px);border-color:#b99557}.gold-choice.selected{background:#f5eddd;border-color:#a77d36;box-shadow:0 0 0 2px #e8d7b8}.gold-choice input{position:absolute;opacity:0}.gold-choice i{grid-row:1/3;width:24px;height:32px;justify-self:center;border:1px solid #9b6d1d;border-radius:4px;background:linear-gradient(145deg,#f2d78f,#ae7924)}.gold-choice b,.gold-choice small{display:block}.gold-choice b{font-size:11px}.gold-choice small{color:var(--soft);font-size:8px;white-space:nowrap}
.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.template-card{position:relative;aspect-ratio:1.35;border:2px solid #fff;border-radius:10px;overflow:hidden;background:#eee;box-shadow:0 0 0 1px var(--line);cursor:pointer}.template-card span{position:absolute;left:4px;right:4px;bottom:3px;padding:2px;border-radius:5px;background:#fffD;color:var(--ink);font-size:7px}.template-card.glow{background:radial-gradient(circle at 52% 43%,#fffdf4 0,#f5e2ae 28%,#d9ad55 100%)}.template-card.bloom{background:radial-gradient(circle at 25% 20%,#fff7ef,#e8b4aa 45%,#a76d78)}.template-card.night{background:radial-gradient(circle at 68% 28%,#d8c587,#243a5a 30%,#111827 80%)}.template-card.active{box-shadow:0 0 0 2px var(--gold)}.text-presets div{display:grid;gap:6px}.text-presets button{padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;text-align:left;font-size:10px;cursor:pointer}.text-presets button:hover{border-color:var(--gold);background:#f8f2e6}.background-upload{margin-top:8px!important}.preview-dialog{width:min(1100px,calc(100vw - 30px));border:0;border-radius:24px;padding:26px;background:#faf7f0;box-shadow:0 30px 110px #0005}.preview-dialog::backdrop{background:#17161299;backdrop-filter:blur(5px)}.preview-dialog-head{display:flex;justify-content:space-between;align-items:center}.preview-dialog-head h2{margin:3px 0 0;font:400 34px Georgia,serif}.preview-dialog-head>button{width:42px;height:42px;border:0;border-radius:50%;background:var(--dark);color:#fff;font-size:24px}.double-preview{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}.double-preview article>span{display:block;margin-bottom:8px;color:var(--soft);font-size:12px}.preview-card{position:relative;aspect-ratio:1.586;border-radius:20px;padding:8%;background:#efe3cf;box-shadow:0 18px 45px #2a231933;overflow:hidden}.preview-card>strong{position:absolute;left:8%;bottom:18%;font:400 30px Georgia,serif}.preview-card>small{position:absolute;left:8%;bottom:11%;color:var(--soft)}.preview-gold{position:absolute;right:8%;top:10%;padding:18px 12px;border-radius:10px;background:linear-gradient(145deg,#f3d88f,#a97727);font:700 10px Georgia,serif;text-align:center}.preview-card.back{background:#eee7da}.certificate-preview{position:absolute;inset:auto 9% 10%;padding:15px;border:1px solid #84652d55;border-radius:10px}.certificate-preview b,.certificate-preview small{display:block}.preview-actions{display:flex;justify-content:space-between;gap:12px}.preview-actions button{padding:12px 17px;border:1px solid var(--line);border-radius:10px;background:#fff}.preview-actions .primary:disabled{opacity:.55}.card-canvas.template-glow{background:radial-gradient(circle at 52% 43%,#fffdf4 0,#f5e2ae 28%,#d9ad55 100%)}.card-canvas.template-bloom{background:radial-gradient(circle at 25% 20%,#fff7ef,#e8b4aa 45%,#a76d78)}.card-canvas.template-night{background:radial-gradient(circle at 68% 28%,#d8c587,#243a5a 30%,#111827 80%);color:#fff}
@media(max-width:700px){.double-preview{grid-template-columns:1fr}.preview-actions{flex-direction:column}.preview-dialog{padding:18px}}
.template-card.glow,.template-card.bloom,.template-card.night{background-image:url('assets/card-background-templates.png');background-size:300% 100%;background-repeat:no-repeat}.template-card.glow{background-position:0% 50%}.template-card.bloom{background-position:50% 50%}.template-card.night{background-position:100% 50%}.card-canvas.template-glow,.card-canvas.template-bloom,.card-canvas.template-night{background-image:url('assets/card-background-templates.png');background-size:300% 100%;background-repeat:no-repeat}.card-canvas.template-glow{background-position:0% 50%}.card-canvas.template-bloom{background-position:50% 50%}.card-canvas.template-night{background-position:100% 50%;color:#fff}
.preview-card>strong,.preview-card>small{color:inherit}.preview-card>small{opacity:.78}.preview-actions .primary:disabled{opacity:.55;background:var(--dark);color:#fff;border-color:var(--dark)}.card-canvas.template-night .card-message,.card-canvas.template-night .card-message span{color:#fff;text-shadow:0 2px 12px #0008}

/* Lighter, more generous editor navigation and true relative plate selectors. */
.studio-shell{grid-template-columns:230px minmax(0,1fr);border:1px solid #e6dccb;background:#fffdf8}
.wizard-steps{padding:24px 16px;background:linear-gradient(180deg,#f4ead8 0%,#faf6ed 54%,#eef3f1 100%);border-right:1px solid #dfd2bd;gap:12px}
.step{grid-template-columns:68px 1fr;column-gap:12px;min-height:76px;padding:10px;color:#51493e;border:1px solid transparent}
.step:hover,.step.active{background:#fffdf9;color:#211f1b;border-color:#d7bf91;box-shadow:0 8px 22px #6f542015}
.step small{font-size:11px;color:#746b5e}.step.active small{color:#655c4f}
.tool-icon.illustrated{width:64px;height:64px;border-radius:18px;box-shadow:0 7px 18px #5a422326}
.editor-grid{grid-template-columns:390px minmax(430px,1fr)}
.gold-options{margin-top:22px!important}.gold-options legend{font-size:13px;margin-bottom:10px}
.gold-choice-grid{grid-template-columns:repeat(4,minmax(72px,1fr));gap:8px;align-items:stretch}
.gold-choice{display:flex!important;flex-direction:column;justify-content:flex-end;align-items:center;min-height:154px;padding:10px 5px 9px;text-align:center}
.gold-choice i{display:block;width:calc(var(--w) * 2px);height:calc(var(--h) * 2px);max-width:52px;max-height:78px;margin:auto auto 8px;border:1px solid #946313;border-radius:6px;background:linear-gradient(145deg,#fff0ad 0%,#d8a942 42%,#9a6514 100%);box-shadow:inset 0 0 0 2px #ffe89b88,0 6px 12px #76501329}
.gold-choice b{font-size:13px;color:#513a12}.gold-choice small{font-size:9px;line-height:1.25;white-space:normal}
.gold-choice.selected i{box-shadow:inset 0 0 0 2px #fff0b0,0 7px 15px #76501342}.gold-choice.selected{background:#fbf2df}
@media(max-width:900px){.wizard-steps{border-right:0;border-bottom:1px solid #dfd2bd}.step{grid-template-columns:58px 1fr}.tool-icon.illustrated{width:56px;height:56px}.editor-grid{grid-template-columns:1fr}}
@media(max-width:520px){.gold-choice-grid{grid-template-columns:repeat(2,1fr)}.gold-choice{min-height:140px}}
.chip-lock{width:100%;margin:2px 0 24px;padding:12px;border:1px solid #9b7534;border-radius:10px;background:#f5ead4;color:#614711;font-weight:800;cursor:pointer}.chip-lock[aria-pressed=true]{background:#4f765d;border-color:#4f765d;color:#fff}.text-settings{margin-bottom:20px;padding-top:18px;border-top:1px solid var(--line);transition:.2s ease}.text-settings.is-locked{opacity:.48}.text-settings.is-locked:after{content:"Előbb helyezd el és rögzítsd az aranylapkát.";display:block;margin-top:8px;color:#7c5b21;font-size:10px}.type-controls{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.type-controls label{margin:0}.type-controls select{width:100%;margin-top:6px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff}.type-controls button{min-height:43px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:#fff}.type-controls button.active{background:#3d3932;color:#fff}.card-message.with-shadow{filter:drop-shadow(0 3px 5px rgba(0,0,0,.42))}.gold-chip.locked{cursor:not-allowed;box-shadow:0 0 0 3px #fff8,0 0 0 5px #4f765d}.gold-chip.blocked{box-shadow:0 0 0 4px #bd4a42;cursor:not-allowed}.card-message{padding:8px;border-radius:8px}.card-message:before{content:"";position:absolute;inset:-6px;border:1px dashed transparent;border-radius:10px;pointer-events:none}.gold-chip:not(.locked)~.card-message:before{border-color:#9b753455}
.studio-shell{overflow:visible}.wizard-steps{border-radius:26px 0 0 26px}.studio-workspace{border-radius:0 26px 26px 0;overflow:visible;background:var(--surface)}
.canvas-stage{position:sticky;top:98px;align-self:start;height:calc(100vh - 118px);min-height:540px}
@media(max-width:900px){.canvas-stage{position:relative;top:auto;height:auto;min-height:0}}
.preview-gold{right:auto!important;padding:0!important;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border:1px solid #9b6d1d;border-radius:8px;background:linear-gradient(145deg,#f3d88f,#a97727);color:#654611;font:700 clamp(5px,.65vw,9px)/1.1 Georgia,serif;text-align:center}.preview-gold b,.preview-gold span,.preview-gold small{display:block}
.canvas-side-tabs{position:absolute;z-index:4;top:18px;left:50%;transform:translateX(-50%);display:flex;padding:4px;border:1px solid #d9cdb9;border-radius:12px;background:#fffdf4e8;box-shadow:0 7px 20px #4b3a1a20;backdrop-filter:blur(8px)}.canvas-side-tabs button{border:0;border-radius:8px;background:transparent;padding:8px 18px;cursor:pointer}.canvas-side-tabs button.active{background:#3a352e;color:#fff}.canvas-stage{position:sticky}
.ai-starter{margin:-10px -10px 26px;padding:18px;border:1px solid #d9c49c;border-radius:16px;background:linear-gradient(145deg,#fffaf0,#f1e2c6 65%,#e3d9ef);box-shadow:0 12px 28px #6c4f1c14}.ai-starter .ai-badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#fff;color:#76551f;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.ai-starter h3{margin:10px 0 5px;font-size:22px}.ai-starter p{margin:0 0 12px;color:var(--soft);font-size:11px}.ai-starter label{margin:0}.ai-starter input{background:#fff}.ai-starter button{width:100%;margin-top:9px;padding:11px;border:0;border-radius:10px;background:#342f29;color:#fff;font-weight:800;cursor:pointer}.ai-starter small{display:block;min-height:16px;margin-top:7px;color:#4f765d;font-size:10px}
.shop-templates{margin:0 0 28px;padding-bottom:25px;border-bottom:1px solid var(--line)}.shop-templates h3{margin:6px 0 12px;font-size:21px}.shop-template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.shop-template-grid button{padding:5px 5px 9px;border:1px solid var(--line);border-radius:11px;background:#fff;text-align:left;cursor:pointer}.shop-template-grid button.selected{border-color:#a77d36;box-shadow:0 0 0 2px #e8d7b8}.shop-template-grid b,.shop-template-grid small{display:block;padding:0 4px}.shop-template-grid b{font-size:11px}.shop-template-grid small{color:#84652d;font-size:8px}.shop-art{display:block;aspect-ratio:1.586;margin-bottom:6px;border-radius:7px;background-image:url('assets/shop-card-collection-v2.png');background-size:300% 200%;background-repeat:no-repeat}.shop-art.love{background-position:0 0}.shop-art.anniversary{background-position:50% 0}.shop-art.wedding{background-position:100% 0}.shop-art.birthday{background-position:0 100%}.shop-art.gratitude{background-position:50% 100%}.shop-art.graduation{background-position:100% 100%}
.card-canvas.shop-love,.card-canvas.shop-anniversary,.card-canvas.shop-wedding,.card-canvas.shop-birthday,.card-canvas.shop-gratitude,.card-canvas.shop-graduation{background-image:url('assets/shop-card-collection-v2.png');background-size:300% 200%;background-repeat:no-repeat}.card-canvas.shop-love{background-position:0 0}.card-canvas.shop-anniversary{background-position:50% 0}.card-canvas.shop-wedding{background-position:100% 0}.card-canvas.shop-birthday{background-position:0 100%}.card-canvas.shop-gratitude{background-position:50% 100%}.card-canvas.shop-graduation{background-position:100% 100%}
.hero{position:relative;isolation:isolate;max-width:none;min-height:calc(100vh - 82px);grid-template-columns:1fr;place-items:center;padding:100px 5vw 76px;text-align:center;background-image:linear-gradient(180deg,rgba(251,247,238,.78) 0%,rgba(251,247,238,.48) 44%,rgba(246,235,215,.20) 100%),url('assets/hero-concept.png');background-size:cover;background-position:center 54%;overflow:hidden}
.hero:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.64),transparent 43%),linear-gradient(90deg,rgba(255,248,232,.20),transparent 35%,transparent 65%,rgba(255,248,232,.18))}
.hero-copy{width:min(860px,100%);margin-top:-22vh;text-shadow:0 1px 14px rgba(255,255,255,.7)}
.hero h1{font-size:clamp(52px,6.3vw,88px);line-height:.98;margin:14px 0 22px}.hero h1 em{color:#9b7130;font-style:normal}.hero-copy>p{max-width:700px;margin-inline:auto;color:#4d453b}.hero-actions{justify-content:center}.hero-copy small{max-width:660px;margin-inline:auto}.hero-image{display:none}
.paths,.occasions{position:relative;max-width:none;padding-left:max(5vw,calc((100vw - 1440px)/2));padding-right:max(5vw,calc((100vw - 1440px)/2));background:linear-gradient(180deg,#f8f2e7 0%,#fffdf8 42%,#f2e7d6 100%)}
.path-card{background:rgba(255,254,250,.72);border-color:rgba(163,124,57,.22);box-shadow:0 20px 60px rgba(87,61,21,.08);backdrop-filter:blur(10px)}
.occasion-row button{background:rgba(255,255,255,.72);box-shadow:0 8px 24px rgba(91,64,24,.08)}
@media(max-width:900px){.hero{min-height:720px;background-position:center}.hero-copy{margin-top:-12vh}.hero h1{font-size:50px}}
.occasions{padding-top:110px;padding-bottom:120px;background-image:linear-gradient(180deg,rgba(249,243,232,.92),rgba(245,232,211,.72)),url('assets/hero-concept.png');background-size:cover;background-position:center}
.occasions .section-intro{margin-left:auto;margin-right:auto;text-align:center}.occasion-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.occasion-row .occasion-card{position:relative;isolation:isolate;display:flex;min-height:245px;flex-direction:column;justify-content:flex-end;align-items:flex-start;overflow:hidden;padding:24px;border:1px solid rgba(255,255,255,.75);border-radius:20px;background-image:linear-gradient(180deg,transparent 30%,rgba(25,20,14,.72) 100%),url('assets/shop-card-collection-v2.png');background-size:300% 200%;color:#fff;text-align:left;box-shadow:0 20px 48px rgba(68,45,14,.16);transition:transform .25s ease,box-shadow .25s ease}.occasion-row .occasion-card:hover{transform:translateY(-5px);box-shadow:0 28px 60px rgba(68,45,14,.22)}.occasion-card b,.occasion-card small{display:block;text-shadow:0 2px 12px #0008}.occasion-card b{font:400 28px Georgia,serif}.occasion-card small{max-width:210px;margin-top:5px;color:rgba(255,255,255,.86);font-size:11px}.occasion-card.love{background-position:0 0}.occasion-card.anniversary{background-position:50% 0}.occasion-card.wedding{background-position:100% 0}.occasion-card.birthday{background-position:0 100%}.occasion-card.gratitude{background-position:50% 100%}.occasion-card.graduation{background-position:100% 100%}
.studio{max-width:none;padding-left:max(5vw,calc((100vw - 1500px)/2));padding-right:max(5vw,calc((100vw - 1500px)/2));background:radial-gradient(circle at 12% 16%,rgba(226,190,128,.25),transparent 28%),radial-gradient(circle at 88% 68%,rgba(188,204,194,.28),transparent 34%),linear-gradient(180deg,#fffdf8,#f4ead9)}
.studio-shell{box-shadow:0 30px 85px rgba(84,57,20,.13)}
@media(max-width:900px){.occasion-row{grid-template-columns:repeat(2,1fr)}.occasion-row .occasion-card{min-height:220px}.studio{padding-left:18px;padding-right:18px}.studio-shell{border-radius:20px}.wizard-steps{border-radius:20px 20px 0 0}.studio-workspace{border-radius:0 0 20px 20px}.hero-copy{padding:18px}.hero-copy>p{font-size:16px}}
@media(max-width:560px){.site-header{background:rgba(250,246,237,.94)}.hero{min-height:680px;padding:78px 18px 52px;background-position:58% center}.hero-copy{margin-top:-8vh}.hero h1{font-size:42px}.hero h1 br{display:none}.hero-actions{gap:9px}.occasion-row{grid-template-columns:1fr;gap:14px}.occasion-row .occasion-card{min-height:210px}.occasions{padding:76px 18px}.shop-template-grid{grid-template-columns:repeat(2,1fr)}.canvas-side-tabs{top:10px}.card-canvas{border-radius:17px}.studio-footer{gap:10px}.studio-footer button{white-space:nowrap}}
.hero{min-height:820px;background-image:linear-gradient(180deg,rgba(255,252,245,.50) 0%,rgba(255,252,245,.20) 35%,rgba(255,252,245,0) 64%),url('assets/hero-family-product-v2.png');background-position:center bottom;background-size:cover}.hero-copy{margin-top:-52vh;width:min(1040px,100%)}.hero-copy>.eyebrow{display:none}.hero h1{font-size:clamp(45px,5vw,72px);letter-spacing:.015em;text-transform:uppercase}.hero h1>span,.hero h1>em{display:block;white-space:nowrap}.hero-copy>p{max-width:760px;font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;font-size:clamp(16px,1.55vw,21px);font-weight:700;line-height:1.35;color:#30291f}
@media(max-width:700px){.hero-copy{margin-top:-32vh}.hero h1>span,.hero h1>em{white-space:normal}}
.studio-intro h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,4.8vw,68px);font-weight:400;line-height:1.02;letter-spacing:-.025em}.studio-intro h2 em{color:#9b7130;font:inherit;font-style:normal}.studio-intro>p{max-width:720px;font-size:17px;color:#51483d}
.ai-starter{position:relative;overflow:hidden;background:radial-gradient(circle at 100% 0,rgba(167,146,194,.16),transparent 38%),radial-gradient(circle at 0 100%,rgba(230,177,92,.25),transparent 42%),linear-gradient(145deg,#fffdf8,#f4eef6 52%,#edf4f1);border-color:#d8cbd8}.ai-starter:after{content:"";position:absolute;right:-36px;top:-36px;width:120px;height:120px;border:1px solid rgba(129,88,178,.16);border-radius:50%;box-shadow:0 0 0 18px rgba(129,88,178,.035),0 0 0 38px rgba(129,88,178,.025);pointer-events:none}.ai-heading{position:relative;z-index:1;display:flex;align-items:center;gap:9px}.ai-orb{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#74617f,#b47e43);color:#fff;font-size:19px;box-shadow:0 8px 20px rgba(94,61,143,.20)}.ai-starter .ai-badge{background:rgba(255,255,255,.78);color:#5f5068}.ai-starter select{width:100%;margin-top:6px;padding:11px;border:1px solid #d9cedb;border-radius:9px;background:#fff}.ai-starter label{position:relative;z-index:1}.ai-starter button{background:linear-gradient(100deg,#39323e,#6c596f 55%,#936933);box-shadow:0 10px 24px rgba(78,51,115,.16)}.ai-starter button:disabled{opacity:.65;cursor:wait}
.step{position:relative}.step:after{content:"›";position:absolute;right:10px;top:50%;transform:translateY(-50%);opacity:.28;font-size:23px}.step:hover:after,.step.active:after{opacity:.9;color:#9b7130}.step.active{border-color:#b9924f;box-shadow:0 10px 25px rgba(104,75,30,.12)}.step-target-flash{animation:stepTargetFlash .9s ease}@keyframes stepTargetFlash{0%,100%{box-shadow:none}35%{box-shadow:0 0 0 4px rgba(176,132,57,.32)}}
.hero{--hero-bg:url('assets/hero-family-product-v2.png');background-image:none!important;background-color:#f5ead7}.hero:before{content:"";position:absolute;z-index:-2;inset:0;background-image:linear-gradient(180deg,rgba(255,252,245,.50) 0%,rgba(255,252,245,.20) 35%,rgba(255,252,245,0) 64%),var(--hero-bg);background-position:center bottom;background-size:cover;opacity:1;transform:scale(1.001);transition:opacity .32s ease,transform 6.5s ease}.hero.changing:before{opacity:.18}.hero:not(.changing):before{transform:scale(1.025)}.hero-copy{transition:opacity .32s ease,transform .32s ease}.hero.changing .hero-copy{opacity:.1;transform:translateY(-8px)}.hero-pager{display:flex;justify-content:center;gap:9px;margin-top:16px}.hero-pager button{width:32px;height:5px;padding:0;border:0;border-radius:99px;background:rgba(56,47,34,.24);cursor:pointer;transition:.25s ease}.hero-pager button.active{width:54px;background:#9b7130}.hero-pager button:focus-visible{outline:2px solid #9b7130;outline-offset:4px}@media(prefers-reduced-motion:reduce){.hero:before,.hero-copy{transition:none}.hero:before{transform:none}}
.studio-intro{max-width:none;display:grid;grid-template-columns:minmax(520px,1.35fr) minmax(280px,.65fr);grid-template-areas:"eyebrow eyebrow" "title copy";align-items:end;column-gap:clamp(40px,6vw,96px);row-gap:12px;margin-bottom:42px}.studio-intro .eyebrow{grid-area:eyebrow}.studio-intro h2{grid-area:title;min-width:0;margin:0;white-space:normal}.studio-intro h2 br{display:block}.studio-intro h2 em:before{content:none}.studio-intro>p{grid-area:copy;max-width:420px;margin:0 0 6px;font-size:16px;line-height:1.55}.wizard-steps{box-shadow:inset -1px 0 rgba(122,91,40,.12)}
.shop-art,.card-canvas.shop-love,.card-canvas.shop-anniversary,.card-canvas.shop-wedding,.card-canvas.shop-birthday,.card-canvas.shop-gratitude,.card-canvas.shop-graduation{background-size:cover!important;background-position:center!important}
.shop-art.love,.card-canvas.shop-love{background-image:url('assets/template-love-v1.png')!important}.shop-art.anniversary,.card-canvas.shop-anniversary{background-image:url('assets/template-anniversary-v1.png')!important}.shop-art.wedding,.card-canvas.shop-wedding{background-image:url('assets/template-wedding-v1.png')!important}.shop-art.birthday,.card-canvas.shop-birthday{background-image:url('assets/template-birthday-v1.png')!important}.shop-art.gratitude,.card-canvas.shop-gratitude{background-image:url('assets/template-gratitude-v1.png')!important}.shop-art.graduation,.card-canvas.shop-graduation{background-image:url('assets/template-graduation-v1.png')!important}
@media(max-width:1180px){.studio-intro{grid-template-columns:1fr;grid-template-areas:"eyebrow" "title" "copy";row-gap:10px}.studio-intro>p{max-width:680px;margin-top:8px}}
@media(max-width:900px){.hero{background-position:center bottom}.hero-copy{margin-top:-18vh}}
@media(max-width:560px){.hero{min-height:760px;background-position:center bottom}.hero-copy{margin-top:-28vh;padding:12px}.hero h1{font-size:44px;line-height:1.02}.hero h1 br{display:block}.hero-copy>p{font-size:14px;line-height:1.5}.hero-copy small{display:none}.studio-intro{margin-bottom:26px}.studio-intro h2{font-size:clamp(38px,11vw,48px);line-height:1.02}.studio-intro>p{font-size:15px;line-height:1.5;margin-top:6px}}

/* Stable three-column card designer: steps, active controls, persistent preview. */
.wizard-steps{position:sticky;top:98px;align-self:start;height:calc(100vh - 118px);min-height:620px;overflow-y:auto}
.step-number{position:absolute;z-index:2;left:7px;top:7px;width:22px;height:22px;display:grid;place-items:center;border:1px solid #cdb681;border-radius:50%;background:#fffdf8;color:#76551f;font-size:10px;font-weight:900;box-shadow:0 3px 9px #6c4f1c18}
.step.active .step-number{background:#9b7130;border-color:#9b7130;color:#fff}
.step .tool-icon{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease}.step:hover .tool-icon{transform:translateY(-3px) rotate(-1.5deg) scale(1.035);box-shadow:0 12px 25px #5a422338}.step.active .tool-icon{transform:translateY(-1px);animation:activeToolBreath 3.4s ease-in-out infinite}@keyframes activeToolBreath{0%,100%{filter:saturate(1);box-shadow:0 7px 18px #5a422326}50%{filter:saturate(1.08);box-shadow:0 11px 24px #8d652d35}}@media(prefers-reduced-motion:reduce){.step .tool-icon{animation:none!important;transition:none!important}}
.control-panel{height:calc(100vh - 162px);min-height:540px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.editor-panel{display:none}.editor-panel.active{display:block;animation:panelReveal .24s ease}@keyframes panelReveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.editor-panel>.eyebrow{margin-top:2px}.panel-help{margin:-12px 0 18px;color:var(--soft);font-size:12px;line-height:1.5}.panel-side-tabs{margin-bottom:18px}.panel-side-tabs button{flex:1}.background-template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.background-template-grid .template-card{width:100%;aspect-ratio:1.586}
.template-card.love,.card-canvas.template-love{background-image:url('assets/template-love-v1.png')!important}.template-card.anniversary,.card-canvas.template-anniversary{background-image:url('assets/template-anniversary-v1.png')!important}.template-card.wedding,.card-canvas.template-wedding{background-image:url('assets/template-wedding-v1.png')!important}.template-card.birthday,.card-canvas.template-birthday{background-image:url('assets/template-birthday-v1.png')!important}.template-card.gratitude,.card-canvas.template-gratitude{background-image:url('assets/template-gratitude-v1.png')!important}.template-card.graduation,.card-canvas.template-graduation{background-image:url('assets/template-graduation-v1.png')!important}
.template-card.love,.template-card.anniversary,.template-card.wedding,.template-card.birthday,.template-card.gratitude,.template-card.graduation,.card-canvas.template-love,.card-canvas.template-anniversary,.card-canvas.template-wedding,.card-canvas.template-birthday,.card-canvas.template-gratitude,.card-canvas.template-graduation{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.panel-preview-button{width:100%;margin-top:12px;padding:12px;border:0;border-radius:10px;background:var(--dark);color:#fff;font-weight:800;cursor:pointer}
.studio-intro{display:block}.studio-intro h2{max-width:1050px;font-size:clamp(42px,5vw,70px);line-height:1.04;letter-spacing:-.03em}.ai-starter[hidden]{display:none}
.hero[data-slide="1"] .hero-copy{margin-top:-59vh}
.logo img{width:46px;height:46px;display:block;object-fit:contain;transition:transform .28s ease}.logo:hover img{transform:translateY(-2px) scale(1.035)}
.heritage-header{grid-template-columns:1fr auto 1fr}.heritage-header nav{justify-content:flex-start}.heritage-logo{justify-self:center;gap:12px;color:#9a7128}.heritage-logo span{width:auto;height:auto;border:0;border-radius:0;font-size:22px}.heritage-logo strong{font:400 23px/1 Georgia,"Times New Roman",serif;letter-spacing:.18em;white-space:nowrap}.header-actions{justify-self:end;display:flex;align-items:center;gap:20px}.header-actions>a:not(.business-link){text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;color:var(--soft)}
@media(max-width:900px){.heritage-header{grid-template-columns:auto 1fr auto}.heritage-header nav,.header-actions>a:not(.business-link){display:none}.heritage-logo{justify-self:start}.heritage-logo strong{font-size:18px}.header-actions{justify-self:end}}
.hero[data-slide="2"]:before{filter:brightness(1.18) saturate(.82);opacity:.9}.hero[data-slide="2"]:after{background:linear-gradient(180deg,rgba(255,252,245,.38),rgba(255,252,245,.12) 48%,transparent 72%)}
@media(max-width:900px){.hero[data-slide="1"] .hero-copy{margin-top:-24vh}}
@media(max-width:560px){.hero[data-slide="1"] .hero-copy{margin-top:-34vh}}
@media(max-width:900px){.wizard-steps{position:relative;top:auto;height:auto;min-height:0;overflow-x:auto;overflow-y:hidden}.control-panel{height:auto;min-height:0;overflow:visible}.step-number{left:5px;top:5px}.background-template-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.background-template-grid{grid-template-columns:repeat(2,1fr)}}

/* The AI design assistant stays available at the top of the scrolling control column. */
.control-panel>.ai-starter{position:sticky;top:-10px;z-index:8;box-shadow:0 14px 34px rgba(66,45,20,.18)}
@media(max-width:900px){
  .control-panel>.ai-starter{position:sticky;top:92px;z-index:12}
  .editor-grid{display:flex;flex-direction:column}
  .control-panel{order:1}
  .canvas-stage{order:2}
}

/* Final mobile AI control: a compact purple star card without a duplicate bonus label. */
.step[data-tool="ai"]:before{display:none!important}
@media(max-width:760px){
  .mobile-primary-tools>.step[data-tool="ai"],.wizard-steps>.step[data-tool="ai"]{width:66px!important;min-width:66px!important;max-width:66px!important;min-height:58px!important;max-height:58px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;padding:5px!important;border:1px solid #9a6db6!important;border-radius:15px!important;background:linear-gradient(145deg,#efe2fa,#c99fe5)!important;color:#47235f!important;box-shadow:0 8px 18px rgba(87,42,113,.20)!important;text-align:center!important}
  .mobile-primary-tools>.step[data-tool="ai"] .tool-icon,.wizard-steps>.step[data-tool="ai"] .tool-icon.illustrated{width:30px!important;height:30px!important;min-width:30px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,#9b63bd,#61307d)!important;color:#fff!important;font-size:17px!important;line-height:1!important;box-shadow:0 5px 12px rgba(67,30,90,.25)!important}
  .mobile-primary-tools>.step[data-tool="ai"] b,.wizard-steps>.step[data-tool="ai"] b{font-size:10px!important;font-weight:900!important;line-height:1!important;letter-spacing:.06em!important}
  .mobile-primary-tools>.step[data-tool="ai"] small,.wizard-steps>.step[data-tool="ai"] small{display:none!important}
}

/* Final category-card corrections: readable copy and full funny-card framing. */
.occasions .collection-categories button:is([data-category="baby"],[data-category="graduation"],[data-category="funny"]) .category-card-copy{
  width:calc(100% - 28px)!important;margin:0 14px 14px!important;padding:14px 16px!important;
  border:1px solid rgba(255,255,255,.46)!important;border-radius:13px!important;
  background:rgba(24,19,14,.74)!important;backdrop-filter:blur(8px)!important;
}
.occasions .collection-categories button:is([data-category="baby"],[data-category="graduation"],[data-category="funny"]) .category-card-copy b,
.occasions .collection-categories button:is([data-category="baby"],[data-category="graduation"],[data-category="funny"]) .category-card-copy small{
  color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.55)!important;
}
.occasions .collection-categories button[data-category="funny"]{
  background-size:cover!important;background-repeat:no-repeat!important;background-position:center!important;background-color:#eadcc7!important;
}

/* Final mobile header alignment: visually center the brand in the fixed bar. */
@media(max-width:560px){
  .site-header .logo{transform:translateY(11px)!important}
}

/* Final iPhone override: preserve the real relative plate sizes in the four-column picker. */
@media(max-width:760px){
  .gold-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important}
  .gold-choice{grid-template-rows:96px auto auto!important;min-height:136px!important;padding:6px 2px!important}
  .gold-choice:before{display:none!important}
  .gold-choice img{grid-row:1!important;align-self:end!important;width:auto!important;object-fit:contain!important;padding:0!important;margin:0 auto!important;mix-blend-mode:normal!important}
  .gold-choice:has(input[value="025"]) img{height:40px!important;max-height:40px!important;max-width:24px!important}
  .gold-choice:has(input[value="075"]) img{height:51px!important;max-height:51px!important;max-width:34px!important}
  .gold-choice:has(input[value="200"]) img{height:67px!important;max-height:67px!important;max-width:42px!important}
  .gold-choice:has(input[value="500"]) img{height:92px!important;max-height:92px!important;max-width:62px!important}

  /* Step 2 starts with the photo picker; the card appears below and no footer tools cover it. */
  .studio-shell[data-active-step="background"] .control-panel{order:1!important}
  .studio-shell[data-active-step="background"] .canvas-stage{order:2!important;position:static!important;top:auto!important}
  .studio-shell[data-active-step="background"] .editor-panel[data-editor-panel="background"]{padding-top:8px!important}
  .studio-shell[data-active-step="background"] .mobile-step-back{position:sticky;top:68px;z-index:30;margin-bottom:12px;box-shadow:0 6px 16px rgba(50,35,16,.12)}
  .studio-footer{display:none!important}
}

/* Centered mobile plate cards: 20% larger while preserving relative dimensions. */
@media(max-width:760px){
  .gold-choice{grid-template-rows:116px auto auto!important;min-height:162px!important;place-items:center!important;text-align:center!important}
  .gold-choice img{align-self:center!important;justify-self:center!important}
  .gold-choice:has(input[value="025"]) img{height:48px!important;max-height:48px!important;max-width:29px!important}
  .gold-choice:has(input[value="075"]) img{height:61px!important;max-height:61px!important;max-width:41px!important}
  .gold-choice:has(input[value="200"]) img{height:80px!important;max-height:80px!important;max-width:50px!important}
  .gold-choice:has(input[value="500"]) img{height:110px!important;max-height:110px!important;max-width:74px!important}
  .gold-choice>b,.gold-choice .gold-price{width:100%;justify-self:center!important;text-align:center!important}
  .gold-choice>b{font-size:11px!important}
  .gold-choice .gold-price{font-size:10px!important;font-weight:900!important;color:#6d470d!important}

  .studio-shell[data-active-step="background"] .upload-control{
    min-height:104px!important;border:2px solid #173e35!important;
    background:linear-gradient(135deg,#173e35,#2f6657)!important;
    box-shadow:0 12px 28px rgba(23,62,53,.28)!important;
  }
  .studio-shell[data-active-step="background"] .upload-photo-icon{
    width:58px!important;height:58px!important;flex-basis:58px!important;
    background:#fff8e8!important;font-size:34px!important;line-height:1!important;
    box-shadow:0 7px 18px rgba(0,0,0,.22)!important;
  }
  .studio-shell[data-active-step="background"] .upload-copy strong{color:#fff!important;font-size:16px!important}
  .studio-shell[data-active-step="background"] .upload-copy small{color:#eaf3ef!important;font-size:11px!important}
  .studio-shell[data-active-step="background"] .upload-action{background:#e2ad45!important;color:#2d210e!important;font-size:11px!important}

  .mobile-workflow-bar{position:sticky;top:64px;z-index:40;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;width:100%;margin:0 0 10px;padding:8px 9px;border:1px solid #d6cab7;border-radius:12px;background:rgba(250,248,243,.97);box-shadow:0 7px 20px rgba(42,34,22,.14);backdrop-filter:blur(10px)}
  .mobile-workflow-bar>button{min-height:36px;padding:7px 10px;border:1px solid #c3a771;border-radius:9px;background:#fff;color:#6b4b19;font-size:10px;font-weight:900}
  .mobile-workflow-bar ol{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin:0;padding:0;list-style:none}
  .mobile-workflow-bar ol:before{content:"";position:absolute;left:8%;right:8%;top:50%;height:3px;transform:translateY(-50%);border-radius:99px;background:#d8d1c5}
  .mobile-workflow-bar li{position:relative;z-index:1;display:grid;place-items:center;width:23px;height:23px;justify-self:center;border:2px solid #c8beb0;border-radius:50%;background:#f4f1eb;color:#7e756a;font-size:9px;font-weight:900}
  .mobile-workflow-bar li.done{border-color:#aa7a24;background:#d8ae5b;color:#fff}.mobile-workflow-bar li.active{border-color:#173e35;background:#173e35;color:#fff;box-shadow:0 0 0 4px rgba(23,62,53,.13)}
  .mobile-image-reset{display:none;width:100%;min-height:44px;margin-top:10px;border:1px solid #c7b386;border-radius:11px;background:#fffaf0;color:#6d4d19;font-size:12px;font-weight:850}
  .studio-shell[data-active-step="background"] .mobile-image-reset{display:block}
  .studio-shell[data-active-step="background"] #imageReset{display:none!important}
}
@media(min-width:761px){.mobile-workflow-bar,.mobile-image-reset{display:none!important}}

/* Exact geometric centering of every mobile plate preview and its labels. */
@media(max-width:760px){
  .gold-choice{position:relative!important;display:grid!important;grid-template-rows:116px 18px 18px!important;justify-items:center!important;align-items:center!important}
  .gold-choice img{position:absolute!important;left:50%!important;top:58px!important;margin:0!important;transform:translate(-50%,-50%)!important;transform-origin:center!important}
  .gold-choice>b{grid-row:2!important;align-self:center!important;margin:0!important;text-align:center!important}
  .gold-choice .gold-price{grid-row:3!important;align-self:center!important;margin:0!important;text-align:center!important}
  .mobile-image-help{display:none;margin:5px 4px 0;color:#766b5c;font-size:9px;line-height:1.3;text-align:center}
  .studio-shell[data-active-step="background"] .mobile-image-help{display:block}
}
@media(min-width:761px){.mobile-image-help{display:none!important}}

/* Step 2 follows step 1: card first, then the single clear photo action. */
@media(max-width:760px){
  .studio-shell[data-active-step="background"] .canvas-stage{order:1!important;position:static!important;top:auto!important}
  .studio-shell[data-active-step="background"] .control-panel{order:2!important;padding-top:8px!important}
  .studio-shell[data-active-step="background"] .editor-panel[data-editor-panel="background"]{padding-top:0!important}
  .studio-shell[data-active-step="background"] .mobile-step-back{display:none!important}
  .studio-shell[data-active-step="background"] .image-upload-status,
  .studio-shell[data-active-step="background"] .image-transform{display:none!important}
  .studio-shell[data-active-step="background"] .upload-control{margin-top:0!important}
  .studio-shell[data-active-step="background"] .upload-copy small{max-width:190px;line-height:1.35!important}
}

/* Official borderless black QR certificate used on every card back. */
.card-canvas[data-side="back"] .certificate{
  --certificate-accent:#8a611f;
  left:50%!important;right:auto!important;top:50%!important;width:40%!important;
  transform:translate(-50%,-50%)!important;padding:5% 3%!important;
  display:grid!important;grid-template-columns:1fr!important;
  grid-template-areas:"logo" "title" "eyebrow" "weight" "meta" "qr" "signature" "url"!important;
  justify-items:center!important;align-content:center!important;row-gap:3px!important;
  border:1px solid var(--certificate-accent)!important;border-radius:10px!important;background:rgba(255,255,255,.96)!important;
  color:#090909!important;box-shadow:none!important;text-align:center!important;
}
.card-canvas[data-side="back"] .certificate>div:first-child{grid-area:logo!important;position:static!important;width:34px!important;height:34px!important;margin:0 0 3px!important;transform:none!important;opacity:1!important}
.card-canvas[data-side="back"] .certificate>div:first-child{border:1px solid var(--certificate-accent)!important;border-radius:6px!important}
.card-canvas[data-side="back"] .certificate>div:first-child:after{display:none!important}
.card-canvas[data-side="back"] .certificate>div:first-child img{width:32px!important;height:32px!important;filter:grayscale(1) brightness(0)!important;opacity:1!important}
.card-canvas[data-side="back"] .certificate>b{grid-area:title!important;color:#090909!important;font:700 clamp(9px,1.15vw,16px)/1.05 Georgia,serif!important;letter-spacing:.055em!important}
.card-canvas[data-side="back"] .certificate>b:after{content:"";display:block;width:78%;height:1px;margin:4px auto 0;background:var(--certificate-accent)}
.card-canvas[data-side="back"] .certificate>small:nth-of-type(1){grid-area:eyebrow!important;color:#090909!important;font-size:clamp(4px,.48vw,7px)!important;font-weight:750!important;letter-spacing:.08em!important;opacity:1!important}
.card-canvas[data-side="back"] .certificate>.certificate-weight{grid-area:weight!important;margin:2px 0!important;color:#090909!important;font:900 clamp(10px,1.25vw,18px)/1 Arial,sans-serif!important}
.card-canvas[data-side="back"] .certificate>small:nth-of-type(2){grid-area:meta!important;color:#090909!important;font-size:clamp(4px,.48vw,7px)!important;font-weight:700!important;opacity:1!important}
.card-canvas[data-side="back"] .certificate>.generated-qr{grid-area:qr!important;width:58%!important;max-width:110px!important;margin:5px 0!important;justify-self:center!important;color:#000!important;opacity:1!important;filter:none!important}
.card-canvas[data-side="back"] .certificate>em{grid-area:signature!important;width:auto!important;margin:2px 0 0!important;padding:0!important;border:0!important;color:#090909!important;font-size:clamp(5px,.55vw,8px)!important;opacity:1!important;text-align:center!important}
.card-canvas[data-side="back"] .certificate>small:nth-of-type(3){grid-area:url!important;justify-self:center!important;color:#090909!important;font-size:clamp(4px,.48vw,7px)!important;font-weight:850!important;opacity:1!important}

/* Compact purple AI entry; its detailed panel appears only after selection. */
@media(max-width:760px){
  .mobile-primary-tools>.step[data-tool="ai"]{display:grid!important;border-color:#76508f!important;background:linear-gradient(145deg,#f2e8fa,#d8bee9)!important;color:#512d68!important;box-shadow:0 7px 18px rgba(91,52,117,.2)!important}
  .mobile-primary-tools>.step[data-tool="ai"] .tool-icon{background:linear-gradient(145deg,#8f5eaa,#5e3477)!important;color:#fff!important;font-size:18px!important}
  .mobile-primary-tools>.step[data-tool="ai"] b{color:#512d68!important;font-size:10px!important}
}

/* Step 3 stays inside one mobile workspace; the following page section cannot scroll into it. */
@media(max-width:760px){
  .studio-shell[data-active-step="text"]{height:100svh!important;max-height:100svh!important;overflow:hidden!important}
  .studio-shell[data-active-step="text"] .editor-grid{height:calc(100svh - 76px)!important;max-height:calc(100svh - 76px)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
  .studio-shell[data-active-step="text"] .canvas-stage{position:static!important;top:auto!important;flex:0 0 auto!important;padding:6px 9px!important}
  .studio-shell[data-active-step="text"] .card-canvas{width:min(76vw,310px)!important}
  .studio-shell[data-active-step="text"] .mobile-workflow-bar{top:0!important;margin-bottom:6px!important}
  .studio-shell[data-active-step="text"] .mobile-canvas-step{margin-bottom:6px!important;padding:7px 10px!important}
  .studio-shell[data-active-step="text"] .mobile-step-guidance{margin-bottom:6px!important}
  .studio-shell[data-active-step="text"] .control-panel{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:8px 12px calc(22px + env(safe-area-inset-bottom))!important}
  .studio-shell[data-active-step="text"] .editor-panel[data-editor-panel="text"]{padding-bottom:16px!important}
}

/* Occasion close control and stable separation from the following studio block. */
.collection-bottom-close{width:max-content;min-height:48px;margin:34px auto 8px;padding:0 20px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(132,101,45,.42);border-radius:999px;background:rgba(255,254,250,.92);color:#84652d;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 22px rgba(91,64,24,.08);cursor:pointer}
.collection-bottom-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.collection-bottom-close:hover{background:#f4ecdd}
main>.my-gold-cards:not(.collection-open){margin-bottom:clamp(28px,4vw,54px)!important}
main>.my-gold-cards+.studio{position:relative;z-index:1}

/* Corporate storytelling: real workshop craft followed by clear use-case inspiration. */
.business-inspiration{grid-column:1/-1;margin:10px 0 0;overflow:hidden;border:1px solid rgba(240,201,119,.24);border-radius:20px;background:#f5efe4;box-shadow:0 20px 46px rgba(0,0,0,.22)}
.business-inspiration img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.business-inspiration figcaption{padding:12px 16px;color:#f1dfb9;background:rgba(255,255,255,.055);font-size:11px;letter-spacing:.03em}
@media(max-width:560px){.collection-bottom-close{width:100%;margin:28px auto 4px}main>.my-gold-cards:not(.collection-open){margin-bottom:32px!important}.business-inspiration{grid-column:1}.business-inspiration figcaption{font-size:10px;line-height:1.45}}

/* Final mobile landing-page rhythm: consistent breathing room between stories and CTAs. */
@media(max-width:560px){
  main>.my-gold-cards{
    margin-top:0!important;
    padding-top:28px!important;
    row-gap:18px!important;
  }
  main>.my-gold-cards>.section-intro{
    padding:0 4px 4px!important;
  }
  main>.my-gold-cards>.section-intro .eyebrow{
    display:block!important;
    margin-bottom:10px!important;
  }
  main>.my-gold-cards>.collection-toggle{
    margin:10px auto 0!important;
  }
  main>.studio .studio-intro{
    gap:20px!important;
    padding-top:12px!important;
  }
  main>.studio .studio-intro>div>span{
    display:block!important;
    margin-bottom:9px!important;
    color:#936b28!important;
    font-size:11px!important;
    font-weight:850!important;
    letter-spacing:.13em!important;
    text-transform:uppercase!important;
  }
  main>.studio .studio-intro>div>h2{
    margin-top:0!important;
    margin-bottom:12px!important;
  }
  main>.studio .studio-intro>div>p{
    margin-bottom:0!important;
  }
  main>.studio .studio-intro>div>#openStudio{
    margin:10px auto 0!important;
  }
}

/* Keep the occasion landing page focused on categories until the visitor chooses one. */
.collection-browser:not(.category-focused) .collection-summary,
.collection-browser:not(.category-focused) .template-pair-grid{
  display:none!important;
}

/* Mobile category headers live at the top; the photographed card remains unobstructed below. */
@media(max-width:560px){
  .occasions>.section-intro{width:100%!important;max-width:none!important;margin:0 auto 30px!important;padding:0 2px!important}
  .occasions>.occasion-quote blockquote{margin:0!important;color:#191611!important;font:italic 400 27px/1.2 Georgia,"Times New Roman",serif!important;letter-spacing:-.025em!important;text-align:center!important}
  .occasions>.occasion-quote blockquote em{color:#a87525!important;font-style:italic!important}
  .occasions>.section-intro p{
    margin:12px 0 0!important;
    color:#51493f!important;
    font-size:12px!important;
    font-weight:650!important;
    letter-spacing:.035em!important;
    line-height:1.55!important;
    text-align:center!important;
  }
  .occasions .collection-categories button{
    align-items:flex-start!important;
    background-position:center 42%!important;
  }
  .occasions .collection-categories button:before{background:linear-gradient(180deg,rgba(9,8,7,.5) 0%,rgba(9,8,7,.12) 36%,transparent 62%)!important}
  .occasions .collection-categories .category-card-copy{
    min-height:0!important;
    padding:14px 17px 34px!important;
    background:none!important;
  }
  .occasions .collection-categories button[data-category="birthday"],
  .occasions .collection-categories button[data-category="baptism"],
  .occasions .collection-categories button[data-category="wedding"],
  .occasions .collection-categories button[data-category="christmas"]{background-position:center 56%!important}
  .occasions .collection-categories button[data-category="valentine"],
  .occasions .collection-categories button[data-category="anniversary"],
  .occasions .collection-categories button[data-category="thanks"]{background-position:center 52%!important}
  .occasions .collection-categories button[data-category="kids"],
  .occasions .collection-categories button[data-category="funny"],
  .occasions .collection-categories button[data-category="zodiac"]{background-position:center 58%!important}
  .occasions .collection-categories .category-card-copy b{
    color:#fff8ea!important;
    font:500 25px/1.03 Georgia,"Times New Roman",serif!important;
    letter-spacing:-.025em!important;
    text-shadow:0 2px 14px rgba(0,0,0,.7)!important;
  }
  .occasions .collection-categories .category-card-copy small{
    color:#edc875!important;
    font-size:10.5px!important;
    font-weight:750!important;
    line-height:1.32!important;
    text-shadow:0 2px 10px rgba(0,0,0,.75)!important;
  }
  .occasions .collection-categories button:is([data-category="baptism"],[data-category="wedding"],[data-category="graduation"],[data-category="christmas"],[data-category="thanks"]):before{background:linear-gradient(180deg,rgba(255,250,240,.74),rgba(255,250,240,.08) 48%,transparent 68%)!important}
  .occasions .collection-categories button:is([data-category="baptism"],[data-category="wedding"],[data-category="graduation"],[data-category="christmas"],[data-category="thanks"]) .category-card-copy b{color:#17130f!important;text-shadow:0 1px 9px rgba(255,255,255,.8)!important}
  .occasions .collection-categories button:is([data-category="baptism"],[data-category="wedding"],[data-category="graduation"],[data-category="christmas"],[data-category="thanks"]) .category-card-copy small{color:#8e5f1c!important;text-shadow:0 1px 8px rgba(255,255,255,.85)!important}
}

/* Open occasions at the top and let the compact quote lead directly into the cards. */
@media(max-width:560px){
  .my-gold-cards>#occasions{
    margin-top:12px!important;
    padding:18px 0 0!important;
    scroll-margin-top:76px!important;
  }
  .my-gold-cards>#occasions>.occasion-quote{
    margin-bottom:16px!important;
    padding:0!important;
  }
  .my-gold-cards>#occasions>.occasion-quote blockquote{
    width:100%!important;
    font-size:22px!important;
    line-height:1.18!important;
  }
}

/* Back-side copy stays above the fixed certificate while it is edited. */
.studio-shell[data-active-step="text"] .card-canvas[data-side="back"] .card-message{
  display:block!important;z-index:30!important;pointer-events:auto!important;
}
.studio-shell[data-active-step="text"] .card-canvas[data-side="back"] .certificate{
  pointer-events:none!important;
}
.studio-shell[data-active-step="text"] .card-canvas[data-side="back"] .card-message>#previewText,
.studio-shell[data-active-step="text"] .card-canvas[data-side="back"] .card-message>#previewSubtext,
.studio-shell[data-active-step="text"] .card-canvas[data-side="back"] .card-message>#previewExtraText{
  pointer-events:auto!important;touch-action:none!important;
}

/* Desktop process story: calmer, warmer and visually tied to the cards above. */
@media(min-width:901px){
  .why.process-section{
    padding:96px clamp(28px,6vw,88px) 108px!important;
    background:
      radial-gradient(circle at 9% 8%,rgba(71,154,147,.10),transparent 25%),
      radial-gradient(circle at 92% 92%,rgba(203,148,60,.12),transparent 28%),
      linear-gradient(180deg,#fffdfa 0%,#f5efe4 100%)!important;
  }
  .process-heading{margin-bottom:46px!important}
  .process-flow{max-width:1160px!important;gap:22px!important}
  .process-step{border-width:1px!important;border-color:rgba(151,119,70,.22)!important;background:rgba(255,255,255,.86)!important;box-shadow:0 18px 44px rgba(65,47,25,.09)!important}
  .process-step:nth-child(2),.process-step:nth-child(5){transform:translateY(14px)}
  .process-step:nth-child(2):hover,.process-step:nth-child(5):hover{transform:translateY(8px)}
  .process-photo{aspect-ratio:1.58!important}
}

/* Kész kártyák — kategória- és elő/hátoldalpár-böngésző */
.collection-browser{margin-top:32px}.collection-categories{display:flex;gap:9px;overflow-x:auto;padding:4px 2px 14px;scrollbar-width:thin}.collection-categories button{flex:0 0 auto;border:1px solid var(--line,#d9cdbb);border-radius:999px;background:#fffaf2;color:#332a20;padding:11px 16px;font:600 11px/1.2 inherit;cursor:pointer}.collection-categories button.active{background:#a97823;border-color:#a97823;color:#fff;box-shadow:0 7px 18px rgba(154,105,27,.18)}.collection-summary{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:28px 0 18px}.collection-summary h3{margin:4px 0;font:500 clamp(30px,4vw,46px)/1 Georgia,serif}.collection-summary p{max-width:650px;margin:9px 0 0;color:#746b60}.collection-summary>span{white-space:nowrap;color:#9a6b20;font-size:11px;font-weight:700;letter-spacing:.08em}.template-pair-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.template-pair{min-width:0;text-align:left;border:1px solid #ded2c0;border-radius:18px;padding:13px;background:rgba(255,253,248,.86);cursor:pointer;transition:.2s;color:#28221b}.template-pair:hover,.template-pair.selected{transform:translateY(-2px);border-color:#af7a26;box-shadow:0 14px 30px rgba(82,55,17,.1)}.pair-visuals{display:grid;grid-template-columns:1fr 1fr;gap:7px}.pair-face{display:block;aspect-ratio:1.586;border:1px solid rgba(125,89,31,.2);border-radius:8px;background:radial-gradient(circle at 76% 22%,var(--c) 0 9%,transparent 30%),linear-gradient(135deg,var(--a),var(--c) 48%,var(--b));position:relative;overflow:hidden}.pair-face:before,.pair-face:after{content:"";position:absolute;border:1px solid color-mix(in srgb,var(--b) 55%,transparent);border-radius:50%}.pair-face:before{width:55%;aspect-ratio:1;right:-18%;top:-40%}.pair-face:after{width:34%;aspect-ratio:1;left:-10%;bottom:-30%}.pair-back{background:linear-gradient(145deg,var(--c),var(--a))}.pair-back:before{inset:12%;width:auto;aspect-ratio:auto;border-radius:6px}.pair-copy{display:block;padding:13px 2px 8px}.pair-copy b,.pair-copy small{display:block}.pair-copy b{font:600 19px/1.15 Georgia,serif}.pair-copy small{margin-top:5px;color:#7a7166;font-size:9px}.pair-select{display:inline-block;color:#98691c;font-size:10px;font-weight:700;padding:4px 2px}.template-pair.selected .pair-select{color:#47735d}@media(max-width:900px){.template-pair-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.collection-summary{align-items:start;flex-direction:column}.template-pair-grid{grid-template-columns:1fr}.pair-copy b{font-size:21px}.collection-categories{margin-left:-4px;margin-right:-4px}}

.collection-categories{display:grid;grid-template-columns:repeat(6,minmax(100px,1fr));overflow:visible;gap:12px}.collection-categories button{min-height:112px;border-radius:18px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:linear-gradient(145deg,#fffdf8,#f6edde)}.collection-categories button span{font-size:34px;filter:saturate(.85);transition:transform .2s}.collection-categories button b{font:600 12px/1.2 inherit}.collection-categories button:hover span,.collection-categories button.active span{transform:scale(1.1)}.collection-categories button.active{background:linear-gradient(145deg,#b98428,#956317)}.pair-visuals{grid-template-columns:1fr 1fr .56fr;align-items:stretch}.pair-face{background-color:#eee;background-size:cover;background-position:center}.pair-face:before,.pair-face:after{display:none}.pair-certificate{aspect-ratio:.78;border:1px solid #ccb78f;border-radius:8px;background:linear-gradient(145deg,#fffaf0,#e8d7ba);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8b641f;gap:3px}.pair-certificate>span{font-size:15px}.pair-certificate b{font:600 6px/1.1 Georgia,serif;letter-spacing:.08em}.pair-certificate small{display:grid;place-items:center;width:18px;height:18px;margin-top:3px;border:1px solid currentColor;font-size:5px}.certificate-blue{background:linear-gradient(145deg,#f7fbff,#dce9f2);color:#58778b}.certificate-rose,.certificate-coral{background:linear-gradient(145deg,#fff9f7,#eed7d2);color:#9a655f}.certificate-sage,.certificate-mint{background:linear-gradient(145deg,#fbfff9,#dfe9dc);color:#65795c}.certificate-lilac,.certificate-plum{background:linear-gradient(145deg,#fffaff,#e7dced);color:#745d82}.certificate-night{background:linear-gradient(145deg,#34384a,#1f2232);color:#dfbd72}@media(max-width:1050px){.collection-categories{grid-template-columns:repeat(4,1fr)}}@media(max-width:700px){.collection-categories{display:flex;overflow-x:auto}.collection-categories button{min-width:112px}.collection-categories button span{font-size:30px}.pair-visuals{grid-template-columns:1fr 1fr .52fr}}
@media(max-width:560px){
  .studio{padding-top:58px}
  .studio-shell{overflow:visible}
  .control-panel>.ai-starter{top:88px;margin-inline:-6px}
  .ai-starter h3{font-size:20px}
  .studio-topbar{padding:14px 16px}
  .canvas-stage{padding:20px 12px}
}

/* Final desktop hero rule: no visible frame around the opening photograph. */
@media(min-width:561px){
  main>.hero:before{
    inset:0!important;
    transform:none!important;
    background-size:cover!important;
    background-position:center!important;
  }
}

@media(max-width:560px){
  .site-header .logo{transform:translateY(7px)!important}
}

/* Desktop opening artwork fills the hero without a visible frame. */
@media(min-width:561px){
  .hero{
    background-color:#5a534b!important;
    background-image:var(--hero-bg)!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:cover!important;
    background-blend-mode:multiply!important;
  }
  .hero:before{
    inset:0!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    transform:none!important;
    background-size:cover!important;
  }
}

/* Phone landscape safeguard: precise card editing stays portrait-only. */
@media(max-height:560px) and (orientation:landscape) and (pointer:coarse){
  .studio-shell:not([hidden]){
    position:relative!important;
    display:grid!important;
    min-height:260px!important;
    place-items:center!important;
    overflow:hidden!important;
    background:#fbf7ef!important;
  }
  .studio-shell:not([hidden])>*{display:none!important}
  .studio-shell:not([hidden])::before{
    content:"↻  A pontos szerkesztéshez fordítsd álló helyzetbe a telefont.";
    display:block;
    max-width:420px;
    padding:30px 26px;
    color:#5f451c;
    font:700 18px/1.45 Georgia,serif;
    text-align:center;
  }
}

/* Show the full opening artwork on phones instead of cropping the card edges. */
@media(max-width:560px){
  .hero{background-image:none!important;background-color:#f8f4ec!important}
  .hero-image{display:grid!important;place-items:center!important;background:#f8f4ec!important}
  .hero-image img{
    width:70%!important;
    height:auto!important;
    max-height:70%!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  .hero[data-slide] h1{font-size:41px!important}
  .hero-copy>p{font-size:15.5px!important;line-height:1.42!important}
  .hero-pager button:nth-child(4){display:none!important}
  .card-message #previewText,
  .card-message #previewSubtext,
  .card-message #previewExtraText{
    min-width:160px;
    min-height:60px;
    padding:18px 22px!important;
    margin:-18px -22px!important;
    touch-action:none!important;
    user-select:none!important;
    -webkit-user-select:none!important;
  }
  .card-message .mobile-line-transform{outline:1px dashed rgba(237,200,117,.95);outline-offset:3px;border-radius:5px}
}
.card-canvas[data-side="back"] .certificate{cursor:grab;touch-action:none;user-select:none;transition:box-shadow .16s ease}
.card-canvas[data-side="back"] .certificate:hover{box-shadow:0 6px 18px rgba(48,34,15,.16)!important}
.card-canvas[data-side="back"] .certificate.is-dragging{cursor:grabbing;box-shadow:0 10px 24px rgba(48,34,15,.24)!important}

/* Invisible shared bounds: certificate elements float, but drag and containment stay intact. */
.card-canvas[data-side="back"] .certificate{
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.card-canvas[data-side="back"] .certificate.is-dragging{
  border:1px dashed rgba(151,108,39,.72)!important;
  background:rgba(255,253,246,.10)!important;
  box-shadow:0 5px 16px rgba(50,35,15,.12)!important;
}
.card-canvas[data-side="back"] .certificate:hover:not(.is-dragging){border-color:transparent!important;background:transparent!important;box-shadow:none!important}

.text-color-picker{margin:18px 0!important}.text-color-picker legend{margin-bottom:10px}.text-color-picker>div{display:flex;gap:10px}.text-color-picker button{width:38px;height:38px;border:3px solid #fff;border-radius:50%;background:var(--text-swatch);box-shadow:0 0 0 1px var(--line);cursor:pointer}.text-color-picker button[aria-pressed=true]{box-shadow:0 0 0 3px var(--gold)}.text-color-picker button:disabled{cursor:not-allowed}.type-controls button{font-weight:750}

/* Illustrated tool rail: large editorial thumbnails instead of generic icons. */
.studio-shell{grid-template-columns:270px minmax(0,1fr)}
.wizard-steps{padding:22px 16px;gap:14px}
.step{grid-template-columns:88px 1fr;min-height:108px;padding:10px 12px;border-radius:18px;background:rgba(255,253,249,.58)}
.tool-icon.illustrated{width:84px;height:84px;border-radius:20px;background-size:500% 100%;box-shadow:0 10px 24px rgba(90,66,35,.22)}
.tool-icon.icon-ai{background:radial-gradient(circle at 30% 25%,#fff8dc,#d9bd7d 42%,#7a5d88 100%);color:#fff;font-size:32px;text-shadow:0 2px 10px rgba(65,39,86,.42)}
.certificate,.certificate-preview{background:transparent!important;color:#6f552d}.certificate,.certificate-preview{border-color:currentColor}.certificate small,.certificate-preview small{color:inherit;opacity:.72}
.step b{align-self:end;font-size:15px}.step small{align-self:start;font-size:11px;line-height:1.35}
@media(max-width:900px){.studio-shell{grid-template-columns:1fr}.wizard-steps{grid-template-columns:repeat(6,150px)}.step{grid-template-columns:68px 1fr;min-height:88px}.tool-icon.illustrated{width:64px;height:64px}}

/* My Gold editor additions: keep the established light three-column character. */
:root{--ai-plum:#6f5879;--ai-lilac:#eee7f2;--ai-line:#cdbdd5;--done:#557762;--done-soft:#e7f0e9;--bleed:#c88d7b;--selection:#987138}

/* AI is a separate, unnumbered bonus, not part of the production sequence. */
.step[data-tool="ai"]{isolation:isolate;background:linear-gradient(145deg,#f8f3fa,#eee5f2 58%,#f6f0e6);border-color:var(--ai-line);color:#493d50;box-shadow:0 10px 28px rgba(89,62,103,.10)}
.step[data-tool="ai"]:before{content:"AI BÓNUSZ";position:absolute;z-index:2;top:8px;right:10px;padding:3px 7px;border:1px solid #d7c8de;border-radius:999px;background:#fff9;color:var(--ai-plum);font-size:8px;font-weight:900;letter-spacing:.10em}
.step[data-tool="ai"] .step-number{display:none}
.step[data-tool="ai"] .tool-icon{background:radial-gradient(circle at 28% 24%,#fff,#d7c3e0 38%,#755b82 100%);box-shadow:0 8px 22px rgba(89,62,103,.22)}
.step[data-tool="ai"].active{border-color:#9b7aaa;background:linear-gradient(145deg,#fbf8fc,#e9deef);box-shadow:0 0 0 2px #e1d2e7,0 14px 32px rgba(89,62,103,.16)}
.step[data-tool="ai"].active:after{color:var(--ai-plum)}

/* Four-step state language. Supports both class- and data-driven markup. */
.step[data-step-state="active"],.step[aria-current="step"],.step.is-active{border-color:#b58a42;background:#fffdf8;color:#211f1b;box-shadow:0 0 0 2px #ead9b8,0 12px 26px rgba(104,75,30,.12)}
.step[data-step-state="active"] .step-number,.step[aria-current="step"] .step-number,.step.is-active .step-number{background:#9b7130;border-color:#9b7130;color:#fff}
.step[data-step-state="complete"],.step.is-complete,.step.completed{border-color:#adc1b2;background:linear-gradient(145deg,#fbfdfb,var(--done-soft));color:#314d39}
.step[data-step-state="complete"] .step-number,.step.is-complete .step-number,.step.completed .step-number{font-size:0;background:var(--done);border-color:var(--done);color:#fff}
.step[data-step-state="complete"] .step-number:after,.step.is-complete .step-number:after,.step.completed .step-number:after{content:"✓";font-size:12px;font-weight:950}
.step[data-step-state="complete"]:after,.step.is-complete:after,.step.completed:after{content:"✓";color:var(--done);opacity:1;font-size:15px;font-weight:950}
.step[data-step="1"] .step-number:empty:before{content:"1"}.step[data-step="2"] .step-number:empty:before{content:"2"}.step[data-step="3"] .step-number:empty:before{content:"3"}.step[data-step="4"] .step-number:empty:before{content:"4"}

/* Real DXF-derived ingot artwork in both the picker and the card canvas. */
.gold-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch;gap:5px!important;overflow:visible!important;padding:2px!important}
.gold-choice{min-width:0!important;min-height:126px!important;justify-content:center!important;padding:9px 3px!important;border:1px solid #d8c39a!important;background:linear-gradient(180deg,#fffefa,#f8f1e5)!important}
.gold-choice img{display:block;object-fit:fill;margin:auto auto 12px;padding:2px;border:1px solid #b9872e;border-radius:6px;background:linear-gradient(145deg,#f9dfa0,#c58b2c 55%,#8e5b12);box-shadow:inset 0 0 0 1px rgba(255,241,184,.68),0 7px 12px rgba(91,61,16,.20);filter:none}
.gold-choice:has(input[value="025"]) img{width:24px;height:40px}
.gold-choice:has(input[value="075"]) img{width:33px;height:51px}
.gold-choice:has(input[value="200"]) img{width:41px;height:67px}
.gold-choice:has(input[value="500"]) img{width:61px;height:92px}
.gold-choice.selected{border-color:#9b6b1c!important;box-shadow:0 0 0 2px #e7d2a7,0 10px 22px rgba(92,61,16,.12)!important}
.gold-choice b,.gold-choice small{display:none!important}
.gold-chip{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible}
.gold-chip img{display:block;width:100%;height:100%;object-fit:fill;padding:1px;border:1px solid #a97620;border-radius:5px;background:linear-gradient(145deg,#f9dfa0,#c58b2c 55%,#8e5b12);box-shadow:inset 0 0 0 1px rgba(255,241,184,.62);pointer-events:none;filter:drop-shadow(0 5px 5px rgba(78,52,15,.28))}
.gold-chip.locked img{filter:drop-shadow(0 4px 5px rgba(78,52,15,.22))}
.card-canvas{overflow:hidden}.card-canvas #userImage{z-index:1}.card-canvas .chip-safe-zone{z-index:3}.card-canvas .card-message{z-index:5}.card-canvas .gold-chip{z-index:8}.card-canvas .certificate{z-index:9}
.chip-safe-zone{inset:8%!important;border:1px dashed rgba(154,111,43,.62)!important;border-radius:10px!important}
.template-field{margin:0 0 16px;padding:0;border:1px solid #ddd1bd;border-radius:14px;background:#fffdf9;overflow:hidden}
.template-field>summary{padding:14px 16px;cursor:pointer;color:#5d4930;font-size:13px;font-weight:850;list-style-position:inside}
.template-field[open]>summary{border-bottom:1px solid #ebe2d4}.template-field .background-template-grid{padding:14px}
.runtime-state{display:none!important}
.image-upload-status{margin:8px 0 14px;padding:10px 12px;border-radius:10px;background:#f5f1e9;color:#625846;font-size:11px;line-height:1.4}.image-upload-status.working{background:#eee8f2;color:#5d4965}.image-upload-status.success{background:#e6f1e8;color:#315a3d}.image-upload-status.warning{background:#fff3d7;color:#765714}.image-upload-status.error{background:#f8e4e2;color:#8b332d;font-weight:750}.chip-lock:disabled{opacity:.45;cursor:not-allowed}

/* Compact image/text transformation controls. */
.transform-controls,.object-transform-controls{margin:14px 0 18px;padding:12px;border:1px solid #dfd5c5;border-radius:13px;background:linear-gradient(180deg,#fffefa,#faf6ee);box-shadow:0 7px 20px rgba(77,56,24,.05)}
.transform-controls>header,.object-transform-controls>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.transform-controls>header b,.object-transform-controls>header b{font-size:11px;letter-spacing:.04em}.transform-controls>header small,.object-transform-controls>header small{color:var(--soft);font-size:9px}
.transform-grid,.transform-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.transform-control{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:6px;min-height:36px;padding:5px 7px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#4f483e;font-size:10px;font-weight:750}
.transform-control button,.transform-controls button{min-width:34px;min-height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer}
.transform-control input[type="number"],.transform-controls input[type="number"]{min-width:0;width:100%;padding:6px;border:0;background:transparent;color:var(--ink);font:700 10px/1 inherit;text-align:right}
.transform-slider{grid-column:1/-1;display:grid;grid-template-columns:52px 1fr 34px;align-items:center;gap:7px;color:var(--soft);font-size:9px}.transform-slider input[type="range"]{width:100%;accent-color:var(--gold)}
.transform-reset{grid-column:1/-1;color:#76551f!important;background:#f7efdf!important;border-color:#d8c298!important;font-weight:800}

/* Full color picker, including native spectrum and compact value field. */
.full-color-picker,.color-picker-full{display:grid;grid-template-columns:44px minmax(0,1fr);gap:9px;align-items:center;margin:14px 0;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff}
.full-color-picker input[type="color"],.color-picker-full input[type="color"]{width:44px;height:44px;padding:3px;border:1px solid #d4c6ae;border-radius:10px;background:#fff;cursor:pointer}
.full-color-picker input[type="color"]::-webkit-color-swatch,.color-picker-full input[type="color"]::-webkit-color-swatch{border:0;border-radius:6px}
.full-color-picker .color-value,.color-picker-full .color-value{width:100%;min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#fbfaf7;color:#4f483e;font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}
.color-presets{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px}.color-presets button{width:30px;height:30px;padding:0;border:3px solid #fff;border-radius:50%;background:var(--color,#fff);box-shadow:0 0 0 1px var(--line);cursor:pointer}.color-presets button[aria-pressed="true"]{box-shadow:0 0 0 2px var(--gold)}

/* Blank white card and explicit production zones. */
.card-canvas.is-blank,.card-canvas.blank-card,.preview-card.is-blank{background:#fff!important;background-image:none!important;color:#211f1b;box-shadow:0 24px 65px rgba(50,39,22,.16),inset 0 0 0 1px rgba(80,63,37,.10)}
.card-canvas .bleed-zone,.blank-card .bleed-zone{position:absolute;z-index:7;inset:0;border:2px dashed rgba(180,102,79,.72);border-radius:inherit;pointer-events:none}
.card-canvas .bleed-zone:before{content:"Kifutó";position:absolute;top:7px;left:9px;padding:2px 6px;border-radius:5px;background:#fff9;color:#a25d4b;font-size:8px;font-weight:850;letter-spacing:.04em}
.card-canvas .safe-zone,.blank-card .safe-zone{z-index:7;inset:6.5%;border:1px dashed rgba(132,101,45,.66);border-radius:12px;pointer-events:none}
.card-canvas .safe-zone:after{content:"Biztonsági zóna";position:absolute;right:6px;bottom:5px;padding:2px 5px;border-radius:4px;background:#fff9;color:#76551f;font-size:8px;font-weight:800}
.card-canvas.hide-zones .bleed-zone,.card-canvas.hide-zones .safe-zone{opacity:0}

/* Selection rectangles and drag/resize handles for image and text objects. */
.movable-object,.movable-image,.movable-text,.image-object,.text-object{position:absolute;touch-action:none;cursor:grab}.movable-object:active,.movable-image:active,.movable-text:active,.image-object:active,.text-object:active{cursor:grabbing}
.movable-object.is-selected,.movable-image.is-selected,.movable-text.is-selected,.image-object.is-selected,.text-object.is-selected{outline:1px solid var(--selection);outline-offset:3px}
.object-handle,.resize-handle,.drag-handle,.rotate-handle{position:absolute;z-index:12;width:14px;height:14px;border:2px solid #fff;border-radius:50%;background:var(--selection);box-shadow:0 2px 7px rgba(54,39,17,.30);touch-action:none}
.handle-nw{left:-10px;top:-10px;cursor:nwse-resize}.handle-ne{right:-10px;top:-10px;cursor:nesw-resize}.handle-sw{left:-10px;bottom:-10px;cursor:nesw-resize}.handle-se{right:-10px;bottom:-10px;cursor:nwse-resize}
.handle-n{left:50%;top:-10px;transform:translateX(-50%);cursor:ns-resize}.handle-s{left:50%;bottom:-10px;transform:translateX(-50%);cursor:ns-resize}.handle-w{left:-10px;top:50%;transform:translateY(-50%);cursor:ew-resize}.handle-e{right:-10px;top:50%;transform:translateY(-50%);cursor:ew-resize}
.rotate-handle{left:50%;top:-34px;transform:translateX(-50%);background:#6f5879;cursor:grab}.rotate-handle:after{content:"";position:absolute;left:50%;top:12px;width:1px;height:18px;background:#6f5879}
.drag-handle{left:50%;top:50%;width:26px;height:26px;transform:translate(-50%,-50%);border-radius:8px;background:#fffC;color:#76551f;cursor:move}.drag-handle:after{content:"✥";display:grid;height:100%;place-items:center;font-size:13px}

/* Frameless certificate layout for the back side. */
.card-canvas[data-side="back"] .certificate,.certificate.certificate-plain,.certificate-preview.certificate-plain{inset:10% 8% 8%;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"heading qr" "copy qr" "signature qr";align-content:center;column-gap:8%;padding:0;border:0!important;border-radius:0;background:transparent!important;color:#4d402e;box-shadow:none}
.certificate>h3,.certificate>.certificate-heading,.certificate-plain>.certificate-heading{grid-area:heading;margin:0 0 8px;font:400 clamp(18px,2.4vw,30px)/1.05 Georgia,serif;color:#725520}
.certificate>.certificate-copy,.certificate-plain>.certificate-copy{grid-area:copy;max-width:34em;margin:0;color:#655c50;font-size:clamp(9px,1vw,12px);line-height:1.5}
.certificate-qr,.qr-placeholder{grid-area:qr;align-self:center;width:clamp(64px,10vw,105px);aspect-ratio:1;display:grid;place-items:center;border:0;background:repeating-conic-gradient(#3c352b 0 25%,transparent 0 50%) 0/18px 18px;color:transparent;filter:sepia(.25);opacity:.82}
.certificate-qr[data-demo="true"]:after,.qr-placeholder:after{content:"DEMO";display:grid;width:60%;height:22%;place-items:center;background:#fff;color:#51483d;font-size:8px;font-weight:950;letter-spacing:.09em}
.certificate-signature,.signature-line{grid-area:signature;position:relative;width:min(220px,76%);margin-top:18px;padding-top:10px;border-top:1px solid rgba(99,77,40,.44);color:#655c50;font:italic 11px Georgia,serif}
.certificate-watermark,.certificate .watermark{position:absolute;z-index:-1;left:38%;top:50%;width:38%;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(157,119,52,.14);border-radius:50%;opacity:.58;pointer-events:none}
.certificate-watermark:before,.certificate .watermark:before{content:"MY GOLD";position:absolute;inset:18%;display:grid;place-items:center;border:1px solid rgba(157,119,52,.13);border-radius:50%;color:rgba(126,91,36,.15);font:700 clamp(9px,1.4vw,16px) Georgia,serif;letter-spacing:.10em}

@media(max-width:1100px){.transform-grid,.transform-row{grid-template-columns:repeat(2,minmax(0,1fr))}.transform-slider,.transform-reset{grid-column:1/-1}.card-canvas[data-side="back"] .certificate,.certificate.certificate-plain,.certificate-preview.certificate-plain{column-gap:5%}.certificate-qr,.qr-placeholder{width:clamp(58px,11vw,88px)}}
@media(max-width:900px){.wizard-steps{grid-template-columns:150px repeat(4,138px)}.step[data-tool="ai"]{grid-column:auto}.transform-controls,.object-transform-controls{padding:11px}.full-color-picker,.color-picker-full{grid-template-columns:42px minmax(0,1fr)}.canvas-stage{overflow:visible}.object-handle,.resize-handle,.rotate-handle{width:18px;height:18px}.rotate-handle:after{top:16px}}
@media(max-width:560px){.wizard-steps{grid-template-columns:132px repeat(4,124px);scroll-padding-inline:12px}.step{min-height:82px}.step[data-tool="ai"]:before{top:5px;right:6px;font-size:7px}.transform-grid,.transform-row{grid-template-columns:1fr 1fr}.transform-control{grid-template-columns:22px 1fr;min-height:40px}.transform-control button,.transform-controls button{min-width:40px;min-height:40px}.full-color-picker,.color-picker-full{grid-template-columns:48px 1fr}.full-color-picker input[type="color"],.color-picker-full input[type="color"]{width:48px;height:48px}.card-canvas .safe-zone,.blank-card .safe-zone{inset:7.5%}.card-canvas[data-side="back"] .certificate,.certificate.certificate-plain,.certificate-preview.certificate-plain{inset:11% 9% 8%;grid-template-columns:1fr auto;column-gap:12px}.certificate>.certificate-copy,.certificate-plain>.certificate-copy{font-size:8px}.certificate-qr,.qr-placeholder{width:58px}.certificate-signature,.signature-line{margin-top:10px;padding-top:7px;font-size:8px}.canvas-hint{gap:3px}}

/* Larger editorial step artwork and an explicit finished state. */
.studio-shell{grid-template-columns:292px minmax(0,1fr)}
.studio-shell{scroll-margin-top:96px}
@media(max-width:900px){.studio-shell{scroll-margin-top:88px}}

/* Readable certificate typography and a visual QR sample for the current prototype. */
.card-canvas[data-side="back"] .certificate>small:nth-of-type(1){font-size:3.4px;font-weight:800;letter-spacing:.03em}
.card-canvas[data-side="back"] .certificate>b{font-size:5.8px;line-height:1.05}
.card-canvas[data-side="back"] .certificate>small:nth-of-type(2),
.card-canvas[data-side="back"] .certificate>small:nth-of-type(3),
.card-canvas[data-side="back"] .certificate>em{font-size:3.3px;line-height:1.12}
.card-canvas[data-side="back"] .certificate>span,
.certificate-preview span{overflow:hidden;background:#fff!important;border:1px solid rgba(0,0,0,.12);border-radius:2px}
.card-canvas[data-side="back"] .certificate>span img,
.certificate-preview span img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.certificate-preview b{font-size:5.8px}
.certificate-preview small,.certificate-preview em{font-size:3.3px;line-height:1.12}

/* Keep the complete front/back workflow visible on ordinary desktop screens. */
@media(min-width:901px){
  .wizard-steps{top:86px;height:auto;min-height:0;padding:8px 10px;gap:5px;overflow:visible}
  .wizard-side-group{gap:3px;padding:5px 4px 6px;border-radius:13px}
  .wizard-side-group+.wizard-side-group{margin-top:3px}
  .wizard-side-title{min-height:22px;padding:0 6px 3px;font-size:8px}
  .wizard-side-title span{width:18px;height:18px;border-radius:5px;font-size:8px}
  .wizard-steps>.step,.wizard-side-group .step{grid-template-columns:54px minmax(0,1fr);grid-template-rows:1fr 1fr;column-gap:8px;min-height:64px;padding:5px 8px;border-radius:13px}
  .wizard-steps>.step .tool-icon.illustrated,.wizard-side-group .step .tool-icon.illustrated{grid-column:1;grid-row:1/3;width:50px;height:50px;align-self:center;border-radius:12px}
  .wizard-steps>.step b,.wizard-side-group .step b{grid-column:2;grid-row:1;align-self:end;padding:0;font-size:12px;line-height:1.1}
  .wizard-steps>.step small,.wizard-side-group .step small{grid-column:2;grid-row:2;align-self:start;margin:2px 0 0;padding:0;font-size:8px;line-height:1.15}
  .wizard-steps>.step .step-number,.wizard-side-group .step .step-number{left:5px;top:5px;width:19px;height:19px;font-size:8px}
}
@media(min-width:901px) and (max-height:850px){
  .wizard-steps{padding:5px 8px;gap:3px}
  .wizard-side-group{gap:2px;padding:3px 3px 4px}
  .wizard-side-group+.wizard-side-group{margin-top:2px}
  .wizard-side-title{min-height:18px;padding-bottom:1px}
  .wizard-side-title span{width:15px;height:15px}
  .wizard-steps>.step,.wizard-side-group .step{grid-template-columns:44px minmax(0,1fr);min-height:49px;padding:3px 6px;column-gap:6px}
  .wizard-steps>.step .tool-icon.illustrated,.wizard-side-group .step .tool-icon.illustrated{width:40px;height:40px;border-radius:10px}
  .wizard-steps>.step b,.wizard-side-group .step b{font-size:10px}
  .wizard-steps>.step small,.wizard-side-group .step small{font-size:7px}
  .wizard-steps>.step .step-number,.wizard-side-group .step .step-number{left:3px;top:3px;width:16px;height:16px;font-size:7px}
}

/* Desktop presentation density equivalent to the preferred 80% browser view. */
@media(min-width:1100px){html{zoom:.8}}

/* Keep the brand and primary navigation prominent in the denser desktop view. */
@media(min-width:1100px){
  .logo img{width:51px;height:51px}
  .logo strong{font-size:14.3px}
  .site-header nav a{font-size:14.3px}
}

/* Slightly larger, centered front/back workflow cards. */
@media(min-width:901px){
  .wizard-side-title{justify-content:center;text-align:center;font-size:9px}
  .wizard-side-group .step{grid-template-columns:54px minmax(0,1fr)!important;min-height:68px!important;align-items:center!important;text-align:center!important;padding:6px 9px!important}
  .wizard-side-group .step .tool-icon.illustrated{width:50px!important;height:50px!important;justify-self:center!important;border-radius:12px!important}
  .wizard-side-group .step b{align-self:end!important;padding:0 18px 0 0!important;font-size:13px!important;line-height:1.12!important;text-align:center!important}
  .wizard-side-group .step small{align-self:start!important;margin-top:3px!important;padding:0 18px 0 0!important;font-size:9px!important;line-height:1.18!important;text-align:center!important}
}
@media(min-width:901px) and (max-height:750px){
  .wizard-side-group .step{grid-template-columns:46px minmax(0,1fr)!important;min-height:56px!important;padding:3px 7px!important}
  .wizard-side-group .step .tool-icon.illustrated{width:42px!important;height:42px!important}
  .wizard-side-group .step b{font-size:11px!important}
  .wizard-side-group .step small{font-size:8px!important}
}

/* Ten-percent larger plan-management block. */
@media(min-width:901px){
  .design-actions{gap:8px;padding:24px 8px 8px;border-radius:18px}
  .design-actions-title{left:13px;top:5px;font-size:9px}
  .design-actions button{min-width:141px;min-height:52px;padding:8px 11px!important;border-radius:12px!important}
  .design-actions button i{flex-basis:33px;width:33px;height:33px;border-radius:10px;font-size:19px}
  .design-actions button b{font-size:12px}
  .design-actions button small{font-size:9px}
}

/* Final certificate and studio scale overrides — keep these last. */
.studio-shell{zoom:1.1;width:90.909%;margin-inline:auto}
.card-canvas[data-side="back"] .certificate,
.certificate-preview{grid-template-areas:"logo" "eyebrow" "title" "signature" "qr" "weight" "meta" "url"!important}
.card-canvas[data-side="back"] .certificate>.certificate-weight,
.certificate-preview>.certificate-weight{grid-area:weight!important;margin:5px 0 0!important;color:inherit!important;font:600 4.5px/1.2 "Helvetica Neue",Arial,sans-serif!important;letter-spacing:.035em!important;white-space:nowrap}
.card-canvas[data-side="back"] .certificate>small:nth-of-type(2),
.certificate-preview>small:nth-of-type(2){grid-area:meta!important;display:grid!important;gap:1px;justify-items:center;color:inherit!important;font:600 3.4px/1.25 "Helvetica Neue",Arial,sans-serif!important;letter-spacing:.025em}
.certificate-karat{display:block!important;background:transparent!important;border:0!important;color:inherit!important;white-space:nowrap}
@media(max-width:760px){.studio-shell{zoom:1;width:100%}}

/* Mobile steps 3–4 remain self-contained workspaces. */
@media(max-width:760px){
  .studio-shell[data-active-step="check"],.studio-shell[data-active-step="text"]{height:100svh!important;max-height:100svh!important;overflow:hidden!important}
  .studio-shell[data-active-step="check"] .editor-grid,.studio-shell[data-active-step="text"] .editor-grid{height:calc(100svh - 76px)!important;max-height:calc(100svh - 76px)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
  .studio-shell[data-active-step="check"] .canvas-stage{position:static!important;top:auto!important;flex:0 0 auto!important;padding:6px 9px!important}
  .studio-shell[data-active-step="check"] .card-canvas{width:min(76vw,310px)!important}
  .studio-shell[data-active-step="check"] .control-panel{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:8px 12px calc(22px + env(safe-area-inset-bottom))!important}
  .studio-shell[data-active-step="check"] .editor-panel[data-editor-panel="check"]{padding-bottom:16px!important}
  .studio-shell[data-active-step="check"] .editor-panel[data-editor-panel="check"]>.mobile-step-back{display:none!important}
}
.certificate-qr-tone{display:grid;grid-template-columns:1fr repeat(3,auto);align-items:center;gap:6px;margin:4px 0 12px}.certificate-qr-tone>span{font-size:12px;font-weight:850;color:#4f473c}.certificate-qr-tone button{padding:7px 8px;border:1px solid #d9ccb7;border-radius:9px;background:#fff;color:#554a3b;font-size:10px;font-weight:800}.certificate-qr-tone button[aria-pressed="true"]{border-color:#a87827;background:#fbf4e7;box-shadow:0 0 0 2px rgba(168,120,39,.14)}
.certificate[data-qr-tone="light"] .generated-qr{filter:invert(1)!important}.certificate[data-qr-tone="dark"] .generated-qr{filter:none!important}
@media(max-width:420px){.certificate-qr-tone{grid-template-columns:1fr 1fr 1fr}.certificate-qr-tone>span{grid-column:1/-1}}

/* Definitive mobile header and hero sizing — keep this as the last override. */
@media(max-width:560px){
  main>.hero{
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    margin:0!important;
    flex:0 0 320px!important;
  }
  main>.hero .hero-image{width:100%!important;min-width:100%!important}
  main>.hero .hero-copy{width:44vw!important;min-width:150px!important;max-width:174px!important}
  .site-header .logo{
    grid-column:1!important;
    grid-row:1!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:8px!important;
  }
  .site-header .logo img{width:56px!important;height:56px!important}
  .site-header .logo strong{display:block!important;margin:0!important;font-size:12px!important;line-height:1!important;letter-spacing:.12em!important;white-space:nowrap!important}
}

/* Mobile hero copy lives inside each photograph's own empty left column. */
@media(max-width:560px){
  .hero{
    min-height:320px!important;
    height:320px!important;
    padding:0!important;
    touch-action:pan-y;
  }
  .hero:before{
    inset:0!important;
    background-size:auto 100%!important;
    background-position:center center!important;
  }
  .hero:after{
    display:block!important;
    background:linear-gradient(90deg,rgba(13,15,15,.76) 0%,rgba(13,15,15,.48) 31%,rgba(13,15,15,.08) 52%,transparent 68%)!important;
  }
  .hero-copy,.hero[data-slide] .hero-copy{
    position:absolute!important;
    z-index:2!important;
    left:14px!important;
    top:24px!important;
    width:44vw!important;
    max-width:174px!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    text-align:left!important;
    text-shadow:0 2px 14px rgba(0,0,0,.62)!important;
  }
  .hero[data-slide] h1{
    max-width:none!important;
    margin:0 0 9px!important;
    color:#fff8eb!important;
    font-size:clamp(20px,5.8vw,25px)!important;
    line-height:1.02!important;
    letter-spacing:-.025em!important;
  }
  .hero[data-slide] h1 span,.hero[data-slide] h1 em{white-space:normal!important}
  .hero[data-slide] h1 em{color:#edc875!important}
  .hero-copy>p{
    max-width:168px!important;
    margin:0!important;
    color:rgba(255,250,240,.92)!important;
    font-size:9.5px!important;
    font-weight:650!important;
    line-height:1.38!important;
  }
  .hero-pager{
    position:static!important;
    justify-content:flex-start!important;
    transform:none!important;
    gap:5px!important;
    margin-top:11px!important;
  }
  .hero-pager button{width:17px!important;height:3px!important;background:rgba(255,255,255,.42)!important}
  .hero-pager button.active{width:29px!important;background:#edc875!important}
  .hero[data-slide="0"] .hero-copy{top:22px!important}
  .hero[data-slide="1"] .hero-copy{top:30px!important}
  .hero[data-slide="2"] .hero-copy{top:22px!important;width:40vw!important}
  .hero[data-slide="3"] .hero-copy{top:31px!important;width:46vw!important;max-width:180px!important}
  .hero[data-slide="4"] .hero-copy{top:21px!important;width:41vw!important}
  .hero[data-slide="5"] .hero-copy{top:29px!important;width:46vw!important;max-width:180px!important}
  .hero[data-slide="6"] .hero-copy{top:34px!important;width:43vw!important}
  .hero[data-slide="7"] .hero-copy{top:25px!important;width:40vw!important}
}

/* Keep the photographic hero above its fallback colour, and present the brand in one line. */
.hero:before{z-index:0!important}
.hero:after{z-index:1!important;pointer-events:none}
.hero-copy{z-index:2!important}
@media(max-width:900px){
  .site-header .logo{
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
  }
  .site-header .logo img{width:56px!important;height:56px!important}
  .site-header .logo strong{
    display:block!important;
    margin:0!important;
    font-size:12px!important;
    line-height:1!important;
    letter-spacing:.12em!important;
    text-align:left!important;
    white-space:nowrap!important;
  }
}

/* Mobile fallback: paint the selected photograph on the hero itself. */
@media(max-width:560px){
  .hero{
    background-color:#2d2a25!important;
    background-image:var(--hero-bg)!important;
    background-repeat:no-repeat!important;
    background-size:auto 100%!important;
    background-position:center center!important;
  }
  .hero:before{display:none!important}
  .hero-image{
    display:block!important;
    position:absolute!important;
    z-index:0!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:#2d2a25!important;
    box-shadow:none!important;
  }
  .hero-image:before{display:none!important}
  .hero-image img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    border-radius:0!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
  .hero-image figcaption{display:none!important}
}

/* Mobile hero: compact first view with native horizontal swipe navigation. */
@media(max-width:560px){
  .hero{
    min-height:440px!important;
    height:auto!important;
    padding:0!important;
    background-position:center center!important;
    touch-action:pan-y;
  }
  .hero:before{inset:174px 0 0!important;background-position:center center!important;background-size:cover!important}
  .hero:after{display:none!important}
  .hero-copy,.hero[data-slide] .hero-copy{
    top:0!important;
    left:0!important;
    width:100%!important;
    min-height:174px!important;
    padding:17px 18px 13px!important;
    background:linear-gradient(135deg,#f7ecdb,#fff9ef)!important;
    text-shadow:none!important;
  }
  .hero[data-slide] h1{
    max-width:340px;
    margin-bottom:8px!important;
    color:#251f18!important;
    font-size:32px!important;
    line-height:1.02!important;
  }
  .hero[data-slide] h1 em{color:#9b7130!important}
  .hero-copy>p{max-width:350px!important;color:#5d5143!important;font-size:12.5px!important;line-height:1.35!important}
  .hero-pager{gap:7px!important;margin-top:10px!important}
  .hero-pager button{background:rgba(70,55,34,.22)!important}
  .hero-pager button.active{background:#9b7130!important}
  .hero-pager button{width:24px!important;height:4px!important}
  .hero-pager button.active{width:40px!important}
}

/* Mobile studio and occasions: readable steps, full-width canvas, single-column cards. */
@media(max-width:560px){
  main{display:flex!important;flex-direction:column!important}
  main>.hero{order:1!important}
  main>.my-gold-cards{order:2!important}
  main>.studio{order:3!important}
  main>.process-section{order:4!important}
  main>.business{order:5!important}
  main>.community-gallery{order:6!important}
  main>.faq{order:7!important}
  .my-gold-category.birthday{
    background-image:linear-gradient(180deg,rgba(19,25,34,.02) 38%,rgba(19,25,34,.78) 100%),url('assets/collections/birthday/kids-balloons-front-v2.png')!important;
    background-size:cover!important;
    background-position:center!important;
    color:#fff!important;
  }
  .my-gold-category.birthday:before{display:none!important}
  .my-gold-category.birthday span{background:linear-gradient(180deg,transparent,rgba(22,29,39,.9) 30%)!important}
  .my-gold-category.birthday b{font-size:31px!important;color:#fff!important}
  .my-gold-category.birthday small{color:rgba(255,255,255,.9)!important;font-size:12px!important}
  .occasions .collection-categories{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    overflow:visible!important;
    margin:0!important;
    padding:0!important;
  }
  .occasions .collection-categories button{
    width:100%!important;
    min-width:0!important;
    min-height:210px!important;
  }
  .occasions .template-pair-grid{grid-template-columns:1fr!important;gap:18px!important}
  .studio-shell{
    width:calc(100vw - 12px)!important;
    margin-left:calc(50% - 50vw + 6px)!important;
    margin-right:0!important;
    border-radius:16px!important;
  }
  .studio-topbar{display:block!important;padding:12px 10px!important}
  .design-actions{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:100%!important;
    gap:5px!important;
    padding:20px 4px 4px!important;
  }
  .design-actions button{min-width:0!important;min-height:52px!important;padding:6px!important}
  .design-actions button i{flex:0 0 28px!important;width:28px!important;height:28px!important}
  .design-actions button small{display:none!important}
  .save-state{display:flex!important;margin:8px 4px 0!important}
  .wizard-steps{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:5px!important;
    width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:7px!important;
    border-bottom:1px solid #ded2bd!important;
  }
  .wizard-steps .step{
    flex:1 0 62px!important;
    min-width:62px!important;
    min-height:64px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    padding:6px 3px!important;
    text-align:center!important;
    border-radius:10px!important;
  }
  .wizard-steps .step:first-child{flex:0 0 48px!important;min-width:48px!important;padding-inline:2px!important}
  .wizard-steps .step b{font-size:8.5px!important;line-height:1.05!important;white-space:normal!important}
  .wizard-steps .step small,.wizard-steps .runtime-state{display:none!important}
  .wizard-steps .tool-icon.illustrated{width:28px!important;height:28px!important;border-radius:8px!important;font-size:15px!important}
  .wizard-steps .step-number{left:3px!important;top:3px!important;width:16px!important;height:16px!important;font-size:8px!important}
  .wizard-steps .step:first-child b{font-size:7px!important}
  .canvas-stage{width:100%!important;padding:10px 4px 16px!important}
  .card-canvas{width:100%!important;max-width:none!important;margin-inline:0!important}
  .control-panel{padding:18px 12px!important}
  .site-header{
    min-height:82px!important;
    height:82px!important;
    grid-template-columns:auto 1fr 62px!important;
    grid-template-rows:38px 38px!important;
    gap:0 8px!important;
    padding:3px 12px!important;
  }
  .site-header .logo{grid-column:1;grid-row:1/3;align-self:center;display:flex!important;flex-direction:column!important;justify-content:center;gap:0!important}
  .site-header .logo img{width:52px!important;height:52px!important}
  .site-header .logo strong{display:block!important;margin-top:1px;font-size:7px!important;line-height:1!important;letter-spacing:.13em!important;text-align:center;white-space:nowrap}
  .site-header .header-actions{grid-column:3;grid-row:1;align-self:center;justify-self:stretch;display:block!important;margin:0!important}
  .site-header .header-actions>*:not(.account-button):not(.account-signout){display:none!important}
  .site-header .account-button,.site-header .account-signout{width:100%;padding:6px 4px!important;font-size:9px!important;white-space:nowrap}
  .site-header .menu{grid-column:3;grid-row:2;align-self:center;display:block!important;width:100%;min-width:0;padding:6px 4px;border:1px solid #cbb892!important;border-radius:999px;background:#fffdf8!important;color:#5f451c;font-size:9px;font-weight:800}
  .site-header nav{
    position:absolute!important;
    z-index:40;
    top:82px;
    left:0;
    right:0;
    display:none;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    padding:10px 18px 18px!important;
    border-top:1px solid #ded1bb;
    background:rgba(255,252,246,.98)!important;
    box-shadow:0 18px 35px rgba(45,34,20,.18);
  }
  .site-header nav a{display:block!important;padding:13px 4px!important;border-bottom:1px solid #eee4d5;font-size:14px!important}
}

/* Final compact certificate order: QR first, technical gold data below it. */
.card-canvas[data-side="back"] .certificate,
.certificate-preview{grid-template-areas:"logo" "eyebrow" "title" "signature" "qr" "weight" "meta" "url"!important}
.card-canvas[data-side="back"] .certificate>.certificate-weight,
.certificate-preview>.certificate-weight{grid-area:weight!important;margin:5px 0 0!important;color:inherit!important;font:600 4.5px/1.2 "Helvetica Neue",Arial,sans-serif!important;letter-spacing:.035em!important;white-space:nowrap}
.card-canvas[data-side="back"] .certificate>small:nth-of-type(2),
.certificate-preview>small:nth-of-type(2){grid-area:meta!important;display:grid!important;gap:1px;justify-items:center;color:inherit!important;font:600 3.4px/1.25 "Helvetica Neue",Arial,sans-serif!important;letter-spacing:.025em}
.certificate-karat{display:block;background:transparent!important;border:0!important;color:inherit!important;white-space:nowrap}

/* Requested global studio enlargement: every control and preview scales together. */
.studio-shell{zoom:1.1;width:90.909%;margin-inline:auto}
@media(max-width:760px){.studio-shell{zoom:1;width:100%}}

/* Final emphasis pass requested for desktop controls. */
@media(min-width:901px){
  .design-actions{gap:9px;padding:27px 9px 9px;border-radius:20px}
  .design-actions-title{left:14px;top:6px;font-size:10px}
  .design-actions button{min-width:155px;min-height:57px;padding:9px 12px!important;border-radius:13px!important}
  .design-actions button i{flex-basis:36px;width:36px;height:36px;font-size:21px}
  .design-actions button b{font-size:13px}
  .design-actions button small{font-size:10px}
  .wizard-side-group .step{grid-template-columns:68px minmax(0,1fr)!important;min-height:78px!important;padding:7px 10px!important;column-gap:9px!important}
  .wizard-side-group .step .tool-icon.illustrated{width:63px!important;height:63px!important;border-radius:15px!important}
  .wizard-side-group .step b{font-size:15px!important;line-height:1.14!important}
  .wizard-side-group .step small{font-size:10.5px!important;line-height:1.2!important}
}

/* Side switch lives above the card instead of covering the artwork. */
.canvas-stage{grid-template-columns:minmax(0,1fr);justify-items:center;align-content:start}
.canvas-side-tabs{position:static;top:auto;left:auto;transform:none;margin:0 auto 16px;z-index:4}
.studio-footer .canvas-side-tabs{margin:0}

/* Vertical certificate: identity above, a large square QR anchored at the bottom. */
.card-canvas[data-side="back"] .certificate{
  width:20%;
  display:grid;
  grid-template-columns:1fr;
  grid-template-areas:"logo" "eyebrow" "title" "meta" "signature" "url" "qr"!important;
  justify-items:center;
  align-content:start;
  row-gap:3px;
  padding:7px!important;
  text-align:center;
  border:1px solid currentColor!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.14)!important;
}
.card-canvas[data-side="back"] .certificate>div:first-child{grid-area:logo;width:24px;height:24px;margin-bottom:2px}
.card-canvas[data-side="back"] .certificate>div:first-child img{width:18px;height:18px}
.card-canvas[data-side="back"] .certificate>small:nth-of-type(1){grid-area:eyebrow}
.card-canvas[data-side="back"] .certificate>b{grid-area:title}
.card-canvas[data-side="back"] .certificate>small:nth-of-type(2){grid-area:meta}
.card-canvas[data-side="back"] .certificate>em{grid-area:signature;width:88%;margin-top:3px}
.card-canvas[data-side="back"] .certificate>small:nth-of-type(3){grid-area:url}
.card-canvas[data-side="back"] .certificate>span{grid-area:qr;width:80px!important;max-width:92%;margin-top:5px;justify-self:center;align-self:end}
.card-canvas[data-side="back"] .certificate[data-layout="top-right"],
.card-canvas[data-side="back"] .certificate[data-layout="bottom-right"]{grid-template-areas:"logo" "eyebrow" "title" "meta" "signature" "url" "qr"!important}
.certificate-preview{width:20%!important;grid-template-columns:1fr!important;justify-items:center;text-align:center}
.certificate-preview span{grid-column:1!important;grid-row:auto!important;width:72px!important;max-width:92%;margin-top:5px}

/* Stronger certificate identity while keeping every element inside the same column. */
.card-canvas[data-side="back"] .certificate{
  grid-template-areas:"logo" "eyebrow" "title" "meta" "signature" "qr" "url"!important;
  row-gap:4px;
  overflow:hidden;
}
.card-canvas[data-side="back"] .certificate>div:first-child{width:76px;height:76px;max-width:88%;margin:0 auto 3px}
.card-canvas[data-side="back"] .certificate>div:first-child img{width:68px;height:68px;max-width:100%;object-fit:contain}
.card-canvas[data-side="back"] .certificate>small:nth-of-type(1){font-size:4.4px;font-weight:850;letter-spacing:.04em}
.card-canvas[data-side="back"] .certificate>b{font-size:7.2px;line-height:1.08}
.card-canvas[data-side="back"] .certificate>small:nth-of-type(2),
.card-canvas[data-side="back"] .certificate>small:nth-of-type(3),
.card-canvas[data-side="back"] .certificate>em{font-size:4.3px;line-height:1.18}
.card-canvas[data-side="back"] .certificate>span{margin-top:10px}
.card-canvas[data-side="back"] .certificate>small:nth-of-type(3){margin-top:2px;font-weight:750}
.card-canvas[data-side="back"] .certificate[data-layout="top-right"],
.card-canvas[data-side="back"] .certificate[data-layout="bottom-right"]{grid-template-areas:"logo" "eyebrow" "title" "meta" "signature" "qr" "url"!important}

/* Certificate weight is a quiet technical detail, aligned with the brand mark. */
.card-canvas[data-side="back"] .certificate>.certificate-weight,
.certificate-preview>.certificate-weight{
  display:block;
  color:inherit;
  font:600 5.2px/1.15 "Helvetica Neue",Arial,sans-serif;
  letter-spacing:.045em;
  text-transform:none;
}
.certificate-preview>.certificate-weight{font-size:6px}

/* Editorial certificate composition: readable copy, discreet corner mark, dominant QR. */
.card-canvas[data-side="back"] .certificate,
.card-canvas[data-side="back"] .certificate[data-layout="top-right"],
.card-canvas[data-side="back"] .certificate[data-layout="bottom-right"]{
  width:32%;
  grid-template-columns:minmax(0,1fr) 80px;
  grid-template-rows:auto auto auto 1fr auto;
  grid-template-areas:"logo eyebrow" "title title" "meta meta" "signature qr" "url qr"!important;
  justify-items:start;
  align-items:start;
  column-gap:10px;
  row-gap:4px;
  padding:11px!important;
  text-align:left;
}
.card-canvas[data-side="back"] .certificate>div:first-child{grid-area:logo;width:20px;height:20px;max-width:none;margin:0;justify-self:start;align-self:center}
.card-canvas[data-side="back"] .certificate>div:first-child:after{display:none!important;content:none!important}
.card-canvas[data-side="back"] .certificate>div:first-child img{width:20px;height:20px;max-width:none;object-fit:contain}
.card-canvas[data-side="back"] .certificate>small:nth-of-type(1){justify-self:end;align-self:center;font-size:6px;letter-spacing:.06em;text-align:right}
.card-canvas[data-side="back"] .certificate>b{font-size:10px;line-height:1.05;letter-spacing:.025em}
.card-canvas[data-side="back"] .certificate>small:nth-of-type(2){font-size:6.2px;line-height:1.25}
.card-canvas[data-side="back"] .certificate>em{width:auto;margin:7px 0 0;padding-top:5px;font-size:6px;line-height:1.18;text-align:left}
.card-canvas[data-side="back"] .certificate>span{width:80px!important;max-width:none;margin:7px 0 0;justify-self:end;align-self:end}
.card-canvas[data-side="back"] .certificate>small:nth-of-type(3){align-self:end;margin:0;font-size:6px;font-weight:800}
@media(max-width:560px){
  .card-canvas[data-side="back"] .certificate{width:36%;grid-template-columns:minmax(0,1fr) 58px;padding:7px!important;column-gap:7px}
  .card-canvas[data-side="back"] .certificate>span{width:58px!important}
  .card-canvas[data-side="back"] .certificate>b{font-size:8px}
  .card-canvas[data-side="back"] .certificate>small:nth-of-type(1),
  .card-canvas[data-side="back"] .certificate>small:nth-of-type(2),
  .card-canvas[data-side="back"] .certificate>small:nth-of-type(3),
  .card-canvas[data-side="back"] .certificate>em{font-size:5px}
}

/* Illustrated workflow icons; remove the redundant numbered circles. */
.wizard-side-group .step{grid-template-columns:50px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:8px!important}
.wizard-side-group .step .tool-icon.illustrated{display:block!important;grid-column:1!important;grid-row:1/3!important;width:46px!important;height:46px!important;align-self:center;border-radius:11px!important;background-image:url('assets/editor-tool-sprite.png')!important;background-size:500% 100%!important;background-repeat:no-repeat!important;box-shadow:0 5px 12px rgba(55,42,23,.17)!important}
.wizard-side-group .step .icon-side{background-position:0% 50%!important}
.wizard-side-group .step .icon-background{background-position:25% 50%!important}
.wizard-side-group .step .icon-text{background-position:75% 50%!important}
.wizard-side-group .step .icon-check{background-position:100% 50%!important}
.wizard-side-group .step .step-number{display:none!important}
.wizard-side-group .step b{grid-column:2!important;grid-row:1!important;align-self:end!important}
.wizard-side-group .step small{grid-column:2!important;grid-row:2!important;align-self:start!important}
.wizard-side-group .step .runtime-state{display:none!important}
.wizard-side-group .step.runtime-complete:after{content:"✓"!important;display:grid!important;position:absolute;right:6px;top:6px;width:18px;height:18px;place-items:center;border-radius:50%;background:#557762;color:#fff;font-size:10px;font-weight:900}
@media(min-width:901px) and (max-height:850px){
  .wizard-side-group .step{grid-template-columns:42px minmax(0,1fr)!important;min-height:49px!important;padding:3px 6px!important}
  .wizard-side-group .step .tool-icon.illustrated{width:38px!important;height:38px!important;border-radius:9px!important}
}
.wizard-steps{padding:22px 18px;gap:13px}
.wizard-steps>.step{grid-template-columns:110px minmax(0,1fr);grid-template-rows:1fr 1fr;column-gap:14px;min-height:128px;padding:10px 13px;border-radius:19px;align-items:stretch}
.wizard-steps>.step .tool-icon.illustrated{grid-column:1;grid-row:1/3;width:104px;height:104px;align-self:center;border-radius:21px;background-size:500% 100%;box-shadow:0 10px 25px rgba(75,52,20,.20)}
.wizard-steps>.step b{grid-column:2;grid-row:1;align-self:end;margin:0;padding-right:15px;font-size:16px;line-height:1.18}
.wizard-steps>.step small{grid-column:2;grid-row:2;align-self:start;margin-top:5px;padding-right:12px;font-size:11px;line-height:1.35}
.wizard-steps>.step .step-number{left:10px;top:10px;width:25px;height:25px;border-width:1px;font-size:11px}
.wizard-steps>.step .runtime-state,.wizard-steps>.step .side-status,.wizard-steps>.step .front-back-status{display:none!important;position:absolute!important;width:0!important;height:0!important;margin:0!important;padding:0!important}
.wizard-steps>.step:not([data-tool="ai"]):after{right:12px}
.wizard-steps>.step[data-tool="ai"]:before{top:11px;right:12px}

.wizard-steps>.step.done{border-color:#8cab95!important;background:linear-gradient(145deg,#f6fbf7 0%,#e2eee5 64%,#edf5ef 100%)!important;color:#284432!important;box-shadow:0 0 0 2px rgba(91,130,101,.13),0 12px 28px rgba(55,91,64,.13)!important}
.wizard-steps>.step.done .tool-icon.illustrated{box-shadow:0 0 0 3px rgba(255,255,255,.82),0 10px 25px rgba(55,91,64,.18);filter:saturate(.82) brightness(1.02)}
.wizard-steps>.step.done .step-number{font-size:0;background:#557762;border-color:#557762;color:#fff;box-shadow:0 3px 9px rgba(42,77,52,.22)}
.wizard-steps>.step.done .step-number:after{content:"✓";font-size:14px;font-weight:950}
.wizard-steps>.step.done:not([data-tool="ai"]):after{content:"✓";right:13px;top:17px;transform:none;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#557762;color:#fff;opacity:1;font-size:13px;font-weight:950;box-shadow:0 4px 10px rgba(42,77,52,.18)}
.wizard-steps>.step.done b{color:#284432}.wizard-steps>.step.done small{color:#557060}
.wizard-steps>.step.done:hover{border-color:#739a7e!important;background:linear-gradient(145deg,#fbfefb,#deebe1)!important}

@media(max-width:1100px) and (min-width:901px){.studio-shell{grid-template-columns:264px minmax(0,1fr)}.wizard-steps>.step{grid-template-columns:92px minmax(0,1fr);min-height:112px}.wizard-steps>.step .tool-icon.illustrated{width:88px;height:88px}.wizard-steps>.step b{font-size:14px}}
@media(max-width:900px){.studio-shell{grid-template-columns:1fr}.wizard-steps{grid-template-columns:176px repeat(4,166px);gap:10px;padding:12px}.wizard-steps>.step{grid-template-columns:1fr;grid-template-rows:84px auto auto;min-height:148px;padding:9px 10px;text-align:center}.wizard-steps>.step .tool-icon.illustrated{grid-column:1;grid-row:1;width:82px;height:82px;justify-self:center;border-radius:18px}.wizard-steps>.step b{grid-column:1;grid-row:2;align-self:center;padding:0;font-size:13px}.wizard-steps>.step small{grid-column:1;grid-row:3;align-self:start;margin:0;padding:0;font-size:9px}.wizard-steps>.step .step-number{left:8px;top:8px}.wizard-steps>.step.done:not([data-tool="ai"]):after{right:8px;top:8px}.wizard-steps>.step[data-tool="ai"]:before{top:8px;right:8px}}
@media(max-width:560px){.wizard-steps{grid-template-columns:164px repeat(4,154px)}.wizard-steps>.step{grid-template-rows:78px auto auto;min-height:140px}.wizard-steps>.step .tool-icon.illustrated{width:76px;height:76px}.wizard-steps>.step b{font-size:12px}.wizard-steps>.step small{font-size:9px}}

/* Compact, frameless certificate: a quiet floating composition on the card back. */
.card-canvas[data-side="back"] .certificate{--certificate-color:currentColor;left:auto;right:8%;top:25%;bottom:auto;width:44%;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 46px;grid-template-rows:auto auto auto auto;grid-template-areas:"eyebrow qr" "title qr" "meta qr" "signature url";align-content:center;align-items:start;column-gap:12px;row-gap:2px;padding:0;border:0!important;border-radius:0;background:none!important;box-shadow:none!important;color:inherit;overflow:visible}
.card-canvas[data-side="back"] .certificate>small,.card-canvas[data-side="back"] .certificate>b,.card-canvas[data-side="back"] .certificate>span,.card-canvas[data-side="back"] .certificate>em{position:relative;z-index:2;margin:0;color:inherit;text-shadow:0 1px 0 rgba(255,255,255,.35)}
.card-canvas[data-side="back"] .certificate>small:nth-of-type(1){grid-area:eyebrow;font-size:clamp(5px,.55vw,8px);font-weight:800;line-height:1.2;letter-spacing:.09em;opacity:.72}
.card-canvas[data-side="back"] .certificate>b{grid-area:title;font:500 clamp(10px,1.25vw,17px)/1.08 Georgia,"Times New Roman",serif;letter-spacing:.04em}
.card-canvas[data-side="back"] .certificate>small:nth-of-type(2){grid-area:meta;margin-top:3px;font-size:clamp(5px,.52vw,7px);line-height:1.3;opacity:.64}
.card-canvas[data-side="back"] .certificate>span{grid-area:qr;align-self:center;justify-self:end;width:42px;aspect-ratio:1;display:grid;place-items:center;border:0;background:repeating-conic-gradient(currentColor 0 25%,transparent 0 50%) 0/9px 9px;color:transparent!important;opacity:.66;filter:none}
.card-canvas[data-side="back"] .certificate>span:empty:after{content:"QR";display:grid;width:52%;height:22%;place-items:center;background:rgba(255,255,255,.88);color:inherit;font:800 5px/1 Inter,ui-sans-serif,sans-serif;letter-spacing:.06em}
.card-canvas[data-side="back"] .certificate>em{grid-area:signature;width:74%;margin-top:9px;padding-top:5px;border-top:1px solid currentColor;font:italic clamp(6px,.62vw,9px)/1.15 Georgia,serif;opacity:.62}
.card-canvas[data-side="back"] .certificate>small:nth-of-type(3){grid-area:url;align-self:end;justify-self:end;font-size:clamp(5px,.5vw,7px);line-height:1;opacity:.58}

/* The camera mark is a subtle half-scale watermark and always inherits the selected certificate color. */
.card-canvas[data-side="back"] .certificate>div:first-child{position:absolute;z-index:0;left:43%;top:45%;width:22px;height:22px;display:grid;place-items:center;transform:translate(-50%,-50%);color:inherit;opacity:.12;pointer-events:none}
.card-canvas[data-side="back"] .certificate>div:first-child svg{width:12px;height:12px;display:block;stroke:currentColor}
.card-canvas[data-side="back"] .certificate>div:first-child img{width:18px;height:18px;display:block;object-fit:contain;opacity:.72;filter:sepia(1) saturate(.7)}
.card-canvas[data-side="back"] .certificate>div:first-child:after{content:"";position:absolute;inset:-5px;border:1px solid currentColor;border-radius:50%;opacity:.38}
.card-canvas[data-side="back"] .certificate-watermark,.card-canvas[data-side="back"] .certificate .watermark{left:43%;top:47%;width:18%;border-color:currentColor;color:inherit;opacity:.11}
.card-canvas[data-side="back"] .certificate-watermark:before,.card-canvas[data-side="back"] .certificate .watermark:before{inset:22%;border-color:currentColor;color:inherit;font-size:7px;opacity:.55}

/* The controls remain normal size and high-contrast; only the card artwork is compacted. */
.certificate-settings{margin:20px 0!important;padding:16px!important;border:1px solid #ded2be!important;border-radius:14px;background:#fffdfa;box-shadow:0 7px 20px rgba(72,52,21,.05)}
.certificate-settings legend{padding:0 6px;color:#4b4134;font-size:13px!important;font-weight:850!important}
.certificate-settings label{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:40px;margin:0!important;padding:8px 0;border-bottom:1px solid #eee7dc;color:#4f473c;font-size:12px!important;line-height:1.35}
.certificate-settings label:last-of-type{border-bottom:0}.certificate-settings label>select{grid-column:1/-1;margin-top:5px}.certificate-settings input[type="checkbox"]{width:18px;height:18px;margin:0;accent-color:#84652d}.certificate-settings input[type="color"]{width:40px;height:32px;padding:2px;border:1px solid #d2c4ad;border-radius:8px;background:#fff;cursor:pointer}
.certificate-color-control{display:grid;gap:10px;padding:8px 0 12px}.certificate-color-control>span{color:#4f473c;font-size:12px;font-weight:800}.certificate-color-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.certificate-color-presets button{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:6px;min-width:0;padding:7px;border:1px solid #d9ccb7;border-radius:9px;background:#fff;color:#554a3b;cursor:pointer}.certificate-color-presets button[aria-pressed="true"]{border-color:#a87827;background:#fbf4e7;box-shadow:0 0 0 2px rgba(168,120,39,.14)}.certificate-color-presets i{width:22px;height:22px;border:1px solid rgba(74,58,35,.25);border-radius:50%;background:var(--certificate-swatch);box-shadow:inset 0 0 0 2px rgba(255,255,255,.28)}.certificate-color-presets b{overflow:hidden;font-size:9px;text-overflow:ellipsis}.certificate-settings .certificate-custom-color{display:flex!important;justify-content:space-between;border-bottom:0!important;padding:4px 0!important}
.certificate-layout-picker{padding:8px 0 14px;border-bottom:1px solid #eee7dc}.certificate-layout-picker>span{display:block;margin-bottom:9px;color:#4f473c;font-size:12px;font-weight:850}.certificate-layout-picker>div{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.certificate-layout-picker button{position:relative;aspect-ratio:1.58;padding:3px;border:1px solid #d8ccb9;border-radius:7px;background:#fff;cursor:pointer}.certificate-layout-picker button:before{content:"";position:absolute;inset:4px;border:1px solid #eee4d4;border-radius:3px}.certificate-layout-picker button i{position:absolute;width:28%;height:32%;border:1px solid #9b7130;border-radius:2px;background:#ead7a9}.certificate-layout-picker button:nth-child(1) i{left:7px;top:6px}.certificate-layout-picker button:nth-child(2) i{left:36%;top:6px}.certificate-layout-picker button:nth-child(3) i{right:7px;top:6px}.certificate-layout-picker button:nth-child(4) i{left:7px;bottom:6px}.certificate-layout-picker button:nth-child(5) i{left:36%;bottom:6px}.certificate-layout-picker button:nth-child(6) i{right:7px;bottom:6px}.certificate-layout-picker button.active{border-color:#9b7130;background:#f6ecd8;box-shadow:0 0 0 2px #ead7b0}
.card-canvas[data-side="back"] .certificate[data-layout="top-left"]{left:8%;right:auto;top:16%;bottom:auto}.card-canvas[data-side="back"] .certificate[data-layout="top-center"]{left:50%;right:auto;top:16%;bottom:auto;transform:translateX(-50%)}.card-canvas[data-side="back"] .certificate[data-layout="top-right"]{left:auto;right:8%;top:16%;bottom:auto}.card-canvas[data-side="back"] .certificate[data-layout="bottom-left"]{left:8%;right:auto;top:auto;bottom:16%}.card-canvas[data-side="back"] .certificate[data-layout="bottom-center"]{left:50%;right:auto;top:auto;bottom:16%;transform:translateX(-50%)}.card-canvas[data-side="back"] .certificate[data-layout="bottom-right"]{left:auto;right:8%;top:auto;bottom:16%}

.certificate-preview{inset:auto 10% 12%;width:44%;min-height:0;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.certificate-preview b{font-size:12px}.certificate-preview small{font-size:7px}
@media(max-width:900px){.card-canvas[data-side="back"] .certificate{right:8%;top:24%;width:46%;grid-template-columns:minmax(0,1fr) 40px;column-gap:9px}.card-canvas[data-side="back"] .certificate>span{width:38px}.certificate-settings{padding:14px!important}}
@media(max-width:560px){.card-canvas[data-side="back"] .certificate{right:7%;top:24%;width:47%;grid-template-columns:minmax(0,1fr) 34px;column-gap:7px;row-gap:1px}.card-canvas[data-side="back"] .certificate>span{width:32px;background-size:7px 7px}.card-canvas[data-side="back"] .certificate>em{margin-top:6px;padding-top:3px}.card-canvas[data-side="back"] .certificate>div:first-child{width:18px;height:18px}.card-canvas[data-side="back"] .certificate>div:first-child svg{width:10px;height:10px}.certificate-settings label{min-height:44px}.certificate-preview{width:48%}}

/* Unified DXF ingot selector — the 0.75 g plate defines the visual rhythm. */
.gold-options{margin-top:18px!important;overflow:visible}
.gold-options>legend{margin-bottom:9px!important}
.gold-choice-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;width:100%;padding:0!important;overflow:visible!important;align-items:stretch}
.gold-choice{position:relative;isolation:isolate;display:grid!important;grid-template-rows:92px minmax(27px,auto);place-items:center;min-width:0!important;min-height:128px!important;margin:0!important;padding:7px 4px 8px!important;overflow:hidden;border:1px solid #d8c39a!important;border-radius:12px!important;background:linear-gradient(180deg,#fffefa 0%,#fbf6ec 100%)!important;box-shadow:0 6px 16px rgba(89,60,17,.055)!important;text-align:center;cursor:pointer}
.gold-choice:before{content:"";position:absolute;z-index:-1;left:50%;top:8px;width:60px;height:86px;transform:translateX(-50%);border:1px solid rgba(153,103,25,.46);border-radius:8px;background:linear-gradient(145deg,#ffe6a0 0%,#d9a33f 45%,#9a6417 100%);box-shadow:inset 0 0 0 2px rgba(255,239,173,.54),inset 0 -10px 16px rgba(99,55,5,.13),0 7px 14px rgba(88,57,13,.14)}
.gold-choice img,.gold-choice:has(input[value="025"]) img,.gold-choice:has(input[value="075"]) img,.gold-choice:has(input[value="200"]) img,.gold-choice:has(input[value="500"]) img{grid-row:1;display:block;width:54px!important;height:80px!important;max-width:none!important;max-height:none!important;margin:0!important;padding:5px!important;border:0!important;border-radius:6px!important;background:transparent!important;box-shadow:none!important;object-fit:fill!important;object-position:center!important;filter:saturate(.94) contrast(.94) brightness(1.04)!important;mix-blend-mode:multiply}
.gold-choice input{position:absolute;opacity:0;pointer-events:none}
.gold-choice>b{grid-row:2;align-self:end;display:block!important;margin:3px 0 0;color:#654814;font-size:11px!important;line-height:1.15;font-weight:850;white-space:nowrap}
.gold-choice>small{display:none!important}
.gold-choice:hover{transform:translateY(-1px);border-color:#ba914c!important;box-shadow:0 9px 20px rgba(89,60,17,.10)!important}
.gold-choice.selected{border-color:#96651d!important;background:linear-gradient(180deg,#fffdf7,#f5ead5)!important;box-shadow:0 0 0 2px #e4cfaa,0 10px 22px rgba(92,61,16,.14)!important}
.gold-choice.selected:before{border-color:#8e5d13;box-shadow:inset 0 0 0 2px #ffecaa,inset 0 -10px 16px rgba(99,55,5,.16),0 8px 16px rgba(88,57,13,.20)}
.gold-choice:focus-within{outline:3px solid #ad843b;outline-offset:2px}
.gold-choice .package-price,.gold-choice .offer-structure{grid-row:2;display:grid;min-height:27px;align-content:end;color:#77674e;font-size:9px;line-height:1.25}

@media(max-width:420px){.gold-choice-grid{gap:4px!important}.gold-choice{grid-template-rows:82px minmax(26px,auto);min-height:116px!important;padding-inline:2px!important}.gold-choice:before{top:7px;width:52px;height:76px}.gold-choice img,.gold-choice:has(input[value="025"]) img,.gold-choice:has(input[value="075"]) img,.gold-choice:has(input[value="200"]) img,.gold-choice:has(input[value="500"]) img{width:47px!important;height:70px!important;padding:4px!important}.gold-choice>b{font-size:10px!important}}

/* A választó ugyanazt a fizikai méretarányt mutatja, mint a bankkártya. */
.gold-choice{grid-template-rows:104px auto auto!important;overflow:visible!important}
.gold-choice:before{display:none!important}
.gold-choice img{align-self:center!important;justify-self:center!important;width:auto!important;max-width:none!important;max-height:none!important;padding:0!important;border:1px solid rgba(116,73,9,.45)!important;border-radius:5px!important;background:linear-gradient(145deg,#ffe6a0,#b87413 62%,#ffe9a6)!important;box-shadow:inset 0 0 0 1px rgba(255,241,184,.65),0 6px 12px rgba(82,48,5,.2)!important;object-fit:fill!important;mix-blend-mode:normal!important}
.gold-choice:has(input[value="025"]) img{width:38px!important;height:60px!important}
.gold-choice:has(input[value="075"]) img{width:46px!important;height:70px!important}
.gold-choice:has(input[value="200"]) img{width:56px!important;height:84px!important}
.gold-choice:has(input[value="500"]) img{width:68px!important;height:100px!important}
.gold-choice.selected img{border-color:#80500a!important;box-shadow:inset 0 0 0 2px #ffedaa,0 8px 16px rgba(82,48,5,.28)!important}
.gold-price{display:block;align-self:start;margin-top:2px;color:#9b6b20;font-size:9px;font-weight:750;white-space:nowrap}

/* Responsive template-pair and ingot controls. Selector previews are normalized for legibility;
   the canvas continues to use the physical millimetre-to-card ratios calculated in app.js. */
.collection-browser{max-width:1240px;margin-inline:auto}
.template-pair-grid{grid-template-columns:repeat(3,minmax(220px,1fr));align-items:stretch}
.template-pair{display:grid;grid-template-rows:auto 1fr auto;min-height:0;overflow:hidden;text-align:center}
.pair-visuals{width:100%;max-width:360px;margin-inline:auto;align-items:center}
.pair-face{width:100%;min-width:0;background-position:center;background-size:cover}
.pair-copy{align-self:start;text-align:center}.pair-select{justify-self:center}
.template-pair:focus-visible{outline:3px solid #ad843b;outline-offset:3px}
.template-pair.selected{background:#fffaf0}.template-pair.selected .pair-visuals{filter:saturate(1.04)}

.gold-choice-grid{align-items:stretch!important}
.gold-choice{grid-template-rows:88px auto auto!important;align-content:start!important;justify-items:center!important;min-height:132px!important;overflow:hidden!important}
.gold-choice img,.gold-choice:has(input[value="025"]) img,.gold-choice:has(input[value="075"]) img,.gold-choice:has(input[value="200"]) img,.gold-choice:has(input[value="500"]) img{grid-row:1!important;align-self:center!important;justify-self:center!important;width:auto!important;height:78px!important;max-width:88%!important;max-height:78px!important;padding:3px!important;object-fit:contain!important;object-position:center!important}
.gold-choice>b{grid-row:2!important;align-self:center!important;margin-top:1px!important}.gold-price{grid-row:3!important;align-self:center!important;margin-top:1px!important}
.card-canvas .chip-safe-zone{inset:8%!important;pointer-events:none}.card-canvas .gold-chip{transform-origin:top left}

@media(max-width:900px){.template-pair-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pair-visuals{max-width:420px}.gold-choice img,.gold-choice:has(input[value="025"]) img,.gold-choice:has(input[value="075"]) img,.gold-choice:has(input[value="200"]) img,.gold-choice:has(input[value="500"]) img{height:72px!important;max-height:72px!important}}
@media(max-width:560px){.collection-summary{gap:8px}.template-pair-grid{grid-template-columns:1fr;gap:12px}.template-pair{grid-template-columns:minmax(0,1.15fr) minmax(120px,.85fr);grid-template-rows:auto auto;align-items:center;padding:10px;text-align:left}.template-pair .pair-visuals{grid-column:1;grid-row:1/3}.template-pair .pair-copy{grid-column:2;grid-row:1;padding:4px 4px 0 12px;text-align:left}.template-pair .pair-copy b{font-size:18px}.template-pair .pair-select{grid-column:2;grid-row:2;justify-self:start;padding-left:12px}.gold-choice-grid{gap:4px!important}.gold-choice{grid-template-rows:70px auto auto!important;min-height:116px!important;padding:6px 2px!important}.gold-choice img,.gold-choice:has(input[value="025"]) img,.gold-choice:has(input[value="075"]) img,.gold-choice:has(input[value="200"]) img,.gold-choice:has(input[value="500"]) img{height:62px!important;max-height:62px!important;max-width:92%!important;padding:2px!important}.gold-choice>b{font-size:10px!important}.gold-price{font-size:8px!important}}
@media(max-width:380px){.template-pair{grid-template-columns:1fr;grid-template-rows:auto auto auto;text-align:center}.template-pair .pair-visuals,.template-pair .pair-copy,.template-pair .pair-select{grid-column:1;grid-row:auto}.template-pair .pair-copy{text-align:center;padding:9px 2px 2px}.template-pair .pair-select{justify-self:center;padding-left:2px}.gold-choice{grid-template-rows:62px auto auto!important;min-height:108px!important}.gold-choice img,.gold-choice:has(input[value="025"]) img,.gold-choice:has(input[value="075"]) img,.gold-choice:has(input[value="200"]) img,.gold-choice:has(input[value="500"]) img{height:55px!important;max-height:55px!important}}

.studio-intro{max-width:850px;margin:0 auto 42px;padding:18px 24px;text-align:center}.studio-intro>span{color:#a57423;font-size:12px;font-weight:800;letter-spacing:.24em;text-transform:uppercase}.studio-intro h2{margin:13px 0 14px;color:#171511;font-family:Georgia,serif;font-size:clamp(34px,4.6vw,62px);font-weight:400;line-height:1.04}.studio-intro h2 em{color:#a57423;font-weight:400}.studio-intro p{max-width:670px;margin:0 auto 24px;color:#61594e;font-size:16px;line-height:1.65}.studio-intro a{display:inline-flex;align-items:center;gap:18px;padding:14px 25px;border-radius:999px;background:linear-gradient(135deg,#b77d16,#d3a33d);box-shadow:0 12px 28px rgba(153,101,17,.22);color:#fff;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.studio-intro a:hover{transform:translateY(-1px);box-shadow:0 15px 30px rgba(153,101,17,.28)}
.certificate-required{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#f8f3e9;color:#6b5a40;font-size:11px;line-height:1.45}
.studio-intro button,.collection-toggle{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 25px;border:0;border-radius:999px;background:linear-gradient(135deg,#b77d16,#d3a33d);box-shadow:0 12px 28px rgba(153,101,17,.22);color:#fff;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.studio-intro button:hover,.collection-toggle:hover{transform:translateY(-1px);box-shadow:0 15px 30px rgba(153,101,17,.28)}.studio-shell[hidden],.my-gold-card-grid[hidden],.collection-link[hidden]{display:none!important}.collection-toggle{margin:0 auto 30px;background:transparent;border:1px solid #a87528;box-shadow:none;color:#8d611d}.my-gold-cards .section-intro h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.025em}.my-gold-cards .section-intro h2::first-line{color:#9c6c20}.my-gold-category:nth-child(2n){min-height:300px}.my-gold-category:nth-child(3n){min-height:240px}.my-gold-category:nth-child(2) span,.my-gold-category:nth-child(5) span{text-align:center}.my-gold-category b{letter-spacing:-.02em}.my-gold-category small{font-family:system-ui,sans-serif;letter-spacing:.02em}

/* Browser-only account and saved-design prototype. */
.header-actions,.design-actions{display:flex;align-items:center;gap:8px}.account-button,.account-signout,.design-actions button{border:1px solid #cbb892;border-radius:999px;background:#fffdf8;color:#76521b;padding:9px 14px;font-size:12px;font-weight:800;cursor:pointer}.account-button{background:#27231d;border-color:#27231d;color:#fff}.account-signout[hidden]{display:none}.design-actions button{padding:7px 12px}.account-dialog{width:min(480px,calc(100% - 28px));padding:0;border:0;border-radius:22px;background:#fffdf8;box-shadow:0 30px 90px #241a0b55}.account-dialog::backdrop{background:rgba(30,25,18,.58);backdrop-filter:blur(5px)}.account-card{position:relative;display:grid;gap:14px;padding:34px}.account-card h2{margin:0;font:400 34px/1.05 Georgia,serif}.account-card p{margin:0;color:#6c6255;font-size:13px;line-height:1.55}.account-card label{display:grid;gap:6px;color:#4e4438;font-size:12px;font-weight:800}.account-card input{width:100%;padding:12px;border:1px solid #d9cdbb;border-radius:10px;background:#fff;font:inherit}.account-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:12px;background:#eee8dc}.account-tabs button{border:0;border-radius:9px;background:transparent;padding:9px;font-weight:800}.account-tabs button.active{background:#fff;box-shadow:0 3px 10px #0001}.account-submit{border:0;border-radius:999px;background:linear-gradient(135deg,#b77d16,#d3a33d);color:#fff;padding:13px;font-weight:900}.account-close{position:absolute;right:16px;top:14px;border:0;background:none;font-size:26px}.account-card small{min-height:20px;color:#8d5d1a}.save-state.saved i{background:#4d805e}.save-state.error i{background:#b45349}@media(max-width:900px){.header-actions .business-link{display:none}.header-actions{margin-left:auto}.account-signout{display:none}.studio-topbar{gap:8px;align-items:flex-start}.design-actions{flex-wrap:wrap;justify-content:flex-end}.design-actions button{padding:7px 9px;font-size:10px}}@media(max-width:560px){.account-button{padding:8px 10px}.account-card{padding:30px 22px}.design-actions{width:100%;justify-content:flex-start}.studio-topbar{flex-wrap:wrap}}

/* Six-step premium production story. */
.why.process-section{display:block;max-width:none;padding:105px clamp(22px,6vw,92px) 118px;border:0;background:linear-gradient(180deg,#fffdfa 0%,#f7f3eb 100%)}.process-heading{max-width:850px;margin:0 auto 54px;text-align:center}.process-heading h2{margin:12px 0 16px;font-size:clamp(40px,5vw,68px);line-height:1.02}.process-heading p{max-width:680px;margin:auto;color:#6c6255;font-size:16px}.process-flow{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1240px;margin:0 auto;padding:0;list-style:none;counter-reset:process}.process-flow:before{content:"";position:absolute;z-index:0;left:10%;right:10%;top:127px;height:2px;background:linear-gradient(90deg,#d78976,#50a9a2,#6f9fc7,#c99a39,#d78976,#50a9a2);opacity:.45}.process-step{--accent:#c98471;--tint:#f8e5df;position:relative;z-index:1;min-height:340px;padding:28px 25px 25px;border:1px solid color-mix(in srgb,var(--accent) 30%,#fff);border-radius:26px;background:linear-gradient(155deg,#fff 38%,var(--tint));box-shadow:0 18px 44px rgba(66,49,28,.09);text-align:center;transition:transform .25s ease,box-shadow .25s ease}.process-step:hover{transform:translateY(-5px);box-shadow:0 24px 54px rgba(66,49,28,.14)}.process-step.turquoise{--accent:#3f9994;--tint:#dff1ef}.process-step.blue{--accent:#628eb8;--tint:#e3edf6}.process-step.gold{--accent:#b98627;--tint:#f7ecd1}.process-number{position:absolute;left:22px;top:18px;color:var(--accent);font:700 14px/1 Georgia,serif;letter-spacing:.1em}.process-icon{display:grid;place-items:center;width:126px;height:126px;margin:22px auto 25px;border-radius:36px;background:var(--tint);color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent),0 14px 28px color-mix(in srgb,var(--accent) 18%,transparent)}.process-icon svg{width:76px;height:76px;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}.process-step h3{max-width:300px;margin:0 auto 11px;color:#2b251e;font:400 25px/1.13 Georgia,serif}.process-step p{max-width:300px;margin:0 auto;color:#71675b;font-size:13px;line-height:1.55}.process-step:after{content:"→";position:absolute;z-index:3;right:-24px;top:112px;display:grid;place-items:center;width:44px;height:44px;border:1px solid color-mix(in srgb,var(--accent) 35%,#fff);border-radius:50%;background:#fff;color:var(--accent);font-size:21px;font-weight:800;box-shadow:0 8px 20px #60481e18}.process-step:nth-child(3):after,.process-step:last-child:after{display:none}@media(max-width:900px){.why.process-section{padding:76px 18px 88px}.process-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.process-flow:before{display:none}.process-step:nth-child(3):after{display:grid}.process-step:nth-child(2n):after{display:none}}@media(max-width:560px){.process-heading{margin-bottom:34px}.process-heading h2{font-size:39px}.process-flow{grid-template-columns:1fr;max-width:390px}.process-step{display:grid;grid-template-columns:96px 1fr;grid-template-rows:auto auto;align-items:center;min-height:0;padding:22px 20px;text-align:left}.process-number{left:auto;right:18px;top:14px}.process-icon{grid-row:1/3;width:78px;height:78px;margin:0;border-radius:22px}.process-icon svg{width:50px;height:50px}.process-step h3,.process-step p{max-width:none;margin-left:0}.process-step h3{padding-right:26px;font-size:21px}.process-step p{margin-top:7px;font-size:12px}.process-step:after,.process-step:nth-child(3):after{display:grid;right:50%;top:auto;bottom:-18px;width:34px;height:34px;transform:translateX(50%) rotate(90deg);font-size:17px}.process-step:last-child:after{display:none}}

/* Photographic production story — no illustrative icons. */
.process-flow{gap:28px}.process-flow:before,.process-step:after{display:none!important}.process-step{min-height:0;padding:0 0 24px;overflow:hidden;border-color:#e3d8c8;border-radius:24px;background:#fff;box-shadow:0 18px 44px rgba(66,49,28,.1);text-align:left}.process-photo{position:relative;width:100%;aspect-ratio:1.48;margin:0 0 22px;overflow:hidden;background:#e9e2d7}.process-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.process-step:hover .process-photo img{transform:scale(1.035)}.process-photo>span{position:absolute;left:16px;top:15px;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:rgba(27,24,20,.68);backdrop-filter:blur(8px);color:#fff;font:700 13px/1 Georgia,serif;letter-spacing:.08em}.process-step h3,.process-step p{max-width:none;margin-left:24px;margin-right:24px}.process-step h3{margin-bottom:9px;font-size:25px}.process-step p{font-size:13px;line-height:1.55}.process-photo.asset-needed{display:grid;place-items:end start;padding:18px;background:linear-gradient(145deg,rgba(42,37,30,.08),rgba(42,37,30,.48)),radial-gradient(circle at 75% 25%,#ead7aa,transparent 35%),linear-gradient(135deg,#d9d2c5,#867765);color:#fff}.process-photo.asset-needed:before{content:"Fotóhely előkészítve";position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.9);font:400 22px/1.2 Georgia,serif}.process-photo.asset-needed>b{position:relative;z-index:1;max-width:85%;padding:6px 9px;border-radius:6px;background:rgba(24,21,17,.64);font-size:9px;line-height:1.3;letter-spacing:.04em}.process-photo.asset-needed>span{z-index:2}@media(max-width:900px){.process-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.process-flow{grid-template-columns:1fr;max-width:420px}.process-step{display:block;padding:0 0 22px}.process-photo{aspect-ratio:1.45;margin-bottom:20px}.process-step h3,.process-step p{margin-left:20px;margin-right:20px}.process-step h3{padding:0;font-size:23px}.process-step p{margin-top:0;font-size:13px}}
.studio-intro{display:grid!important;grid-template-columns:minmax(280px,1fr) minmax(320px,1fr)!important;align-items:center!important;gap:42px!important;max-width:1180px!important;text-align:left!important}.studio-intro>figure{margin:0;overflow:hidden;border-radius:24px;box-shadow:0 20px 48px rgba(70,46,12,.16)}.studio-intro>figure img{display:block;width:100%;aspect-ratio:1.35;object-fit:cover}.studio-intro>div>span{color:#a57423;font-size:12px;font-weight:800;letter-spacing:.24em;text-transform:uppercase}.studio-intro>div p{max-width:670px;margin:0 0 24px;color:#61594e;font-size:16px;line-height:1.65}.collection-feature{max-width:1180px;margin:0 auto 34px;overflow:hidden;border-radius:26px;box-shadow:0 20px 48px rgba(73,48,13,.14)}.collection-feature img{display:block;width:100%;height:min(42vw,420px);object-fit:cover}@media(max-width:760px){.studio-intro{grid-template-columns:1fr!important;text-align:center!important}.studio-intro>div p{margin:0 auto 24px}.collection-feature img{height:260px}}
.my-gold-cards{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);grid-template-areas:"copy image" "toggle image" "cards cards" "link link";align-items:center;gap:12px 48px}.my-gold-cards>.section-intro{grid-area:copy;margin:0!important;text-align:left!important}.my-gold-cards>.collection-feature{grid-area:image;width:100%;margin:0}.my-gold-cards>.collection-toggle{grid-area:toggle;margin:12px 0 0;width:max-content}.my-gold-cards>.my-gold-card-grid{grid-area:cards;margin-top:34px}.my-gold-cards>.collection-link{grid-area:link}.scroll-story{opacity:.35;filter:blur(3px);transform:translateY(32px);transition:opacity .75s ease,filter .75s ease,transform .75s ease}.scroll-story.is-visible{opacity:1;filter:blur(0);transform:translateY(0)}@media(max-width:760px){.my-gold-cards{grid-template-columns:1fr;grid-template-areas:"image" "copy" "toggle" "cards" "link"}.my-gold-cards>.section-intro{text-align:center!important}.my-gold-cards>.collection-toggle{margin:12px auto 0}}
.faq{padding:90px clamp(22px,8vw,130px);background:linear-gradient(180deg,#fbf8f2,#fff)}.faq>.section-intro{max-width:760px;margin:0 auto 38px;text-align:center}.faq-list{max-width:920px;margin:auto;border-top:1px solid #ded3c2}.faq details{border-bottom:1px solid #ded3c2}.faq summary{position:relative;padding:22px 54px 22px 4px;cursor:pointer;color:#272119;font:22px/1.25 Georgia,serif;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:10px;top:18px;color:#a57423;font:28px/1 Georgia,serif}.faq details[open] summary:after{content:"−"}.faq details p{max-width:780px;margin:0;padding:0 54px 24px 4px;color:#655c51;line-height:1.7}
.my-gold-cards,.community-gallery{padding:86px clamp(22px,6vw,92px);background:#fbf8f2}.my-gold-cards .section-intro,.community-gallery .section-intro{max-width:820px;margin:0 auto 34px;text-align:center}.my-gold-cards .section-intro p,.community-gallery .section-intro p{color:#6d6459;line-height:1.65}.my-gold-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1180px;margin:auto}.my-gold-category{position:relative;display:flex;align-items:flex-end;min-height:260px;overflow:hidden;border:1px solid rgba(163,116,37,.2);border-radius:22px;background:radial-gradient(circle at 72% 24%,rgba(255,224,151,.72),transparent 27%),linear-gradient(145deg,#efe1c5,#fbf7ef 55%,#c89a45);box-shadow:0 18px 42px rgba(75,51,16,.11);color:#241e16;text-decoration:none}.my-gold-category:before{content:"";position:absolute;left:50%;top:28px;width:84px;height:132px;transform:translateX(-50%);border:2px solid #bc872c;border-radius:12px;background:linear-gradient(145deg,#ffdf83,#b67314 58%,#ffe7a2);box-shadow:inset 0 0 0 3px rgba(255,245,197,.55),0 12px 24px rgba(92,54,4,.25)}.my-gold-category span{position:relative;z-index:1;width:100%;padding:20px;background:linear-gradient(180deg,transparent,rgba(255,252,246,.96) 28%)}.my-gold-category b,.my-gold-category small{display:block}.my-gold-category b{font:30px/1.1 Georgia,serif}.my-gold-category small{margin-top:7px;color:#665a49}.my-gold-category:hover{transform:translateY(-4px)}.my-gold-category.wedding{background-color:#efe9dc}.my-gold-category.baptism{background-color:#e8f0ef}.my-gold-category.graduation{background-color:#ded4c3}.my-gold-category.kids{background-color:#f2decf}.my-gold-category.horoscope{background-color:#252039;color:#fff}.collection-link{display:flex;width:max-content;margin:30px auto 0;padding:13px 22px;border:1px solid #b88a3d;border-radius:999px;color:#875c18;text-decoration:none;font-weight:800}.community-gallery{background:#fff}.community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:auto}.community-grid article{position:relative;padding:12px 12px 18px;border:1px solid #eee4d6;border-radius:20px;background:#fff;box-shadow:0 14px 34px rgba(66,48,23,.08)}.community-card{aspect-ratio:1.58;border-radius:13px;background:radial-gradient(circle at 70% 30%,#f5cc70,transparent 25%),linear-gradient(135deg,#29221a,#a06d20 58%,#f4d58c)}.community-card.celebration{background:radial-gradient(circle at 22% 22%,#fff3c7,transparent 25%),linear-gradient(145deg,#ded0bb,#8b5c28)}.community-card.festive{background:radial-gradient(circle at 70% 25%,#ffcc60,transparent 20%),linear-gradient(145deg,#153828,#b48228)}.community-grid h3{margin:15px 5px 5px;font:24px Georgia,serif}.community-grid p{margin:0 5px;color:#766d62;font-size:12px}.community-grid button{margin:14px 5px 0;border:0;background:none;color:#9b6d25;font-weight:800}.winner-badge{position:absolute;z-index:2;top:22px;left:22px;padding:7px 10px;border-radius:999px;background:#b57c1c;color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.monthly-challenge{max-width:1100px;margin:28px auto 0;padding:24px 28px;border-radius:20px;background:#211d18;color:#fff}.monthly-challenge span{color:#d8aa54;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.monthly-challenge b{display:block;margin:7px 0;font:28px Georgia,serif}.monthly-challenge p{display:inline;color:#d8d1c7}.monthly-challenge a{float:right;color:#f0c977;font-weight:800;text-decoration:none}@media(max-width:850px){.my-gold-card-grid,.community-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.my-gold-card-grid,.community-grid{grid-template-columns:1fr}.my-gold-cards,.community-gallery{padding:58px 18px}.monthly-challenge a{float:none;display:block;margin-top:14px}}

/* Occasion selector audit: large one-click categories and an explicit front/back/certificate trio. */
.collection-categories button{touch-action:manipulation}.collection-categories button span{line-height:1}.collection-categories button b{max-width:11ch;text-align:center}
.template-pair-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1120px;margin-inline:auto}
.template-pair{padding:14px}.pair-visuals{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(64px,.56fr);gap:9px;max-width:none;align-items:start}
.pair-preview{display:grid;grid-template-rows:auto 18px;gap:5px;min-width:0}.pair-preview>small{display:block;color:#746a5c;font-size:8px;font-weight:800;letter-spacing:.05em;text-align:center;text-transform:uppercase}
.pair-preview .pair-face,.pair-preview .pair-certificate{width:100%;height:auto;aspect-ratio:1.586}.pair-preview .pair-certificate{aspect-ratio:.78;justify-self:center;max-width:86px}
.template-pair .pair-copy{padding-top:11px}.template-pair .pair-select{min-height:34px;padding:8px 13px;border-radius:999px;background:#f5ead6}
.template-pair.selected .pair-select{background:#e6f0e8;color:#366047}.template-pair[aria-pressed="true"]{border-color:#9c6a1d;box-shadow:0 0 0 2px #ead6ae,0 14px 30px rgba(82,55,17,.1)}
@media(max-width:800px){.template-pair-grid{grid-template-columns:1fr}.template-pair{max-width:680px;width:100%;margin-inline:auto}}
@media(max-width:560px){.collection-categories{scroll-snap-type:x mandatory;padding:3px 4px 13px}.collection-categories button{scroll-snap-align:start;min-width:104px;min-height:96px;padding:10px 7px}.collection-categories button span{font-size:29px}.collection-categories button b{font-size:11px}.template-pair{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:11px;text-align:center}.template-pair .pair-visuals,.template-pair .pair-copy,.template-pair .pair-select{grid-column:1;grid-row:auto}.pair-visuals{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(54px,.5fr);gap:6px}.pair-preview{grid-template-rows:auto 16px;gap:4px}.pair-preview>small{font-size:7px}.pair-preview .pair-certificate{max-width:70px}.template-pair .pair-copy{padding:9px 2px 4px;text-align:center}.template-pair .pair-select{justify-self:center;padding:7px 14px}.collection-summary{padding-top:22px}}
.collection-categories button img{width:62px;height:48px;object-fit:cover;border-radius:10px;box-shadow:0 7px 16px rgba(55,34,10,.18);transition:transform .2s}.collection-categories button:hover img,.collection-categories button.active img{transform:scale(1.06)}.certificate-burgundy{background:linear-gradient(145deg,#4b1821,#7d2b38);color:#f1d7b2}.certificate-champagne{background:linear-gradient(145deg,#fffaf1,#e8d3a8);color:#8b681f}.certificate-teal{background:linear-gradient(145deg,#e5f0ec,#416f70);color:#f8e7bf}.certificate-turquoise{background:linear-gradient(145deg,#f7ded5,#4eaaa8);color:#fff9e9}

.template-pair-grid[data-category="birthday"]{grid-template-columns:1fr;gap:34px;max-width:980px}.template-pair-grid[data-category="birthday"] .template-pair{display:block;width:100%;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.template-pair-grid[data-category="birthday"] .template-pair:hover,.template-pair-grid[data-category="birthday"] .template-pair.selected{transform:translateY(-3px);background:none;box-shadow:none}.template-pair-grid[data-category="birthday"] .template-pair:focus-visible{outline:3px solid #ad843b;outline-offset:8px}.template-pair-grid[data-category="birthday"] .pair-visuals{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:100%;max-width:none;margin:0}.template-pair-grid[data-category="birthday"] .pair-preview{display:block;min-width:0}.template-pair-grid[data-category="birthday"] .pair-face{position:relative;display:block;width:100%;aspect-ratio:1.586;border:0;border-radius:15px;background-size:cover;background-position:center;overflow:hidden;box-shadow:0 18px 38px rgba(54,38,18,.17)}.product-gold{position:absolute;left:7%;bottom:9%;width:16%;height:52%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:7px;background:linear-gradient(135deg,#b87913,#ffe48d 48%,#9d5c08);color:#5c3709;box-shadow:0 5px 13px rgba(29,17,4,.3);font-style:normal}.product-gold b{font-size:5px;letter-spacing:.05em}.product-gold small{margin-top:5px;font-size:7px;font-weight:800;color:inherit}.template-pair[data-template="50-szuletesnap"] .product-gold{width:23%;height:68%;bottom:7%}.embedded-certificate{position:absolute;inset:9%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid currentColor;border-radius:8px;background:rgba(255,253,248,.86);color:#8a641f;backdrop-filter:blur(5px);font-style:normal;text-align:center;box-shadow:0 5px 15px rgba(50,34,12,.1)}.embedded-certificate small{font-size:5px;letter-spacing:.08em;color:inherit}.embedded-certificate b{font:600 11px/1 Georgia,serif}.embedded-certificate em{font-size:6px;font-style:normal}.embedded-certificate i{display:grid;place-items:center;width:20px;height:20px;border:1px solid currentColor;font:600 6px Arial}.embedded-certificate.certificate-blue{background:rgba(230,241,250,.88);color:#375f7a}.embedded-certificate.certificate-burgundy{background:rgba(76,24,34,.88);color:#f0d3a8}.embedded-certificate.certificate-champagne{background:rgba(255,249,237,.88);color:#87651e}.embedded-certificate.certificate-coral{background:rgba(255,236,229,.88);color:#9a5548}.embedded-certificate.certificate-teal{background:rgba(34,83,83,.87);color:#f6e5ba}.embedded-certificate.certificate-turquoise{background:rgba(231,250,248,.88);color:#287a78}@media(max-width:800px){.template-pair-grid[data-category="birthday"]{gap:24px}.template-pair-grid[data-category="birthday"] .pair-visuals{grid-template-columns:1fr 1fr;gap:10px}}@media(max-width:520px){.template-pair-grid[data-category="birthday"] .pair-visuals{grid-template-columns:1fr;gap:14px}}

/* Alkalmak: emotional, photographic story cards instead of technical icon tabs. */
.occasions{max-width:none;padding-inline:clamp(22px,6vw,92px);background:linear-gradient(180deg,#fbf7ef 0%,#fffdfa 48%,#f6efe3 100%)}
.occasions>.section-intro{max-width:900px;margin:0 auto 46px;text-align:center}.occasions>.section-intro .eyebrow{letter-spacing:.2em}.occasions>.section-intro h2{margin:12px 0 18px;font-size:clamp(42px,5.2vw,72px);line-height:1.02}.occasions>.section-intro p{max-width:760px;margin-inline:auto;color:#665d51;font-size:17px;line-height:1.7}
.collection-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;overflow:visible;padding:0}
.collection-categories button{position:relative;isolation:isolate;display:flex;min-width:0;min-height:230px;aspect-ratio:1.18;align-items:flex-end;justify-content:flex-start;overflow:hidden;padding:0;border:0;border-radius:24px;background-color:#75624b;background-position:center;background-size:cover;box-shadow:0 18px 42px rgba(67,45,18,.16);color:#fff;text-align:left;transition:transform .28s ease,box-shadow .28s ease}
.collection-categories button:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(19,16,12,.02) 20%,rgba(19,16,12,.22) 54%,rgba(19,16,12,.88) 100%)}
.collection-categories button:after{content:"";position:absolute;z-index:2;inset:10px;border:1px solid rgba(255,244,216,.34);border-radius:17px;pointer-events:none}
.collection-categories button:hover{transform:translateY(-5px);box-shadow:0 25px 54px rgba(67,45,18,.24)}
.collection-categories button.active{transform:translateY(-3px);border:0;background-color:#75624b;box-shadow:0 0 0 3px #d4a84f,0 24px 52px rgba(67,45,18,.23);color:#fff}
.collection-categories .category-card-shade{position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 74% 18%,rgba(255,224,152,.28),transparent 30%)}
.collection-categories .category-card-copy{position:relative;z-index:3;display:block;width:100%;padding:25px 24px 24px}
.collection-categories .category-card-copy b{display:block;max-width:none;color:#fff;font:500 clamp(23px,2vw,31px)/1.04 Georgia,"Times New Roman",serif;text-align:left;text-shadow:0 2px 16px rgba(0,0,0,.42)}
.collection-categories .category-card-copy small{display:block;margin-top:8px;color:rgba(255,255,255,.82);font-size:11px;font-weight:650;line-height:1.35;text-shadow:0 1px 10px rgba(0,0,0,.55)}
.collection-summary{max-width:1120px;margin-inline:auto;padding-top:42px}.collection-summary .eyebrow{color:#a06e21}.collection-summary h3{font-size:clamp(36px,4vw,52px)}
@media(max-width:1100px){.collection-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-categories button{min-height:220px}}
@media(max-width:760px){.occasions{padding:76px 18px}.occasions>.section-intro{margin-bottom:34px}.occasions>.section-intro h2{font-size:43px}.occasions>.section-intro p{font-size:15px}.collection-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:visible}.collection-categories button{min-height:205px;aspect-ratio:.95;border-radius:20px}.collection-categories .category-card-copy{padding:21px 18px}.collection-categories .category-card-copy b{font-size:25px}.collection-categories button:after{inset:8px;border-radius:14px}}
@media(max-width:520px){.collection-categories{display:flex;gap:12px;margin-inline:-18px;padding:4px 18px 20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:18px}.collection-categories button{flex:0 0 min(78vw,310px);min-width:min(78vw,310px);min-height:330px;aspect-ratio:.86;scroll-snap-align:center}.collection-categories .category-card-copy{padding:25px 22px}.collection-categories .category-card-copy b{font-size:31px}.collection-categories .category-card-copy small{font-size:12px}.collection-summary{padding-top:28px}.collection-summary>span{white-space:normal}}

/* Approved occasion layout: two generous photographic moments per row. */
@media(min-width:761px){.collection-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-categories button{min-height:300px;aspect-ratio:1.48}}
@media(max-width:760px) and (min-width:521px){.collection-categories{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* A lenyíló listában minden választás a saját betűképével jelenik meg. */
.font-preview-select{min-height:48px;font-size:17px;line-height:1.35}.font-preview-select option{padding:10px 12px;font-size:18px}.font-preview-select option[value="serif"]{font-family:Georgia,serif}.font-preview-select option[value="sans"]{font-family:Arial,sans-serif}.font-preview-select option[value="script"]{font-family:"Snell Roundhand","Segoe Script",cursive}.font-preview-select option[value="classic"]{font-family:"Times New Roman",serif}.font-preview-select option[value="bold"]{font-family:Impact,"Arial Black",sans-serif;letter-spacing:.02em}
.native-font-select{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}.font-visual-picker{position:relative;width:100%}.font-visual-current,.font-visual-menu button{width:100%;border:1px solid #d7c9af;background:#fff;color:#2b251d;text-align:left;cursor:pointer}.font-visual-current{position:relative;min-height:40px;padding:7px 36px 7px 11px;border-radius:8px;font-size:15px}.font-visual-current:after{content:"⌄";position:absolute;right:12px;top:50%;transform:translateY(-55%);font:700 15px Arial,sans-serif;color:#8a6424}.font-visual-menu{position:absolute;z-index:80;top:calc(100% + 4px);left:0;right:0;padding:4px;border:1px solid #d7c9af;border-radius:10px;background:#fffdf8;box-shadow:0 14px 32px rgba(50,37,16,.19)}.font-visual-menu[hidden]{display:none}.font-visual-menu button{display:block;min-height:35px;padding:5px 9px;border:0;border-radius:7px;font-size:15px}.font-visual-menu button:hover,.font-visual-menu button[aria-selected="true"]{background:#f3ead9;color:#815a17}.font-visual-menu button+button{margin-top:1px}

/* A kétoldalas ellenőrzés a ténylegesen szerkesztett vásznak pillanatképét mutatja. */
.preview-card.has-live-snapshot{padding:0;background:#fff}.preview-card .live-card-snapshot{position:absolute;inset:0;width:100%;height:100%;min-height:0;border:0;border-radius:20px;box-shadow:none;pointer-events:none}.live-card-snapshot .drag-layer,.live-card-snapshot .bleed-zone,.live-card-snapshot .safe-zone,.live-card-snapshot .chip-safe-zone,.live-card-snapshot .canvas-hint{display:none!important}
.card-message .extra-text{margin-top:4px;font-size:.82em;line-height:1.25;opacity:.92}
.text-drag-handle{position:absolute;z-index:20;left:-11px;top:-11px;width:27px;height:27px;padding:0;border:1px solid rgba(145,104,38,.62);border-radius:50%;background:rgba(255,253,247,.82);color:transparent;box-shadow:0 3px 10px rgba(48,34,12,.14);font-size:0;cursor:grab;touch-action:none;opacity:.72;backdrop-filter:blur(4px);transition:opacity .16s ease,transform .16s ease,background .16s ease,box-shadow .16s ease}.text-drag-handle:before{content:"⠿";display:grid;height:100%;place-items:center;color:#8b672d;font:700 15px/1 Arial,sans-serif;transform:translateY(-.5px)}.text-drag-handle:hover{opacity:1;background:#fffaf0;box-shadow:0 5px 13px rgba(48,34,12,.22)}.text-drag-handle:active{cursor:grabbing;opacity:1;background:#f1e3c6}.card-message .text-drag-handle{display:none}.card-canvas:has(.card-message) .card-message:hover .text-drag-handle,.card-message.is-dragging .text-drag-handle{display:block}.live-card-snapshot .text-drag-handle{display:none!important}
#backgroundConfirm[aria-pressed="true"]{background:#4f765d;border-color:#4f765d;color:#fff;box-shadow:0 7px 16px rgba(52,99,70,.2)}
.live-card-snapshot .line-selected{outline:0!important}
.template-pair-grid[data-category="birthday"] .pair-front .product-gold{left:var(--gold-x)!important;top:var(--gold-y)!important;bottom:auto!important;width:var(--gold-w)!important;height:var(--gold-h)!important;padding:0!important;border:0!important;border-radius:4px!important;background:none!important;box-shadow:0 5px 12px rgba(31,18,3,.28)!important}.template-pair-grid[data-category="birthday"] .product-gold img{display:block;width:100%;height:100%;object-fit:fill;border-radius:4px}.birthday-card-message{position:absolute;z-index:3;left:var(--msg-x);top:var(--msg-y);width:var(--msg-w);color:var(--msg-color);font:600 clamp(13px,2vw,26px)/1.08 Georgia,serif;text-align:var(--msg-align);text-shadow:var(--msg-shadow);letter-spacing:-.015em}.birthday-card-message small{display:block;margin-top:6px;font:500 clamp(7px,.85vw,12px)/1.3 Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.runtime-done[data-done="text"][aria-pressed="true"]{background:#4f765d!important;border-color:#4f765d!important;color:#fff!important;box-shadow:0 7px 16px rgba(52,99,70,.2)}
.text-line-picker{margin:8px 0 16px!important}.text-line-picker legend{margin-bottom:8px!important}.text-line-picker>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px;border-radius:10px;background:#eee8dc}.text-line-picker button{min-width:0;padding:8px 4px;border:0;border-radius:7px;background:transparent;color:#6c6254;font-size:10px;font-weight:800;cursor:pointer}.text-line-picker button.active{background:#fff;color:#805918;box-shadow:0 3px 9px rgba(57,42,18,.10)}.card-message .line-selected{outline:1px dashed rgba(139,103,45,.72);outline-offset:4px;border-radius:3px}
.wizard-steps > .step.done:not([data-tool="ai"]):after,.wizard-steps > .step.is-complete:not([data-tool="ai"]):after,.wizard-steps > .step.runtime-complete:not([data-tool="ai"]):after{display:none!important}

/* Compact, optional AI entry point on phones. The primary numbered workflow
   keeps the visual emphasis; the full assistant opens only after a tap. */
@media(max-width:560px){
  .wizard-steps>.step[data-tool="ai"]{
    flex:0 0 54px!important;
    width:54px!important;
    min-width:54px!important;
    min-height:50px!important;
    max-height:50px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:28px auto!important;
    gap:1px!important;
    padding:4px!important;
    border-radius:12px!important;
    text-align:center!important;
    box-shadow:0 5px 14px rgba(89,62,103,.10)!important;
  }
  .wizard-steps>.step[data-tool="ai"]:before,
  .wizard-steps>.step[data-tool="ai"] small{display:none!important}
  .wizard-steps>.step[data-tool="ai"] .tool-icon.illustrated{
    grid-column:1!important;
    grid-row:1!important;
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    justify-self:center!important;
    border-radius:8px!important;
    font-size:14px!important;
    box-shadow:0 4px 10px rgba(89,62,103,.14)!important;
  }
  .wizard-steps>.step[data-tool="ai"] b{
    grid-column:1!important;
    grid-row:2!important;
    align-self:center!important;
    padding:0!important;
    font-size:7px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .control-panel>.ai-starter{
    position:relative!important;
    top:auto!important;
    margin:0 0 12px!important;
    padding:14px!important;
    border-radius:14px!important;
    box-shadow:0 7px 20px rgba(66,45,20,.10)!important;
  }
  .control-panel>.ai-starter h3{margin:8px 0 4px!important;font-size:18px!important}
  .control-panel>.ai-starter p{margin-bottom:9px!important;font-size:10px!important}
  .control-panel>.ai-starter .ai-orb{width:28px!important;height:28px!important;font-size:15px!important}
}

/* Keep the final mobile AI button styling last so older designer rules cannot override it. */
.step[data-tool="ai"]:before{display:none!important}
@media(max-width:760px){
  .mobile-primary-tools>.step[data-tool="ai"],.wizard-steps>.step[data-tool="ai"]{width:66px!important;min-width:66px!important;max-width:66px!important;min-height:58px!important;max-height:58px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;padding:5px!important;border:1px solid #9a6db6!important;border-radius:15px!important;background:linear-gradient(145deg,#efe2fa,#c99fe5)!important;color:#47235f!important;box-shadow:0 8px 18px rgba(87,42,113,.20)!important;text-align:center!important}
  .mobile-primary-tools>.step[data-tool="ai"] .tool-icon,.wizard-steps>.step[data-tool="ai"] .tool-icon.illustrated{width:30px!important;height:30px!important;min-width:30px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,#9b63bd,#61307d)!important;color:#fff!important;font-size:17px!important;line-height:1!important;box-shadow:0 5px 12px rgba(67,30,90,.25)!important}
  .mobile-primary-tools>.step[data-tool="ai"] b,.wizard-steps>.step[data-tool="ai"] b{font-size:10px!important;font-weight:900!important;line-height:1!important;letter-spacing:.06em!important}
  .mobile-primary-tools>.step[data-tool="ai"] small,.wizard-steps>.step[data-tool="ai"] small{display:none!important}
}

/* Final mobile cascade override for the real, proportional My Gold plate previews. */
@media(max-width:760px){
  .gold-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important}
  .gold-choice{grid-template-rows:96px auto auto!important;min-height:136px!important;padding:6px 2px!important}
  .gold-choice:before{display:none!important}
  .gold-choice img{grid-row:1!important;align-self:end!important;width:auto!important;object-fit:contain!important;padding:0!important;margin:0 auto!important;mix-blend-mode:normal!important}
  .gold-choice:has(input[value="025"]) img{height:40px!important;max-height:40px!important;max-width:24px!important}
  .gold-choice:has(input[value="075"]) img{height:51px!important;max-height:51px!important;max-width:34px!important}
  .gold-choice:has(input[value="200"]) img{height:67px!important;max-height:67px!important;max-width:42px!important}
  .gold-choice:has(input[value="500"]) img{height:92px!important;max-height:92px!important;max-width:62px!important}
}

/* Final category-card corrections: readable copy and full funny-card framing. */
.occasions .collection-categories button:is([data-category="baby"],[data-category="graduation"],[data-category="funny"]) .category-card-copy{
  width:calc(100% - 28px)!important;margin:0 14px 14px!important;padding:14px 16px!important;
  border:1px solid rgba(255,255,255,.46)!important;border-radius:13px!important;
  background:rgba(24,19,14,.74)!important;backdrop-filter:blur(8px)!important;
}
.occasions .collection-categories button:is([data-category="baby"],[data-category="graduation"],[data-category="funny"]) .category-card-copy b,
.occasions .collection-categories button:is([data-category="baby"],[data-category="graduation"],[data-category="funny"]) .category-card-copy small{
  color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.55)!important;
}
.occasions .collection-categories button[data-category="funny"]{
  background-size:cover!important;background-repeat:no-repeat!important;background-position:center!important;background-color:#eadcc7!important;
}

/* Final mobile tool strip: AI and plan actions stay in one slim horizontal row. */
@media(max-width:560px){
  .wizard-steps>.design-actions{
    position:relative!important;flex:0 0 228px!important;width:228px!important;min-width:228px!important;
    height:50px!important;min-height:50px!important;display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;
    align-self:auto!important;margin:0!important;padding:4px!important;border-radius:12px!important;
  }
  .wizard-steps>.design-actions .design-actions-title{display:none!important}
  .wizard-steps>.design-actions button{
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    gap:1px!important;width:auto!important;min-width:0!important;min-height:42px!important;height:42px!important;
    padding:2px!important;border-radius:9px!important;text-align:center!important;
  }
  .wizard-steps>.design-actions button i{width:20px!important;height:20px!important;flex:0 0 20px!important;border-radius:6px!important;font-size:12px!important}
  .wizard-steps>.design-actions button span{display:block!important}
  .wizard-steps>.design-actions button b{display:block!important;font-size:7px!important;line-height:1!important;white-space:nowrap!important}
  .wizard-steps>.design-actions button small{display:none!important}
}

/* Final mobile tool strip: AI and plan actions stay in one slim horizontal row. */
@media(max-width:560px){
  .wizard-steps>.design-actions{
    position:relative!important;
    flex:0 0 228px!important;
    width:228px!important;
    min-width:228px!important;
    height:50px!important;
    min-height:50px!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:4px!important;
    align-self:auto!important;
    margin:0!important;
    padding:4px!important;
    border-radius:12px!important;
  }
  .wizard-steps>.design-actions .design-actions-title{display:none!important}
  .wizard-steps>.design-actions button{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:1px!important;
    width:auto!important;
    min-width:0!important;
    min-height:42px!important;
    height:42px!important;
    padding:2px!important;
    border-radius:9px!important;
    text-align:center!important;
  }
  .wizard-steps>.design-actions button i{
    width:20px!important;height:20px!important;flex:0 0 20px!important;
    border-radius:6px!important;font-size:12px!important;
  }
  .wizard-steps>.design-actions button span{display:block!important}
  .wizard-steps>.design-actions button b{display:block!important;font-size:7px!important;line-height:1!important;white-space:nowrap!important}
  .wizard-steps>.design-actions button small{display:none!important}
}

/* On mobile, plan management continues the compact AI tile in the top tool strip. */
@media(max-width:560px){
  .wizard-steps>.design-actions{
    position:relative!important;
    flex:0 0 228px!important;
    width:228px!important;
    min-width:228px!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    align-self:stretch!important;
    margin:0!important;
    padding:17px 5px 5px!important;
    border-radius:12px!important;
  }
  .wizard-steps>.design-actions .design-actions-title{left:9px!important;top:3px!important;font-size:7px!important}
  .wizard-steps>.design-actions button{
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    gap:2px!important;
    width:auto!important;
    min-width:0!important;
    min-height:44px!important;
    padding:4px 2px!important;
    text-align:center!important;
  }
  .wizard-steps>.design-actions button i{width:22px!important;height:22px!important;flex-basis:22px!important;font-size:13px!important}
  .wizard-steps>.design-actions button span{display:block!important}
  .wizard-steps>.design-actions button b{display:block!important;font-size:8px!important;line-height:1.05!important}
  .wizard-steps>.design-actions button small{display:none!important}
  .studio-topbar{min-height:0!important;padding:8px 10px!important}
  .studio-topbar>.save-state{margin-left:auto!important}
}

/* The two mobile gateway sections share one visual rhythm and equal image boxes. */
@media(max-width:560px){
  main>.my-gold-cards>.collection-feature,
  main>.studio .studio-intro>figure{
    width:100%!important;
    height:300px!important;
    min-height:300px!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:22px!important;
    box-shadow:0 18px 42px rgba(70,46,12,.16)!important;
  }
  main>.my-gold-cards>.collection-feature img,
  main>.studio .studio-intro>figure img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  main>.studio .studio-intro{gap:18px!important;padding-top:0!important}
  main>.studio .studio-intro>div>span{
    margin:0 0 10px!important;
    color:#8e5e20!important;
    font-size:12px!important;
    font-weight:800!important;
    letter-spacing:.14em!important;
  }
  main>.studio .studio-intro>div>h2{
    margin:0 0 14px!important;
    color:#271d15!important;
    font:400 40px/1.02 Georgia,"Times New Roman",serif!important;
    letter-spacing:-.04em!important;
  }
  main>.studio .studio-intro>div>p{
    margin:0!important;
    color:#665241!important;
    font-size:15px!important;
    line-height:1.65!important;
  }
  main>.studio .studio-intro>div>#openStudio{margin-top:2px!important}
}

/* Final mobile logo lockup alignment. */
@media(max-width:560px){
  .site-header .logo{transform:translateY(7px)!important}
  .site-header .logo strong{
    color:#0f0e0c!important;
    font-weight:850!important;
    letter-spacing:.11em!important;
  }
}

/* Mobile only: enlarge the complete laptop-led designer introduction by 20%. */
@media(max-width:760px){
  main>.studio .studio-intro{gap:22px!important;margin-bottom:31px!important;padding:14px 0!important}
  main>.studio .studio-intro>figure{min-height:0!important;border-radius:29px!important}
  main>.studio .studio-intro>figure img{min-height:0!important;aspect-ratio:1.125!important;object-fit:cover!important}
  main>.studio .studio-intro>div>span{font-size:13px!important;letter-spacing:.16em!important}
  main>.studio .studio-intro>div>h2{font-size:clamp(46px,13.2vw,58px)!important;line-height:1.02!important}
  main>.studio .studio-intro>div>p{font-size:18px!important;line-height:1.55!important}
  main>.studio .studio-intro>div>#openStudio{min-height:68px!important;padding-inline:24px!important;font-size:15px!important}
}

/* Mobile text entry: use the full page height instead of a cramped nested scroller. */
@media(max-width:760px){
  main>.studio:has(#studio-editor:not([hidden]))~*{display:none!important}
  .studio-shell[data-active-step="text"]{height:auto!important;max-height:none!important;overflow:visible!important}
  .studio-shell[data-active-step="text"] .editor-grid{height:auto!important;max-height:none!important;min-height:calc(100svh - 76px)!important;overflow:visible!important}
  .studio-shell[data-active-step="text"] .control-panel{flex:0 0 auto!important;min-height:420px!important;max-height:none!important;overflow:visible!important;padding-bottom:calc(42px + env(safe-area-inset-bottom))!important}
  .studio-shell[data-active-step="text"] .editor-panel[data-editor-panel="text"]{min-height:390px!important;padding-bottom:26px!important}
  .studio-shell[data-active-step="text"] #textSettings{display:grid!important;gap:12px!important}
  .studio-shell[data-active-step="check"]{height:auto!important;max-height:none!important;overflow:visible!important}
  .studio-shell[data-active-step="check"] .editor-grid{height:auto!important;max-height:none!important;min-height:calc(100svh - 76px)!important;overflow:visible!important}
  .studio-shell[data-active-step="check"] .control-panel{flex:0 0 auto!important;min-height:390px!important;max-height:none!important;overflow:visible!important;padding-bottom:calc(42px + env(safe-area-inset-bottom))!important}
  .studio-shell[data-active-step="check"] .editor-panel[data-editor-panel="check"]{min-height:360px!important;padding-bottom:26px!important}
}

/* Landing rhythm override kept last so older mobile rules cannot collapse it. */
@media(max-width:560px){
  main>.my-gold-cards{margin-top:0!important;padding-top:28px!important;row-gap:18px!important}
  main>.my-gold-cards>.section-intro{padding:0 4px 4px!important}
  main>.my-gold-cards>.section-intro .eyebrow{display:block!important;margin-bottom:10px!important}
  main>.my-gold-cards>.collection-toggle{margin:10px auto 0!important}
  main>.studio .studio-intro{gap:20px!important;padding-top:12px!important}
  main>.studio .studio-intro>div>span{display:block!important;margin-bottom:9px!important;color:#936b28!important;font-size:11px!important;font-weight:850!important;letter-spacing:.13em!important;text-transform:uppercase!important}
  main>.studio .studio-intro>div>h2{margin-top:0!important;margin-bottom:12px!important}
  main>.studio .studio-intro>div>p{margin-bottom:0!important}
  main>.studio .studio-intro>div>#openStudio{margin:10px auto 0!important}
}

/* Final two-sided preview: optically equal depth on front and back. */
.double-preview article,
.double-preview article:first-child,
.double-preview article:last-child{
  transform:none!important;filter:none!important;
}
.double-preview .preview-card,
.double-preview .preview-card.front,
.double-preview .preview-card.back{
  border:1px solid rgba(112,86,45,.14)!important;
  box-shadow:
    0 2px 4px rgba(45,32,15,.07),
    0 16px 34px rgba(45,32,15,.15),
    0 34px 62px rgba(45,32,15,.08),
    inset 0 1px 0 rgba(255,255,255,.38)!important;
  transform:translateY(0)!important;
}
.double-preview article:hover .preview-card{
  transform:translateY(-3px)!important;
  box-shadow:
    0 3px 6px rgba(45,32,15,.08),
    0 20px 42px rgba(45,32,15,.17),
    0 40px 70px rgba(45,32,15,.09),
    inset 0 1px 0 rgba(255,255,255,.40)!important;
}
.final-decision-panel{margin-top:26px;padding:22px;border:1px solid #ded2bf;border-radius:20px;background:linear-gradient(155deg,#fffefb,#f7f0e4);box-shadow:0 16px 36px rgba(55,40,19,.09)}
.final-decision-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:17px}.final-decision-head h3{margin:4px 0 0;color:#2d271f;font:400 27px/1.1 Georgia,serif}.final-decision-head p{max-width:350px;margin:0;color:#756958;font-size:12px;line-height:1.5;text-align:right}
.preview-actions.final-actions{display:grid!important;grid-template-columns:minmax(240px,1.45fr) repeat(2,minmax(190px,1fr))!important;gap:10px!important;align-items:stretch!important}
.preview-actions.final-actions button{display:flex!important;min-width:0!important;min-height:70px!important;align-items:center!important;gap:11px!important;padding:12px 14px!important;border:1px solid #d8c8ad!important;border-radius:14px!important;background:#fffdf8!important;color:#574936!important;text-align:left!important;box-shadow:0 5px 13px rgba(56,40,17,.06)!important;cursor:pointer!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important}
.preview-actions.final-actions button:hover,.preview-actions.final-actions button:focus-visible{transform:translateY(-2px)!important;border-color:#ad8748!important;box-shadow:0 10px 22px rgba(56,40,17,.12)!important}
.preview-actions.final-actions button>span:not(.final-action-icon){display:grid!important;gap:3px!important;min-width:0!important}.preview-actions.final-actions button b{font-size:14px!important;font-weight:900!important;line-height:1.2!important}.preview-actions.final-actions button em{color:#867763!important;font-size:10px!important;font-style:normal!important;font-weight:650!important;line-height:1.3!important}.preview-actions.final-actions .final-action-icon{display:grid!important;width:36px!important;height:36px!important;flex:0 0 36px!important;place-items:center!important;border-radius:10px!important;background:#f0e4ce!important;color:#7c571d!important;font-size:19px!important;font-weight:900!important}.preview-actions.final-actions #previewSave,.preview-actions.final-actions #previewPublish{border-color:#d7c4a4!important;background:#fffdf8!important;color:#644b27!important}.preview-actions.final-actions #previewCart{min-height:78px!important;border-color:#2f5e4b!important;background:linear-gradient(135deg,#284d3f,#477463)!important;color:#fff!important;box-shadow:0 12px 24px rgba(40,77,63,.2)!important}.preview-actions.final-actions #previewCart .final-action-icon{background:rgba(255,255,255,.14)!important;color:#fff!important}.preview-actions.final-actions #previewCart b{font:700 19px/1.1 Georgia,serif!important}.preview-actions.final-actions #previewCart em{color:#dfede6!important;font-size:11px!important}.preview-actions.final-actions #previewCart>strong{margin-left:auto;font-size:22px!important}.preview-actions.final-actions #backToEdit{grid-column:1/-1!important;justify-content:center!important;min-height:38px!important;padding:8px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#746858!important;font-size:12px!important;font-weight:800!important}.preview-actions.final-actions #backToEdit:hover{transform:none!important;background:#f3ecdf!important;color:#493c2c!important}
.final-demo-note{display:flex;flex-wrap:wrap;gap:7px 16px;align-items:center;margin-top:14px;padding:10px 12px;border-radius:11px;background:#f0ece4;color:#746a5d;font-size:10px;line-height:1.4}.final-demo-note b{color:#55493b}.final-demo-note span+span:before{content:"•";margin-right:16px;color:#b49764}
.final-action-status{min-height:22px;margin:10px 0 0;color:#3f684d;font-size:12px;font-weight:750;text-align:left}
.checkout-dialog{width:min(520px,calc(100% - 24px));padding:0;border:0;border-radius:22px;background:#fffdf8;box-shadow:0 30px 90px #241a0b55}.checkout-dialog::backdrop{background:rgba(30,25,18,.58);backdrop-filter:blur(5px)}
.checkout-card{position:relative;display:grid;gap:14px;padding:34px}.checkout-card h2{margin:0;font:400 34px/1.05 Georgia,serif}.checkout-card p{margin:0;color:#6c6255;font-size:13px;line-height:1.55}.checkout-card label{display:grid;gap:6px;color:#4e4438;font-size:12px;font-weight:800}.checkout-card input{width:100%;padding:12px;border:1px solid #d9cdbb;border-radius:10px;background:#fff;font:inherit}.checkout-card small{min-height:20px;color:#477055;line-height:1.4}
@media(max-width:700px){.preview-dialog{max-height:92dvh!important;overflow-y:auto!important;overscroll-behavior:contain}.final-decision-panel{margin:18px -18px -18px;padding:16px 18px calc(16px + env(safe-area-inset-bottom));border:0;border-top:1px solid #dfd4c3;border-radius:0;background:rgba(250,247,240,.98);box-shadow:0 -12px 28px rgba(42,35,25,.1)}.final-decision-head{display:block;margin-bottom:13px}.final-decision-head h3{font-size:22px}.final-decision-head p{margin-top:6px;text-align:left}.preview-actions.final-actions{grid-template-columns:1fr!important}.preview-actions.final-actions button{width:100%!important}.preview-actions.final-actions #previewCart{order:1}.preview-actions.final-actions #previewSave{order:2}.preview-actions.final-actions #previewPublish{order:3}.preview-actions.final-actions #backToEdit{order:4}.final-demo-note{display:grid;gap:3px}.final-demo-note span+span:before{display:none}.final-action-status{text-align:left}.checkout-dialog{max-height:92dvh;overflow-y:auto}.checkout-card{padding:30px 22px}}

/* Correct the two opposite mobile spacing issues: more room below the hero,
   less room before the two primary gateway buttons. */
@media(max-width:560px){
  main>.my-gold-cards{padding-top:40px!important;row-gap:11px!important}
  main>.my-gold-cards>.section-intro{padding-bottom:2px!important}
  main>.my-gold-cards>.collection-toggle{margin:2px auto 0!important}
  main>.studio .studio-intro{gap:12px!important;padding-top:12px!important}
  main>.studio .studio-intro>div>#openStudio{margin:2px auto 0!important}
}

/* Final mobile header alignment. */
@media(max-width:560px){.site-header .logo{transform:translateY(7px)!important}}

/* Birthday templates use three independently styled, editor-compatible lines. */
.birthday-card-message>b{display:block;font:600 clamp(13px,2vw,26px)/1.08 Georgia,serif;transform:rotate(var(--line-rotate,0deg));transform-origin:left center}
.birthday-card-message>small{color:var(--line-color,var(--msg-color));transform:rotate(var(--line-rotate,0deg));transform-origin:left center}
.birthday-card-message>em{display:block;margin-top:7px;color:var(--line-color,var(--msg-color));font:500 clamp(9px,1.15vw,17px)/1.1 "Segoe Script",cursive;transform:rotate(var(--line-rotate,0deg));transform-origin:left center}

/* The 18th-birthday back is a fixed, centred brand/certificate composition. */
.template-pair[data-template="18-szuletesnap"] .embedded-certificate{inset:15% 23%;gap:7px;border-color:rgba(231,215,173,.72);background:rgba(4,21,49,.48);color:#e7d7ad;box-shadow:0 14px 34px rgba(0,0,0,.28)}
.template-pair[data-template="18-szuletesnap"] .embedded-certificate>b{font-size:clamp(13px,2vw,24px);letter-spacing:.12em}
.template-pair[data-template="18-szuletesnap"] .embedded-certificate>i{order:3;width:34px;height:34px}.template-pair[data-template="18-szuletesnap"] .embedded-certificate>em{order:4}
.card-canvas[data-side="back"] .certificate[data-layout="birthday-center"]{left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;width:42%!important;transform:translate(-50%,-50%)!important;grid-template-columns:1fr!important;grid-template-areas:"logo" "eyebrow" "title" "qr" "meta" "signature" "url"!important;justify-items:center!important;text-align:center!important;padding:14px!important;border:1px solid rgba(231,215,173,.58)!important;border-radius:10px!important;background:rgba(4,21,49,.42)!important;backdrop-filter:blur(3px)}
.card-canvas[data-side="back"] .certificate[data-layout="birthday-center"]>b{font-size:clamp(10px,1.6vw,18px)!important;letter-spacing:.12em}.card-canvas[data-side="back"] .certificate[data-layout="birthday-center"]>span{width:48px!important;margin:5px auto!important}.card-canvas[data-side="back"] .certificate[data-layout="birthday-center"]>em{width:70%!important;text-align:center!important}

/* One completion mark only, readable side groups, and an unmistakable photo icon. */
.wizard-side-group .runtime-state,
.wizard-side-group .step:after,
.wizard-side-group .step-number:after{
  display:none!important;
  content:none!important;
}
.wizard-side-title{color:#51483c!important;font-weight:850!important}
.wizard-side-title span{border-color:#9b7432!important;background:#fff!important;color:#79551d!important}
.wizard-side-group.side-active{border-color:#b48943!important;background:#f5ead5!important}
.wizard-side-group.side-active .wizard-side-title{color:#382d20!important}
.wizard-side-group .step:not(.runtime-complete){
  border-color:#cbbda7!important;background:#fffdf9!important;color:#27231e!important;
}
.wizard-side-group .step:not(.runtime-complete) small{color:#645d53!important}
.wizard-side-group .step.runtime-complete .step-number:after{display:none!important;content:none!important}
.icon-background{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop stop-color='%23c9e7e8'/%3E%3Cstop offset='1' stop-color='%237aabb2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='96' height='96' rx='20' fill='url(%23g)'/%3E%3Ccircle cx='69' cy='27' r='10' fill='%23fff3bd'/%3E%3Cpath d='M10 78 35 45l15 18 11-12 25 27Z' fill='%234f7770'/%3E%3Cpath d='M10 78 35 55l13 13 11-10 27 20Z' fill='%23f5eee0' fill-opacity='.9'/%3E%3Crect x='10' y='10' width='76' height='76' rx='14' fill='none' stroke='%23fff' stroke-opacity='.8' stroke-width='3'/%3E%3C/svg%3E")!important;
  background-size:cover!important;background-position:center!important;
}

/* Keep the card visible at the top while editing the certificate on mobile. */
@media(max-width:560px){
  .studio-shell[data-active-step="check"] .canvas-stage{
    order:1!important;position:sticky!important;top:74px!important;z-index:20!important;
    padding:8px 8px 6px!important;background:#f5f1e8!important;
  }
  .studio-shell[data-active-step="check"] .control-panel{order:2!important;padding-top:8px!important}
  .studio-shell[data-active-step="check"] .card-canvas{width:min(100%,430px)!important}
  .studio-shell[data-active-step="check"] .canvas-hint{display:none!important}
  .studio-shell[data-active-step="check"] .editor-panel[data-editor-panel="check"]>.eyebrow,
  .studio-shell[data-active-step="check"] .editor-panel[data-editor-panel="check"]>h3,
  .studio-shell[data-active-step="check"] .editor-panel[data-editor-panel="check"]>.panel-help{display:none!important}
}

/* Tight, even mobile section rhythm: no dark gutter below the carousel. */
@media(max-width:560px){
  main>.hero{
    height:320px!important;min-height:320px!important;max-height:320px!important;
    margin-bottom:0!important;padding-bottom:0!important;background-color:transparent!important;
  }
  main>.my-gold-cards{
    margin-top:0!important;padding-top:14px!important;row-gap:10px!important;
  }
  main>.my-gold-cards>.section-intro{margin:0!important;padding:0 0 8px!important}
  main>.my-gold-cards>.collection-feature{margin:0!important}
  main>.my-gold-cards>.collection-toggle{margin:0 auto!important}
  main>.studio .studio-intro{gap:10px!important;margin-bottom:20px!important}
  main>.studio .studio-intro>figure{margin:0!important}
  main>.studio .studio-intro>div>#openStudio{margin:0!important}
}

/* Stronger, more colourful production story without losing the premium tone. */
.why.process-section{
  background:
    radial-gradient(circle at 8% 12%,rgba(72,163,156,.15),transparent 28%),
    radial-gradient(circle at 92% 18%,rgba(218,145,105,.18),transparent 30%),
    linear-gradient(180deg,#fffaf1 0%,#f3eee4 100%)!important;
}
.process-heading .eyebrow{color:#2d817a!important;font-size:13px!important}
.process-heading h2{color:#201b16!important;text-shadow:0 2px 0 #fff!important}
.process-heading h2 br+*{color:#a56e1d!important}
.process-step{border-width:2px!important;box-shadow:0 16px 38px rgba(52,40,23,.13)!important}
.process-step:nth-child(1),.process-step:nth-child(4){border-color:#69aaa5!important;background:linear-gradient(155deg,#fff 46%,#e1f2ef)!important}
.process-step:nth-child(2),.process-step:nth-child(5){border-color:#df9a76!important;background:linear-gradient(155deg,#fff 46%,#f8e4da)!important}
.process-step:nth-child(3),.process-step:nth-child(6){border-color:#c79a43!important;background:linear-gradient(155deg,#fff 46%,#f4e8c9)!important}
.process-step:nth-child(1) .process-photo>span,.process-step:nth-child(4) .process-photo>span{background:#287b75!important}
.process-step:nth-child(2) .process-photo>span,.process-step:nth-child(5) .process-photo>span{background:#b86443!important}
.process-step:nth-child(3) .process-photo>span,.process-step:nth-child(6) .process-photo>span{background:#9a6c1e!important}

/* Mobile completion bar: readable status, side switch, then the full-width action. */
@media(max-width:560px){
  .studio-footer{
    display:grid!important;grid-template-columns:1fr!important;gap:10px!important;
    width:100%!important;padding:12px!important;align-items:stretch!important;
  }
  .studio-footer>div:first-child{
    width:100%!important;padding:10px 12px!important;border:1px solid #dfd4c2!important;
    border-radius:11px!important;background:#faf7f1!important;
  }
  .studio-footer>div:first-child b{font-size:12px!important;color:#315942!important}
  .studio-footer>div:first-child span{margin-top:3px!important;font-size:9px!important;line-height:1.35!important;white-space:normal!important}
  .studio-footer .canvas-side-tabs{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important}
  .studio-footer .canvas-side-tabs button{min-width:0!important;width:100%!important;padding:9px 6px!important;font-size:12px!important}
  .studio-footer #previewButton{width:100%!important;min-height:54px!important;white-space:normal!important;text-align:center!important}
  .studio-footer #previewButton small{display:block!important;margin-top:4px!important;font-size:8px!important;line-height:1.3!important}
}

/* Definitive mobile seam and CTA alignment — must remain the final override. */
@media(max-width:560px){
  main>.hero{
    box-sizing:border-box!important;height:288px!important;min-height:288px!important;max-height:288px!important;
    flex:0 0 288px!important;margin:0!important;padding:0!important;overflow:hidden!important;
  }
  main>.hero .hero-image,main>.hero .hero-image img{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;
    object-fit:cover!important;border:0!important;border-radius:0!important;
  }
  main>.my-gold-cards{
    position:relative!important;z-index:2!important;margin:-1px 0 0!important;padding-top:0!important;
  }
  main>.my-gold-cards>.section-intro{padding-top:14px!important}
  main>.my-gold-cards>.collection-toggle,
  main>.studio .studio-intro>div>#openStudio{
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:calc(100% - 24px)!important;max-width:360px!important;margin:0 auto!important;
    text-align:center!important;align-self:center!important;justify-self:center!important;
  }
}
.certificate-contrast-warning{margin:8px 0 12px;padding:9px 11px;border:1px solid #d8cbb6;border-radius:10px;background:#f8f4ec;color:#5f655d;font-size:11px;line-height:1.4}.certificate-contrast-warning.show{border-color:#d6a443;background:#fff5dc;color:#775014;font-weight:750}
.studio-topbar{align-items:center;background:linear-gradient(90deg,#fffdf9,#faf4e9)}.design-actions{position:relative;gap:7px;padding:22px 7px 7px;border:1px solid #dfd0b6;border-radius:16px;background:rgba(255,255,255,.82);box-shadow:0 8px 22px rgba(77,55,20,.09)}.design-actions-title{position:absolute;left:12px;top:5px;color:#8a6a36;font-size:8px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.design-actions button{display:flex;align-items:center;gap:8px;min-width:128px;min-height:47px;padding:7px 10px!important;border:1px solid #d9c8a9!important;border-radius:11px!important;background:#fff!important;color:#4c4030!important;text-align:left;box-shadow:0 3px 9px rgba(61,44,17,.07);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.design-actions button:hover{transform:translateY(-2px);border-color:#a77b32!important;box-shadow:0 7px 16px rgba(61,44,17,.14)}.design-actions button i{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#f2e8d7;color:#956b29;font:800 17px/1 Arial,sans-serif}.design-actions button span{display:grid;gap:1px}.design-actions button b{font-size:11px;line-height:1.1}.design-actions button small{color:#837765;font-size:8px;line-height:1.15;white-space:nowrap}.design-actions .design-save-primary{border-color:#aa7a29!important;background:linear-gradient(135deg,#b98329,#96651d)!important;color:#fff!important}.design-actions .design-save-primary i{background:rgba(255,255,255,.18);color:#fff}.design-actions .design-save-primary small{color:#f7ead0}
@media(max-width:900px){.design-actions{width:100%;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:22px}.design-actions button{min-width:0}.studio-topbar{flex-wrap:wrap}}@media(max-width:560px){.design-actions{grid-template-columns:1fr}.design-actions button{width:100%}}
.studio-topbar>.design-actions{margin-right:auto}.studio-topbar>.save-state{margin-left:auto;padding:8px 11px;border:1px solid #e2d9ca;border-radius:999px;background:#fff;color:#6f685d;white-space:nowrap}@media(max-width:900px){.studio-topbar>.save-state{margin-left:auto;order:2}.studio-topbar>.design-actions{order:1}}@media(max-width:560px){.studio-topbar>.save-state{max-width:100%;white-space:normal;text-align:right}}
.card-canvas[data-side="back"] .certificate{left:auto;right:7%;top:17%;bottom:auto;width:31%;min-width:0;display:grid;grid-template-columns:26px minmax(0,1fr) 32px;grid-template-rows:auto auto auto auto;grid-template-areas:"logo eyebrow qr" "logo title qr" "logo meta qr" "signature signature url";column-gap:7px;row-gap:1px;padding:7px 8px!important;border:1px solid currentColor!important;border-radius:7px!important;background:rgba(255,255,255,.10)!important;box-shadow:none!important;backdrop-filter:blur(1.5px)}
.card-canvas[data-side="back"] .certificate>div:first-child{grid-area:logo;position:relative;left:auto;top:auto;width:26px;height:26px;align-self:center;transform:none;opacity:.9}.card-canvas[data-side="back"] .certificate>div:first-child:after{inset:0;border:1px solid currentColor;border-radius:5px}.card-canvas[data-side="back"] .certificate>div:first-child img{width:19px;height:19px;filter:none;opacity:1}.card-canvas[data-side="back"] .certificate>small:nth-of-type(1){grid-area:eyebrow;font-size:4px}.card-canvas[data-side="back"] .certificate>b{grid-area:title;font-size:7px;line-height:1.05}.card-canvas[data-side="back"] .certificate>small:nth-of-type(2){grid-area:meta;margin-top:1px;font-size:4px;line-height:1.15}.card-canvas[data-side="back"] .certificate>span{grid-area:qr;width:29px;align-self:center;background-size:6px 6px}.card-canvas[data-side="back"] .certificate>span:after{font-size:4px}.card-canvas[data-side="back"] .certificate>em{grid-area:signature;width:72%;margin-top:4px;padding-top:3px;font-size:4px}.card-canvas[data-side="back"] .certificate>small:nth-of-type(3){grid-area:url;font-size:4px}
.card-canvas[data-side="back"] .certificate[data-layout="top-left"]{left:7%;right:auto;top:12%;bottom:auto}.card-canvas[data-side="back"] .certificate[data-layout="top-center"]{left:50%;right:auto;top:12%;bottom:auto;transform:translateX(-50%)}.card-canvas[data-side="back"] .certificate[data-layout="top-right"]{left:auto;right:7%;top:12%;bottom:auto}.card-canvas[data-side="back"] .certificate[data-layout="bottom-left"]{left:7%;right:auto;top:auto;bottom:12%}.card-canvas[data-side="back"] .certificate[data-layout="bottom-center"]{left:50%;right:auto;top:auto;bottom:12%;transform:translateX(-50%)}.card-canvas[data-side="back"] .certificate[data-layout="bottom-right"]{left:auto;right:7%;top:auto;bottom:12%}
.certificate-preview{width:31%!important;padding:7px!important;border:1px solid currentColor!important;border-radius:7px!important;display:grid;grid-template-columns:minmax(0,1fr) 30px;column-gap:7px}.certificate-preview:before{content:"MG";display:grid;place-items:center;width:24px;height:24px;margin-bottom:3px;border:1px solid currentColor;border-radius:5px;font:700 10px Georgia,serif}.certificate-preview span{grid-column:2;grid-row:1/5;width:28px!important;align-self:center}.certificate-preview b{font-size:7px}.certificate-preview small,.certificate-preview em{font-size:4px}
@media(max-width:560px){.card-canvas[data-side="back"] .certificate{width:34%;grid-template-columns:22px minmax(0,1fr) 27px;padding:5px 6px!important;column-gap:5px}.card-canvas[data-side="back"] .certificate>div:first-child{width:22px;height:22px}.card-canvas[data-side="back"] .certificate>div:first-child img{width:16px;height:16px}.card-canvas[data-side="back"] .certificate>span{width:25px}}
.wizard-side-group{display:grid;gap:7px;padding:10px 6px 12px;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:rgba(255,255,255,.025)}.wizard-side-group+.wizard-side-group{margin-top:8px}.wizard-side-title{display:flex;align-items:center;gap:8px;padding:1px 7px 6px;color:#aaa398;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.wizard-side-title span{display:grid;width:22px;height:22px;place-items:center;border:1px solid #8f7d5e;border-radius:7px;color:#d6b46e;font-size:9px}.wizard-side-group.side-active{border-color:rgba(211,171,91,.38);background:rgba(211,171,91,.07)}.wizard-side-group.side-active .wizard-side-title{color:#f1dfbb}.wizard-side-group .step{width:100%}.wizard-side-group .runtime-state{grid-column:2;margin-top:2px;color:#999187;font-size:8px;font-style:normal}.wizard-side-group .step.runtime-complete{background:rgba(83,128,93,.26);color:#f2fff4}.wizard-side-group .step.runtime-complete .runtime-state{color:#a9d5b2}
.wizard-side-group.side-active{background:rgba(255,255,255,.025)}.wizard-side-group .step.active:not(.runtime-complete){background:rgba(190,140,54,.16);box-shadow:inset 0 0 0 1px rgba(218,174,94,.42)}.wizard-side-group .step.runtime-complete .step-number{background:#548160!important;color:#fff!important;border-color:#7eac88!important}.wizard-side-group .step:not(.runtime-complete) .step-number{background:transparent;color:#d8bc7c}
.wizard-side-group .step-number:after{display:none!important}
@media(max-width:900px){.wizard-side-group{display:flex;flex:0 0 auto;align-items:stretch}.wizard-side-title{writing-mode:vertical-rl;justify-content:center;padding:5px 2px}.wizard-side-group .step{min-width:124px}}
.card-canvas[data-side="back"] .gold-chip,.card-canvas[data-side="back"] .chip-safe-zone{display:none!important}
.card-canvas[data-side="back"] .certificate{width:17%;grid-template-columns:17px minmax(0,1fr) 21px;column-gap:3px;padding:4px!important;border-radius:4px!important}.card-canvas[data-side="back"] .certificate>div:first-child{width:17px;height:17px}.card-canvas[data-side="back"] .certificate>div:first-child img{width:12px;height:12px}.card-canvas[data-side="back"] .certificate>span{width:20px;background-size:4px 4px}.card-canvas[data-side="back"] .certificate>small:nth-of-type(1){font-size:2.6px}.card-canvas[data-side="back"] .certificate>b{font-size:4.5px}.card-canvas[data-side="back"] .certificate>small:nth-of-type(2),.card-canvas[data-side="back"] .certificate>small:nth-of-type(3),.card-canvas[data-side="back"] .certificate>em{font-size:2.5px}.card-canvas[data-side="back"] .certificate>em{margin-top:2px;padding-top:2px}
.card-canvas[data-side="back"] .certificate[data-layout="top-left"]{left:2%;right:auto;top:3%;bottom:auto}.card-canvas[data-side="back"] .certificate[data-layout="top-center"]{left:50%;right:auto;top:3%;bottom:auto;transform:translateX(-50%)}.card-canvas[data-side="back"] .certificate[data-layout="top-right"]{left:auto;right:2%;top:3%;bottom:auto;grid-template-areas:"qr eyebrow logo" "qr title logo" "qr meta logo" "url signature signature"}.card-canvas[data-side="back"] .certificate[data-layout="bottom-left"]{left:2%;right:auto;top:auto;bottom:3%}.card-canvas[data-side="back"] .certificate[data-layout="bottom-center"]{left:50%;right:auto;top:auto;bottom:3%;transform:translateX(-50%)}.card-canvas[data-side="back"] .certificate[data-layout="bottom-right"]{left:auto;right:2%;top:auto;bottom:3%;grid-template-areas:"qr eyebrow logo" "qr title logo" "qr meta logo" "url signature signature"}
.certificate-preview{width:17%!important;padding:4px!important;grid-template-columns:minmax(0,1fr) 20px;column-gap:3px}.certificate-preview:before{width:17px;height:17px;font-size:7px}.certificate-preview span{width:19px!important}.certificate-preview b{font-size:4.5px}.certificate-preview small,.certificate-preview em{font-size:2.5px}
@media(max-width:560px){.card-canvas[data-side="back"] .certificate{width:19%;grid-template-columns:15px minmax(0,1fr) 18px;padding:3px!important}.card-canvas[data-side="back"] .certificate>div:first-child{width:15px;height:15px}.card-canvas[data-side="back"] .certificate>span{width:17px}}
.canvas-stage{perspective:1200px}.card-canvas{border:1px solid rgba(116,91,48,.10);box-shadow:0 3px 8px rgba(62,45,20,.06),0 18px 42px rgba(53,39,18,.13),0 38px 75px rgba(53,39,18,.07);transform:translateZ(0);transition:box-shadow .3s ease,transform .3s ease}.card-canvas:hover{box-shadow:0 4px 10px rgba(62,45,20,.07),0 22px 48px rgba(53,39,18,.15),0 42px 82px rgba(53,39,18,.08)}
.double-preview{perspective:1500px;perspective-origin:50% 42%}.double-preview article{transform-style:preserve-3d}.double-preview article:first-child{transform:rotateY(5deg) rotateX(1.2deg) translateZ(8px)}.double-preview article:last-child{transform:rotateY(-5deg) rotateX(1.2deg) translateZ(8px)}.double-preview .preview-card{border:1px solid rgba(107,82,42,.11);box-shadow:0 8px 18px rgba(45,32,15,.10),0 30px 58px rgba(45,32,15,.20),0 55px 90px rgba(45,32,15,.09);transition:transform .35s ease,box-shadow .35s ease}.double-preview article:hover .preview-card{transform:translateY(-4px);box-shadow:0 10px 22px rgba(45,32,15,.11),0 36px 68px rgba(45,32,15,.22),0 62px 100px rgba(45,32,15,.10)}
@media(max-width:700px){.double-preview article:first-child,.double-preview article:last-child{transform:rotateY(0) rotateX(.8deg)}.double-preview .preview-card{box-shadow:0 7px 16px rgba(45,32,15,.10),0 24px 48px rgba(45,32,15,.17)}}
@media(prefers-reduced-motion:reduce){.card-canvas,.double-preview .preview-card{transition:none}.double-preview article:first-child,.double-preview article:last-child{transform:none}}
.wizard-side-group .step{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:9px;min-height:68px;padding:10px;border:1px solid #ded4c4!important;border-radius:12px;background:#fbf8f1!important;color:#403a31!important;box-shadow:0 3px 9px rgba(43,34,20,.05)}.wizard-side-group .step .tool-icon{display:none!important}.wizard-side-group .step .step-number{position:static!important;grid-column:1;grid-row:1/4;align-self:center;width:28px!important;height:28px!important;display:grid!important;place-items:center;border:1px solid #cdbfaa;border-radius:50%;background:#fff!important;color:#80632e!important;font-size:12px!important;line-height:1!important}.wizard-side-group .step b{grid-column:2;grid-row:1;margin:0;color:inherit;font-size:12px}.wizard-side-group .step small{grid-column:2;grid-row:2;margin-top:2px;color:#7c7469;font-size:9px}.wizard-side-group .step .runtime-state{grid-column:2;grid-row:3!important;display:block!important;width:auto!important;height:auto!important;margin-top:3px!important;color:#92897c;font-size:8px!important}.wizard-side-group .step:not(.runtime-complete){border-color:#ded4c4!important;background:#fbf8f1!important;color:#403a31!important}.wizard-side-group .step.active:not(.runtime-complete){border-color:#b68a40!important;background:#fffdf8!important;box-shadow:inset 0 0 0 1px #e1c994,0 5px 12px rgba(70,49,18,.08)}.wizard-side-group .step.runtime-complete{border-color:#9bb7a2!important;background:#e7f0e9!important;color:#284432!important}.wizard-side-group .step.runtime-complete .step-number{background:#557762!important;border-color:#557762!important;color:#fff!important;font-size:13px!important;font-weight:900!important}.wizard-side-group .step.runtime-complete .runtime-state{color:#4e7458!important}.wizard-side-group .step:after,.wizard-side-group .step-number:after{display:none!important;content:none!important}
.double-preview article:first-child,.double-preview article:last-child{transform:none!important}.double-preview .preview-card{transform:none!important}
.my-gold-cards>.collection-toggle{justify-self:center;width:min(100%,390px);min-height:71px;margin-top:20px!important;padding:0 38px;border:0;background:linear-gradient(135deg,#2f473f,#527064);color:#fff;font-size:15px;box-shadow:0 13px 28px rgba(45,75,64,.20)}.my-gold-cards>.collection-toggle:hover{background:linear-gradient(135deg,#263e36,#5b7b6e);box-shadow:0 17px 34px rgba(45,75,64,.27)}
.studio-intro #openStudio{min-height:60px;padding:0 34px;font-size:14px;box-shadow:0 14px 30px rgba(153,101,17,.24)}
@media(min-width:901px){.occasions .collection-browser{max-width:1240px;margin-inline:auto}.occasions .collection-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.occasions .collection-categories button{min-height:340px;aspect-ratio:auto;border-radius:26px}.occasions .collection-categories .category-card-copy{padding:28px 25px}.occasions .collection-categories .category-card-copy b{font-size:30px}}
@media(max-width:560px){.my-gold-cards>.collection-toggle,.studio-intro #openStudio{width:100%;min-height:56px;padding-inline:20px}}
.back-to-categories{display:inline-flex;align-items:center;gap:9px;margin:0 0 24px;padding:10px 16px;border:1px solid #b78a3f;border-radius:999px;background:#fffdf8;color:#815a1d;font-size:12px;font-weight:850;cursor:pointer;box-shadow:0 6px 16px rgba(65,46,17,.07)}.back-to-categories:hover{transform:translateX(-2px);background:#f5ecdd}.back-to-categories[hidden]{display:none!important}.collection-browser.category-focused .collection-categories{display:none!important}.collection-browser.category-focused .collection-summary{margin-top:0}.collection-browser.category-focused .template-pair-grid{animation:categoryReveal .28s ease both}@keyframes categoryReveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.occasions>.section-intro h2{max-width:1050px;margin-inline:auto!important;color:#7d571d;font-family:"Snell Roundhand","Segoe Script","Brush Script MT",cursive!important;font-size:clamp(48px,6vw,84px)!important;font-weight:700!important;line-height:1.08!important;letter-spacing:-.025em!important;text-shadow:0 2px 0 rgba(255,255,255,.85),0 7px 18px rgba(117,78,20,.12)}
.occasions>.section-intro h2{font-family:"Noteworthy","Segoe Print","Bradley Hand",cursive!important;font-weight:650!important;letter-spacing:-.035em!important}
.occasions>.section-intro h2{max-width:980px;color:#171512!important;font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(46px,5.4vw,76px)!important;font-weight:400!important;line-height:1.03!important;letter-spacing:-.045em!important;text-shadow:none!important}.occasions>.section-intro h2 span,.occasions>.section-intro h2 em{display:block}.occasions>.section-intro h2 span{color:#171512}.occasions>.section-intro h2 em{margin-top:6px;color:#a87726;font-style:normal;font-weight:500}
@media(max-width:760px){.occasions>.section-intro h2{font-size:clamp(42px,11vw,60px)!important;line-height:1.12!important}}

/* My Gold Cards occasion gateway — warm editorial bridge into the designer. */
.my-gold-cards{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#e8d7c0 0%,#fff8ec 44%,#ead2b2 100%)!important}
.my-gold-cards:before,.my-gold-cards:after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);pointer-events:none}
.my-gold-cards:before{width:460px;height:460px;left:-190px;top:-210px;background:radial-gradient(circle,rgba(255,255,255,.9),rgba(255,255,255,0) 70%)}
.my-gold-cards:after{width:560px;height:560px;right:-230px;bottom:-320px;background:radial-gradient(circle,rgba(178,112,60,.22),rgba(178,112,60,0) 70%)}
.my-gold-cards .occasion-hero{position:relative;overflow:hidden;border:1px solid rgba(255,248,231,.75);border-radius:28px;background:#c99f72;box-shadow:0 28px 65px rgba(84,52,22,.22),inset 0 0 0 1px rgba(255,255,255,.22)}
.my-gold-cards .occasion-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.18),transparent 42%,rgba(112,61,22,.08));pointer-events:none}
.my-gold-cards .occasion-hero img{width:100%;height:100%;min-height:460px;display:block;object-fit:cover;object-position:center}
.my-gold-cards .occasion-hero figcaption{position:absolute;z-index:2;left:22px;bottom:20px;padding:9px 14px;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:rgba(45,28,15,.48);backdrop-filter:blur(10px);color:#fff7e9;font-size:11px;letter-spacing:.03em}
.my-gold-cards .section-intro{align-self:center;padding:32px clamp(4px,2vw,28px)}
.my-gold-cards .section-intro .eyebrow{color:#8e5e20}
.my-gold-cards .section-intro h2{max-width:650px;color:#271d15;font-size:clamp(40px,4.5vw,66px);line-height:1.02;letter-spacing:-.04em}
.my-gold-cards .section-intro p{max-width:590px;color:#665241;font-size:16px;line-height:1.7}
@media(max-width:900px){.my-gold-cards .occasion-hero img{min-height:340px}.my-gold-cards .section-intro{padding:10px 2px 22px}.my-gold-cards .section-intro h2{font-size:clamp(38px,8vw,58px)}}
@media(max-width:560px){.my-gold-cards{padding-inline:18px!important}.my-gold-cards .occasion-hero{border-radius:22px}.my-gold-cards .occasion-hero img{min-height:300px}.my-gold-cards .occasion-hero figcaption{left:14px;right:14px;bottom:13px;text-align:center}.my-gold-cards .section-intro h2{font-size:40px}}

/* Per-slide opening story: light typography in the calm upper-left image area. */
.hero{align-items:start!important;justify-items:start!important;text-align:left!important}
.hero:after{background:linear-gradient(90deg,rgba(12,13,14,.72) 0%,rgba(12,13,14,.40) 34%,rgba(12,13,14,.05) 61%,transparent 76%)!important}
.hero-copy,.hero[data-slide="1"] .hero-copy{position:absolute;z-index:3;top:clamp(62px,8vh,104px);left:clamp(24px,6vw,104px);width:min(610px,42vw)!important;margin:0!important;padding:0!important;text-align:left!important;text-shadow:0 3px 22px rgba(0,0,0,.62)!important}
.hero h1{margin:0 0 20px!important;color:#fff8e9!important;font-size:clamp(42px,4.8vw,76px)!important;line-height:1.01!important;letter-spacing:-.035em!important;text-transform:none!important}
.hero h1 em{display:inline!important;color:#e5bd6e!important;font-style:normal}
.hero-copy>p{max-width:540px!important;margin:0!important;color:rgba(255,250,239,.91)!important;font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;font-size:clamp(15px,1.2vw,19px)!important;font-weight:500!important;line-height:1.55!important}
.hero-pager{position:static!important;justify-content:flex-start!important;transform:none!important;margin-top:25px!important}
.hero-pager button{background:rgba(255,255,255,.40)!important}.hero-pager button.active{background:#e7bf70!important}
@media(max-width:900px){.hero-copy,.hero[data-slide="1"] .hero-copy{top:42px;left:26px;width:min(620px,72vw)!important}.hero h1{font-size:clamp(38px,7vw,58px)!important}.hero:after{background:linear-gradient(90deg,rgba(12,13,14,.72),rgba(12,13,14,.24) 62%,transparent)!important}}
@media(max-width:560px){.hero-copy,.hero[data-slide="1"] .hero-copy{top:30px;left:18px;width:calc(100% - 36px)!important}.hero h1{font-size:39px!important}.hero-copy>p{max-width:92%!important;font-size:14px!important}.hero:after{background:linear-gradient(180deg,rgba(12,13,14,.78) 0%,rgba(12,13,14,.38) 43%,transparent 72%)!important}}
.hero[data-slide="0"] .hero-copy{top:11%;left:5.5%;width:min(540px,36vw)!important}
.hero[data-slide="1"] .hero-copy{top:9%;left:5.5%;width:min(560px,38vw)!important}
.hero[data-slide="2"] .hero-copy{top:7%;left:5%;width:min(520px,34vw)!important}
.hero[data-slide="2"] h1{font-size:clamp(38px,4vw,64px)!important}
.hero[data-slide="3"] .hero-copy{top:10%;left:5%;width:min(535px,35vw)!important}
.hero[data-slide="3"] h1{font-size:clamp(38px,4.2vw,66px)!important}
.hero[data-slide="4"] .hero-copy{top:9%;left:5%;width:min(530px,35vw)!important}
.hero[data-slide="5"] .hero-copy{top:8%;left:5%;width:min(560px,36vw)!important}
.hero[data-slide="8"] .hero-copy{top:14%;left:5.5%;width:min(570px,38vw)!important}
.hero[data-slide="8"] .hero-copy:before{content:"ÚJ · AI KÁRTYATERVEZŐ";display:inline-flex;margin:0 0 16px;padding:7px 12px;border:1px solid rgba(239,204,126,.72);border-radius:999px;background:rgba(12,45,37,.68);box-shadow:0 8px 24px rgba(0,0,0,.22);color:#f2d38e;font:800 11px/1 Inter,ui-sans-serif,sans-serif;letter-spacing:.15em;text-shadow:0 2px 10px rgba(0,0,0,.55);backdrop-filter:blur(10px)}
.hero[data-slide="8"] h1{font-family:Georgia,"Times New Roman",serif!important;font-weight:500!important;letter-spacing:-.025em!important;text-shadow:0 3px 4px rgba(0,0,0,.52),0 12px 34px rgba(0,0,0,.58)!important}
.hero[data-slide="8"] .hero-copy>p{max-width:500px!important;padding-left:14px;border-left:2px solid rgba(226,184,101,.8);text-shadow:0 2px 12px rgba(0,0,0,.68)!important}
@media(max-width:900px){.hero[data-slide="8"] .hero-copy{top:7%;left:5%;width:min(580px,64vw)!important}}
@media(max-width:560px){.hero[data-slide="8"]:before{background-position:61% center!important}.hero[data-slide="8"] .hero-copy{top:28px;left:18px;width:calc(100% - 36px)!important}.hero[data-slide="8"] .hero-copy:before{margin-bottom:12px;padding:6px 10px;font-size:9px}.hero[data-slide="8"] h1{max-width:330px;font-size:clamp(35px,10.8vw,45px)!important;line-height:1.02!important}.hero[data-slide="8"] .hero-copy>p{max-width:310px!important;font-size:13px!important;line-height:1.45!important}}
.hero[data-slide="5"] h1{font-size:clamp(37px,4vw,64px)!important}
.hero[data-slide="6"] .hero-copy{top:7%;left:4.5%;width:min(500px,33vw)!important}
.hero[data-slide="6"] h1{font-size:clamp(36px,3.8vw,60px)!important}
.hero[data-slide="7"] .hero-copy{top:7%;left:4.5%;width:min(500px,33vw)!important}
.hero[data-slide="7"] h1{font-size:clamp(36px,3.8vw,60px)!important}
@media(max-width:900px){.hero[data-slide] .hero-copy{top:38px;left:26px;width:min(610px,68vw)!important}.hero[data-slide] h1{font-size:clamp(38px,6.6vw,55px)!important}}
@media(max-width:560px){.hero[data-slide] .hero-copy{top:28px;left:18px;width:calc(100% - 36px)!important}.hero[data-slide] h1{font-size:37px!important}}
.process-heading{margin-bottom:38px}.process-flow{max-width:1080px;gap:17px}.process-step{border-radius:18px;padding-bottom:18px;box-shadow:0 12px 30px rgba(66,49,28,.08)}.process-photo{aspect-ratio:1.68;margin-bottom:16px}.process-photo>span{left:12px;top:11px;width:34px;height:34px;font-size:11px}.process-step h3,.process-step p{margin-left:18px;margin-right:18px}.process-step h3{font-size:21px}.process-step p{font-size:12px;line-height:1.48}
.product-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1080px;margin:32px auto 0}.product-trust article{display:grid;grid-template-columns:52px 1fr;gap:13px;padding:20px;border:1px solid #e0d2bc;border-radius:17px;background:rgba(255,255,255,.72);box-shadow:0 9px 24px rgba(66,49,28,.06)}.product-trust article>span{display:grid;width:48px;height:48px;place-items:center;border:1px solid #bd9145;border-radius:15px;color:#8e641f;font:700 13px Georgia,serif}.product-trust h3{margin:0 0 6px;font:500 18px/1.15 Georgia,serif}.product-trust p{margin:0;color:#6d6255;font-size:11px;line-height:1.55}
@media(max-width:900px){.process-flow,.product-trust{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.product-trust{grid-template-columns:1fr}.process-flow{max-width:390px}.process-step{padding-bottom:18px}}

/* Final certificate interaction state — deliberately last to prevent later overrides. */
.card-canvas[data-side="back"] .certificate,
.card-canvas[data-side="back"] .certificate:hover{
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.card-canvas[data-side="back"] .certificate.is-dragging,
.card-canvas[data-side="back"] .certificate.is-dragging:hover{
  border:1px dashed rgba(151,108,39,.78)!important;
  background:rgba(255,253,246,.10)!important;
  box-shadow:0 5px 16px rgba(50,35,15,.12)!important;
}
/* Direct image manipulation: move on canvas, scale and rotate from corners. */
.legacy-image-sliders{display:none!important}
.compact-image-tools>p{margin:.25rem 0 .8rem;color:#6d6254;line-height:1.45}
.image-corner-handle{position:absolute;z-index:18;width:38px;height:38px;border-radius:50%;border:1px solid rgba(177,130,45,.55);background:rgba(255,255,255,.94);color:#8a611f;box-shadow:0 5px 16px rgba(42,31,15,.18);font-size:1.15rem;display:grid;place-items:center;cursor:grab;touch-action:none}
.image-scale-handle{right:12px;bottom:12px}
.image-rotate-handle{right:12px;top:12px}
.image-corner-handle[hidden]{display:none!important}
.card-canvas.image-editable #userImage{cursor:move;touch-action:none}
.card-canvas.image-transforming .image-corner-handle{cursor:grabbing;background:#fff8e9}

/* Clearly visible front/back selector in the white studio footer. */
.studio-footer{background:#fff}
.studio-footer .canvas-side-tabs{display:flex;gap:6px;padding:5px;border:1px solid #d9cdb9;border-radius:13px;background:#fff;box-shadow:0 4px 14px rgba(42,35,25,.09)}
.studio-footer .canvas-side-tabs button{min-width:128px;padding:11px 18px;border:1px solid transparent;background:#fff;color:#171511;font-size:14px;font-weight:700;box-shadow:none}
.studio-footer .canvas-side-tabs button b{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:7px;border:1px solid #b9aa90;border-radius:50%;color:#171511;font-size:12px}
.studio-footer .canvas-side-tabs button.active{background:#f1e5c9;color:#171511;border-color:#bd8b34;box-shadow:0 3px 10px rgba(137,96,24,.16)}
.studio-footer .canvas-side-tabs button.active b{background:#171511;color:#fff;border-color:#171511}
.studio-footer #previewButton.preview-locked,.panel-preview-button.preview-locked{background:#d8d3c9!important;color:#736d63!important;cursor:not-allowed!important;box-shadow:none!important;opacity:.8}
.studio-footer #previewButton small{display:block;margin-top:3px;color:inherit;font-size:10px;font-weight:600}
.control-panel .runtime-done.chip-lock{display:block;width:100%;min-height:46px;margin-top:18px;padding:12px 16px;border:1px solid #aa7725;border-radius:11px;background:linear-gradient(135deg,#c89536,#a76c14);color:#fff;font-size:13px;font-weight:800;box-shadow:0 7px 17px rgba(139,94,20,.18);cursor:pointer}
.control-panel .runtime-done.chip-lock:hover{filter:brightness(1.04);transform:translateY(-1px)}

/* Mobile step flow: one clear confirmation action and unobscured next-step heading. */
@media (max-width:760px){
  .editor-panel[data-editor-panel="side"] #chipLock,
  .editor-panel[data-editor-panel="side"] .runtime-done[data-done="side"]{display:none!important}
  .mobile-chip-confirm{font-size:0!important}
  .mobile-chip-confirm::after{content:"Rendben, a lapkát rögzítem";font-size:15px;font-weight:850}
  .editor-panel[data-editor-panel]{scroll-margin-top:92px}
  .editor-panel[data-editor-panel]>.eyebrow{width:max-content;margin-bottom:10px;padding:7px 12px;border:1px solid rgba(184,135,47,.35);border-radius:999px;background:linear-gradient(135deg,#fff7df,#f3dfab);color:#765016;font-size:12px;font-weight:900;letter-spacing:.08em;box-shadow:0 6px 16px rgba(126,84,16,.1)}
  .editor-panel[data-editor-panel]>h3{margin-top:0;font-size:1.45rem}
  #textSettings[data-lines="1"]>:is(label:nth-of-type(2),label:nth-of-type(3),.text-line-picker),
  #textSettings[data-lines="2"]>label:nth-of-type(3){display:none!important}
  #textSettings[data-lines="2"]>.text-line-picker,
  #textSettings[data-lines="3"]>.text-line-picker{display:block!important}
  .add-text-line{width:100%;min-height:48px;margin:10px 0 14px;border:1px dashed #b8872f;border-radius:12px;background:#fffaf0;color:#765016;font-size:14px;font-weight:850}
  .add-text-line[hidden]{display:none!important}
  #textSettings>:is(.type-controls,label,fieldset){margin-top:12px}
}
.certificate .certificate-weight,.certificate-preview .certificate-weight{display:block;grid-area:title;margin:0;color:inherit;font:800 clamp(12px,1.6vw,22px)/1 Georgia,serif;letter-spacing:.02em}.certificate>small:nth-of-type(2){grid-area:meta}.certificate-preview .certificate-weight{font-size:18px}
.control-panel label:has(#fontSize),.control-panel label:has(#textRotate){display:none!important}.text-corner-handle{position:absolute;z-index:24;width:30px;height:30px;padding:0;display:grid;place-items:center;border:1px solid rgba(177,130,45,.62);border-radius:50%;background:rgba(255,255,255,.95);color:#8a611f;box-shadow:0 4px 13px rgba(42,31,15,.2);font:700 15px/1 Arial,sans-serif;cursor:grab;touch-action:none}.text-corner-handle[hidden]{display:none!important}.text-corner-handle:active{cursor:grabbing;background:#fff5df}.card-message.is-transforming-text .text-corner-handle{box-shadow:0 5px 16px rgba(42,31,15,.28)}.live-card-snapshot .text-corner-handle{display:none!important}

/* Sections must never remain blurred when moved or scrolled into view. */
.scroll-story,.scroll-story.is-visible{opacity:1!important;filter:none!important;transform:none!important}

/* Mobile tool cards: keep their footprint, let the illustration fill it. */
@media (max-width:760px){
  .studio-shell>.wizard-steps{display:none!important}
  .mobile-primary-tools{display:grid;grid-template-columns:84px minmax(0,1fr);gap:6px;padding:8px 10px;border-bottom:1px solid #e3d8c5;background:#fffdf9}
  .mobile-primary-tools>.step[data-tool="ai"]{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0!important;min-height:58px!important;padding:4px!important;border:1px solid #c9b2d7!important;border-radius:12px!important;text-align:center!important}
  .mobile-primary-tools>.step[data-tool="ai"] .tool-icon{width:25px!important;height:25px!important;border-radius:7px!important;font-size:14px!important}
  .mobile-primary-tools>.step[data-tool="ai"] b{font-size:9px!important;line-height:1!important}.mobile-primary-tools>.step[data-tool="ai"] small{display:none!important}
  .mobile-primary-tools>.design-actions{position:static!important;width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;margin:0!important;padding:4px!important;border-radius:12px!important}
  .mobile-primary-tools>.design-actions .design-actions-title{display:none!important}
  .mobile-primary-tools>.design-actions button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;min-width:0!important;width:100%!important;min-height:50px!important;padding:3px!important;text-align:center!important}
  .mobile-primary-tools>.design-actions button i{width:22px!important;height:22px!important;flex:0 0 22px!important;font-size:13px!important}.mobile-primary-tools>.design-actions button b{font-size:8px!important;white-space:nowrap!important}.mobile-primary-tools>.design-actions button small{display:none!important}
  .mobile-step-back{display:block;width:max-content;margin:0 0 14px;padding:8px 11px;border:1px solid #d5c4a6;border-radius:10px;background:#fff;color:#694a1a;font-size:11px;font-weight:800}
  .editor-grid{display:flex!important;flex-direction:column!important}
  .canvas-stage{order:1!important}.control-panel{order:2!important}
  .mobile-canvas-step{display:grid;width:100%;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;margin:0 0 12px;padding:10px 12px;border:1px solid rgba(184,135,47,.28);border-radius:14px;background:linear-gradient(135deg,#fffaf0,#f3e2bb);color:#2d261c;text-align:left;box-shadow:0 7px 18px rgba(102,70,19,.09)}
  .mobile-canvas-step span{display:grid;place-items:center;min-width:74px;min-height:32px;padding:6px 10px;border-radius:999px;background:#a97825;color:#fff;font-size:11px;font-weight:900;letter-spacing:.06em;box-shadow:0 4px 10px rgba(115,74,12,.18)}.mobile-canvas-step b{font:600 19px/1.15 Georgia,serif}
  .mobile-step-guidance{width:100%;margin:-3px 0 11px;padding:0 4px;color:#665b4d;font-size:12px;font-weight:700;line-height:1.4;text-align:left}
  .editor-panel:not([data-editor-panel="ai"])>.eyebrow,.editor-panel:not([data-editor-panel="ai"])>h3,.editor-panel:not([data-editor-panel="ai"])>.panel-help{display:none!important}
  #backgroundConfirm,[data-done="text"],#certificateConfirm{display:none!important}
  .mobile-stage-confirm:not([hidden]){display:flex!important;width:100%;min-height:52px;margin-top:14px;align-items:center;justify-content:center;border:0;border-radius:14px;background:linear-gradient(135deg,#b77d16,#d3a33d);color:#fff;font-size:14px;font-weight:850;box-shadow:0 10px 24px rgba(153,101,17,.2)}
  .mobile-stage-confirm:disabled{background:#d8d1c5!important;color:#746d63!important;box-shadow:none!important;cursor:not-allowed!important}
  .wizard-side-group .wizard-side-title{display:none!important}
  .wizard-side-group:not(.side-active){display:none!important}
  .wizard-side-group .runtime-state{display:none!important}
  .wizard-side-group .step{grid-template-columns:58px minmax(0,1fr)!important;min-height:68px!important;padding:5px 8px!important;column-gap:8px!important}
  .wizard-side-group .step .tool-icon.illustrated{display:block!important;grid-column:1!important;grid-row:1/4!important;width:54px!important;height:54px!important;align-self:center!important;border-radius:13px!important;background-image:url('assets/editor-tool-sprite.png')!important;background-size:500% 100%!important;background-repeat:no-repeat!important;box-shadow:0 6px 15px rgba(55,42,23,.2)!important}
  .wizard-side-group .step .step-number{display:none!important}
  .wizard-side-group .step b,.wizard-side-group .step small,.wizard-side-group .step .runtime-state{grid-column:2!important}
}
@media (min-width:761px){.mobile-primary-tools,.mobile-step-back,.mobile-canvas-step,.mobile-step-guidance,.mobile-stage-confirm{display:none!important}}
@media (max-width:390px){
  .wizard-side-group .step{grid-template-columns:52px minmax(0,1fr)!important}
  .wizard-side-group .step .tool-icon.illustrated{width:48px!important;height:48px!important}
}
.occasions[hidden]{display:none!important}
.my-gold-cards,.my-gold-cards>#occasions{overflow-anchor:none}
.upload-control{position:relative;min-height:82px!important;justify-content:flex-start!important;gap:12px!important;padding:12px 14px!important;border:1px solid #c59643!important;background:linear-gradient(135deg,#fffdf8,#f8e8c7)!important;box-shadow:0 8px 20px rgba(132,91,24,.12)!important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.upload-control:hover,.upload-control:focus-within{border-color:#82550d!important;background:linear-gradient(135deg,#fffaf0,#f1d9a9)!important;box-shadow:0 12px 28px rgba(132,91,24,.17)!important}
.upload-photo-icon{width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px;border-radius:13px;background:#a87524;color:#fff;box-shadow:0 6px 14px rgba(112,74,16,.2)}
.upload-photo-icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.upload-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.upload-copy strong{color:#68450f;font-size:13px}.upload-copy small{margin-top:4px;color:#7b6a50;font-size:9px;font-weight:650}
.upload-action{margin-left:auto;padding:8px 10px;border-radius:9px;background:#8d611c;color:#fff;font-size:10px;font-weight:850;white-space:nowrap}
@media(max-width:560px){.upload-control{min-height:84px!important}.upload-photo-icon{width:46px;height:46px;flex-basis:46px;font-size:28px}.upload-copy strong{font-size:14px}.upload-copy small{font-size:10px}}
.faq{background:radial-gradient(circle at 12% 8%,rgba(215,187,123,.16),transparent 28%),linear-gradient(180deg,#fbf7ef,#fffdf9)}
.faq .faq-list{display:grid;gap:12px;max-width:960px;border:0}
.faq .faq-list details{overflow:hidden;border:1px solid rgba(166,124,53,.2);border-radius:16px;background:rgba(255,255,255,.86);box-shadow:0 10px 28px rgba(67,48,22,.06);transition:border-color .18s ease,box-shadow .18s ease}
.faq .faq-list details[open]{border-color:rgba(166,124,53,.44);box-shadow:0 16px 38px rgba(67,48,22,.1)}
.faq .faq-list summary{padding:21px 68px 21px 22px;font-size:20px}
.faq .faq-list summary:after{right:18px;top:50%;width:32px;height:32px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid rgba(165,117,36,.34);border-radius:50%;background:#fff9ee;font:24px/1 Georgia,serif}
.faq .faq-list details p{max-width:none;padding:0 68px 24px 22px}
@media(max-width:560px){.faq .faq-list{gap:10px}.faq .faq-list summary{padding:17px 58px 17px 17px;font-size:17px;line-height:1.3}.faq .faq-list summary:after{right:14px;width:30px;height:30px}.faq .faq-list details p{padding:0 17px 20px;font-size:13px;line-height:1.65}}
.community-grid .community-card{aspect-ratio:1.586/1;overflow:hidden;border-radius:13px;background:#eee4d6;box-shadow:0 16px 34px rgba(43,31,15,.18)}
.community-grid .community-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.business-expanded{align-items:center}.business-expanded .business-copy p{margin:18px 0 0;color:rgba(255,255,255,.72)}.business-use-cases{display:flex;flex-wrap:wrap;gap:9px}.business-use-cases span{padding:8px 11px;border:1px solid rgba(240,201,119,.34);border-radius:999px;background:rgba(255,255,255,.06);color:#f3dfb5;font-size:11px;font-weight:750}
.business-expanded{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)!important;align-items:start!important}.business-visual{position:relative;grid-column:1/-1;overflow:hidden;margin:0 0 8px;border-radius:22px;box-shadow:0 24px 56px rgba(0,0,0,.3)}.business-visual img{display:block;width:100%;aspect-ratio:2.2/1;object-fit:cover}.business-visual figcaption{position:absolute;left:20px;bottom:18px;padding:9px 13px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(19,24,21,.64);color:#f5e4bd;font-size:11px;backdrop-filter:blur(8px)}.business-details{grid-column:1/-1;margin-top:4px;border-top:1px solid rgba(240,201,119,.26)}.business-details summary{width:max-content;margin:20px 0 0;padding:12px 20px;border-radius:999px;background:#f4ede0;color:#211d18;font-weight:800;cursor:pointer;list-style:none}.business-details summary::-webkit-details-marker{display:none}.business-details>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.business-details article{padding:20px;border:1px solid rgba(240,201,119,.2);border-radius:16px;background:rgba(255,255,255,.06)}.business-details b{color:#f0c977;font:500 20px Georgia,serif}.business-details p{margin:8px 0 0;color:#d8d1c7;font-size:11px;line-height:1.55}
@media(max-width:760px){.business-expanded{grid-template-columns:1fr!important;align-items:stretch}.business-visual{grid-column:1}.business-visual img{aspect-ratio:1.45/1}.business-visual figcaption{left:12px;right:12px;bottom:11px;text-align:center}.business-use-cases{gap:7px}.business-use-cases span{font-size:10px}.business-details{grid-column:1}.business-details>div{grid-template-columns:1fr}}

/* Light, compact corporate teaser. Details stay closed until explicitly requested. */
.business.business-expanded{display:block!important;max-width:1440px;margin:56px auto 90px;padding:0 5vw;border-radius:0;background:transparent;color:var(--ink)}
.business-teaser{display:grid;grid-template-columns:minmax(300px,.92fr) minmax(360px,1.08fr);align-items:center;gap:clamp(28px,5vw,72px);overflow:hidden;padding:clamp(20px,3vw,38px);border:1px solid rgba(151,108,39,.22);border-radius:24px;background:linear-gradient(135deg,#fffdf8 0%,#f6eddc 58%,#efe0bd 100%);box-shadow:0 20px 60px rgba(76,52,20,.1)}
.business-expanded .business-visual{grid-column:auto;margin:0;border-radius:18px;box-shadow:0 16px 38px rgba(55,37,16,.16)}
.business-expanded .business-visual img{width:100%;aspect-ratio:1.62/1;object-fit:cover;object-position:center;filter:saturate(.82) contrast(.96) brightness(1.05)}
.business-expanded .business-copy h2{max-width:680px;margin:12px 0 0;color:#251e16;font-size:clamp(34px,3.6vw,56px)}
.business-expanded .business-copy p{max-width:650px;margin:18px 0 0;color:#695b49;font-size:15px;line-height:1.75}
.business-expanded .business-details{margin:16px 0 0;border:0}
.business-expanded .business-details summary{width:100%;min-height:72px;margin:0;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid rgba(151,108,39,.3);border-radius:16px;background:#fffaf0;color:#2d2419;box-shadow:0 10px 28px rgba(76,52,20,.07);list-style:none;cursor:pointer}
.business-expanded .business-details summary span{font-weight:850}.business-expanded .business-details summary small{color:#88765e;font-size:11px;font-weight:650;letter-spacing:.02em;text-align:right}
.business-expanded .business-details summary:after{content:"+";width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border:1px solid rgba(151,108,39,.35);border-radius:50%;color:#9b6b1f;font:24px/1 Georgia,serif}
.business-expanded .business-details[open] summary:after{content:"–"}
.business-expanded .business-detail-body{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:22px;margin-top:16px;padding:clamp(18px,3vw,34px);border:1px solid rgba(151,108,39,.19);border-radius:22px;background:#fbf6ec}
.business-expanded .business-use-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.business-expanded .business-use-cases article{position:relative;min-height:260px;overflow:hidden;padding:0;border:1px solid rgba(151,108,39,.2);border-radius:18px;background:#241d16;box-shadow:0 14px 32px rgba(76,52,20,.12)}
.business-expanded .business-use-cases img{display:block;width:100%;height:100%;min-height:260px;object-fit:cover;transition:filter .2s ease}
.business-expanded .business-use-cases article:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(24,18,12,.2) 52%,rgba(24,18,12,.92) 100%);pointer-events:none}
.business-expanded .business-use-cases article>div{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:22px}
.business-expanded .business-use-cases b{display:block;color:#f4d58b;font:500 24px/1.1 Georgia,serif}
.business-expanded .business-use-cases p{margin:8px 0 0;color:rgba(255,255,255,.84);font-size:11px;line-height:1.55}
.business-expanded .business-inspiration{margin:0;border-color:rgba(151,108,39,.22);background:#fff;box-shadow:0 16px 42px rgba(61,42,17,.1)}
.business-expanded .business-inspiration img{aspect-ratio:16/9;object-fit:cover}
.business-expanded .business-inspiration figcaption{padding:12px 16px;background:#fff;color:#73644f}
.business-scale{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(420px,1.28fr);gap:34px;align-items:center;padding:clamp(24px,3vw,38px);border:1px solid rgba(151,108,39,.2);border-radius:20px;background:linear-gradient(140deg,#fffefa,#f6eddd);box-shadow:0 14px 34px rgba(76,52,20,.07)}
.business-scale h3{margin:8px 0;color:#2a2117;font:400 clamp(27px,3vw,40px)/1.12 Georgia,serif}.business-scale p{margin:12px 0 0;color:#71634f;font-size:12px;line-height:1.65}
.business-scale-card{position:relative;width:min(100%,560px);aspect-ratio:85.6/53.98;margin:auto;padding:8% 6% 16%;display:flex;align-items:flex-end;justify-content:center;gap:6%;border:1px solid rgba(127,91,29,.28);border-radius:20px;background:linear-gradient(rgba(154,112,42,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(154,112,42,.055) 1px,transparent 1px),linear-gradient(145deg,#fffaf0,#eadfc9);background-size:22px 22px,22px 22px,auto;box-shadow:0 15px 34px rgba(55,38,17,.1)}
.business-scale-card:before{content:"85,60 × 53,98 mm · bankkártya méret";position:absolute;left:18px;top:15px;color:#8d744d;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.scale-chip{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border:1px solid #b7842c;border-radius:6px;background:linear-gradient(135deg,#f5dc8f,#c98d27);color:#51360d;box-shadow:0 7px 15px rgba(94,61,10,.18)}
.scale-chip b{font-size:9px;line-height:1}.scale-chip small{position:absolute;top:calc(100% + 8px);left:50%;display:block;width:max-content;transform:translateX(-50%);color:#6d5a3b;font-size:8px;font-weight:750;white-space:nowrap}.scale-chip-025{width:10.5%;aspect-ratio:9/15.1}.scale-chip-075{width:14.72%;aspect-ratio:12.6/19.2}.scale-chip-2{width:18.34%;aspect-ratio:15.7/25.5}.scale-chip-5{width:26.87%;aspect-ratio:23/35}.scale-chip-2 b{font-size:10px}.scale-chip-5 b{font-size:12px}
.business-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.business-process article{position:relative;min-height:142px;padding:22px;border:1px solid rgba(151,108,39,.18);border-radius:17px;background:linear-gradient(145deg,#fff,#faf4e9);box-shadow:0 9px 24px rgba(76,52,20,.055)}.business-process article:before{content:"";position:absolute;left:22px;top:0;width:38px;height:3px;border-radius:0 0 5px 5px;background:#c39748}.business-process b{color:#8d611c;font:500 19px Georgia,serif}.business-process p{margin:10px 0 0;color:#71634f;font-size:11px;line-height:1.65}
@media(max-width:760px){
  .business.business-expanded{margin:32px auto 42px;padding:0 18px}
  .business-teaser{grid-template-columns:1fr;gap:16px;padding:14px;border-radius:20px}
  .business-expanded .business-visual{border-radius:14px;box-shadow:0 12px 28px rgba(55,37,16,.13)}
  .business-expanded .business-visual img{aspect-ratio:1.82/1;object-position:center 54%}
  .business-expanded .business-copy{padding:0 3px 4px}
  .business-expanded .business-copy h2{font-size:clamp(28px,8.4vw,34px);line-height:1.08}
  .business-expanded .business-copy p{margin-top:12px;font-size:12px;line-height:1.62}
  .business-expanded .business-details{margin-top:12px}
  .business-expanded .business-details summary{min-height:58px;padding:11px 14px;border-radius:14px}
  .business-expanded .business-details summary span{font-size:13px}
  .business-expanded .business-details summary small{display:none}
  .business-expanded .business-details summary:after{width:28px;height:28px;flex-basis:28px}
  .business-expanded .business-detail-body{gap:14px;margin-top:12px;padding:14px;border-radius:18px}
  .business-expanded .business-use-cases{grid-template-columns:1fr;gap:10px}
  .business-expanded .business-use-cases article{min-height:210px}
  .business-expanded .business-use-cases img{min-height:210px}
  .business-expanded .business-use-cases article>div{padding:17px}
  .business-expanded .business-use-cases b{font-size:22px}
  .business-expanded .business-inspiration img{aspect-ratio:1.586/1;object-fit:cover}
  .business-expanded .business-inspiration figcaption{padding:10px 12px;font-size:9px;line-height:1.45}
  .business-scale{grid-template-columns:1fr;gap:18px;padding:15px}
  .business-scale h3{font-size:27px}
  .business-scale-card{max-width:390px;border-radius:13px}
  .business-process{grid-template-columns:1fr;gap:9px}
  .business-process article{padding:15px}
  .business-process b{font-size:17px}
  .business.business-expanded + .faq{padding-top:52px}
}
@media(max-width:390px){
  .business.business-expanded{padding:0 14px}
  .business-teaser{padding:12px}
  .business-expanded .business-copy h2{font-size:28px}
  .business-expanded .business-details summary{padding:10px 12px}
}
.my-gold-cards>#occasions{grid-area:cards;width:100%;max-width:none;margin:24px 0 0;padding:42px 0 0;border-top:1px solid rgba(137,96,28,.2)}
.my-gold-cards{scroll-margin-top:88px;overflow-anchor:none}
.occasions .collection-categories button[data-category="birthday"]{background-image:url('assets/occasion-vignettes/birthday-card-v2.png')!important;background-size:cover!important;background-position:center 60%!important}
.occasions .collection-categories button:is([data-category="baby"],[data-category="graduation"]){background-size:cover!important;background-position:center!important}
.occasions .collection-categories button:is([data-category="baby"],[data-category="graduation"],[data-category="funny"]) .category-card-copy{width:calc(100% - 28px);margin:0 14px 14px;padding:14px 16px!important;border:1px solid rgba(255,255,255,.45);border-radius:13px;background:rgba(24,19,14,.72)!important;backdrop-filter:blur(8px)}
.occasions .collection-categories button:is([data-category="baby"],[data-category="graduation"],[data-category="funny"]) .category-card-copy b,.occasions .collection-categories button:is([data-category="baby"],[data-category="graduation"],[data-category="funny"]) .category-card-copy small{color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.5)!important}
.occasions .collection-categories button[data-category="funny"]{background-size:cover!important;background-repeat:no-repeat!important;background-position:center!important;background-color:#eadcc7!important}
.occasion-quote blockquote{max-width:1050px;margin:0 auto;padding:20px 28px;border-top:1px solid rgba(132,101,45,.25);border-bottom:1px solid rgba(132,101,45,.25);color:#332b21;font:400 clamp(27px,3.1vw,46px)/1.25 Georgia,"Times New Roman",serif;letter-spacing:-.025em;text-align:center}.occasion-quote blockquote em{color:#9d7026;font-style:italic}

/* Mobile occasion gallery: compact product-first scenes with consistently legible titles. */
@media(max-width:560px){
  .occasions .collection-categories{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:13px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  .occasions .collection-categories button{
    flex:none!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    aspect-ratio:1.62!important;
    border-radius:18px!important;
    background-size:cover!important;
    background-position:center 48%!important;
    scroll-snap-align:none!important;
    box-shadow:0 12px 28px rgba(67,45,18,.14)!important;
  }
  .occasions .collection-categories button:before{
    background:linear-gradient(180deg,rgba(16,13,10,.02) 28%,rgba(16,13,10,.24) 58%,rgba(16,13,10,.88) 100%)!important;
  }
  .occasions .collection-categories button:after{
    inset:7px!important;
    border-radius:13px!important;
    border-color:rgba(255,244,216,.42)!important;
  }
  .occasions .collection-categories .category-card-copy{
    padding:36px 17px 15px!important;
    background:linear-gradient(180deg,transparent,rgba(15,12,9,.7));
  }
  .occasions .collection-categories .category-card-copy b{
    color:#fff8eb!important;
    font:500 24px/1.05 Georgia,"Times New Roman",serif!important;
    letter-spacing:-.02em!important;
    text-shadow:0 2px 14px rgba(0,0,0,.72)!important;
  }
  .occasions .collection-categories .category-card-copy small{
    max-width:30ch!important;
    margin-top:5px!important;
    color:#e7c781!important;
    font-size:10px!important;
    line-height:1.35!important;
    text-shadow:0 1px 10px rgba(0,0,0,.8)!important;
  }
}

/* Air between the mobile hero carousel and the My Gold Cards heading. */
@media(max-width:560px){
  main>.my-gold-cards{
    margin-top:-1px!important;
    padding-top:46px!important;
  }
  main>.my-gold-cards>.section-intro{
    padding-top:0!important;
  }
}

/* Unified editorial trust panel replacing four separate boxes. */
.product-trust{display:grid!important;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr)!important;gap:clamp(34px,6vw,84px)!important;max-width:1180px!important;margin:54px auto 0!important;padding:clamp(32px,5vw,64px)!important;border:0!important;border-radius:30px!important;background:linear-gradient(135deg,#17261f 0%,#243a30 58%,#3d3424 100%)!important;box-shadow:0 24px 60px rgba(31,39,29,.2)!important;color:#fff}.product-trust>header{align-self:center}.product-trust>header>span{color:#d9b770;font-size:10px;font-weight:900;letter-spacing:.2em}.product-trust>header h2{margin:13px 0 16px;font:400 clamp(30px,3.2vw,46px)/1.04 Georgia,serif}.product-trust>header h2 em{color:#e1bd72;font-style:normal}.product-trust>header p{max-width:360px;margin:0;color:#d6d7d1;font-size:13px;line-height:1.65}.product-trust-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px}.product-trust article{display:grid!important;grid-template-columns:54px 1fr!important;gap:15px!important;padding:22px 0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.16)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.product-trust article:nth-last-child(-n+2){border-bottom:0!important}.product-trust article>span{display:grid!important;width:50px!important;height:50px!important;place-items:center;border:1px solid rgba(225,189,114,.7)!important;border-radius:50%!important;color:#e1bd72!important;font:700 13px Georgia,serif!important}.product-trust h3{margin:0 0 7px!important;color:#fff!important;font:500 18px/1.15 Georgia,serif!important}.product-trust article p{margin:0!important;color:#c9cbc4!important;font-size:11px!important;line-height:1.6!important}@media(max-width:900px){.product-trust{grid-template-columns:1fr!important}.product-trust>header p{max-width:620px}}@media(max-width:560px){.product-trust{padding:28px 22px!important}.product-trust-list{grid-template-columns:1fr}.product-trust article:nth-last-child(2){border-bottom:1px solid rgba(255,255,255,.16)!important}}
.trust-qr-demo{display:flex;align-items:center;gap:14px;width:max-content;margin:24px 0 0;padding:10px 16px 10px 10px;border:1px solid rgba(225,189,114,.38);border-radius:18px;background:rgba(255,255,255,.07);box-shadow:0 12px 28px rgba(0,0,0,.16);transform:rotate(-1.5deg)}.trust-qr-demo img{display:block;width:66px;height:66px;padding:5px;border-radius:10px;background:#fff}.trust-qr-demo figcaption{display:grid;gap:2px}.trust-qr-demo b{color:#f2d291;font:500 16px Georgia,serif}.trust-qr-demo small{color:#c8cbc4;font-size:10px;white-space:nowrap}@media(max-width:560px){.trust-qr-demo{width:100%;transform:none}.trust-qr-demo small{white-space:normal}}

/* Requested emphasis: larger designer introduction and plan management. */
@media(min-width:761px){
  .studio-intro{grid-template-columns:minmax(420px,1.2fr) minmax(320px,.8fr)!important;max-width:1416px!important;gap:50px!important;margin-bottom:50px!important}
  .studio-intro>figure{border-radius:29px;min-height:432px}
  .studio-intro>figure img{min-height:432px}
  .studio-intro h2{font-size:clamp(37px,4.95vw,67px)!important}
  .studio-intro>div p{font-size:18px!important}
  .studio-intro #openStudio{min-height:68px;padding-inline:40px;font-size:15px}
  .design-actions{gap:8px;padding:24px 8px 8px;border-radius:18px}
  .design-actions-title{left:13px;top:5px;font-size:9px}
  .design-actions button{min-width:141px;min-height:52px;padding:8px 11px!important;border-radius:12px!important}
  .design-actions button i{flex-basis:33px;width:33px;height:33px;border-radius:10px;font-size:19px}
  .design-actions button b{font-size:12px}
  .design-actions button small{font-size:9px}
}

/* Final certificate and studio scale overrides — intentionally last. */
.studio-shell{zoom:1.1;width:90.909%;margin-inline:auto}
.card-canvas[data-side="back"] .certificate,
.certificate-preview{grid-template-areas:"logo" "eyebrow" "title" "signature" "qr" "weight" "meta" "url"!important}
.card-canvas[data-side="back"] .certificate>.certificate-weight,
.certificate-preview>.certificate-weight{grid-area:weight!important;margin:5px 0 0!important;color:inherit!important;font:600 4.5px/1.2 "Helvetica Neue",Arial,sans-serif!important;letter-spacing:.035em!important;white-space:nowrap}
.card-canvas[data-side="back"] .certificate>small:nth-of-type(2),
.certificate-preview>small:nth-of-type(2){grid-area:meta!important;display:grid!important;gap:1px;justify-items:center;color:inherit!important;font:600 3.4px/1.25 "Helvetica Neue",Arial,sans-serif!important;letter-spacing:.025em}
.certificate-karat{display:block!important;background:transparent!important;border:0!important;color:inherit!important;white-space:nowrap}
@media(max-width:760px){.studio-shell{zoom:1;width:100%}}

/* Verified at a 390px mobile viewport: never allow the absolute hero to collapse. */
@media(max-width:560px){
  main>.hero{width:100%!important;min-width:100%!important;max-width:100%!important;margin:0!important;flex:0 0 320px!important}
  main>.hero .hero-image{width:100%!important;min-width:100%!important}
  main>.hero .hero-copy{width:44vw!important;min-width:150px!important;max-width:174px!important}
  .site-header .logo{grid-column:1!important;grid-row:1!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important}
  .site-header .logo img{width:56px!important;height:56px!important}
  .site-header .logo strong{display:block!important;margin:0!important;font-size:12px!important;line-height:1!important;letter-spacing:.12em!important;text-align:left!important;white-space:nowrap!important}
  main>.hero:after{background:linear-gradient(90deg,rgba(11,13,13,.72) 0%,rgba(11,13,13,.45) 34%,rgba(11,13,13,.08) 54%,transparent 70%)!important}
  main>.hero .hero-copy,main>.hero[data-slide] .hero-copy{
    left:14px!important;
    top:24px!important;
    width:44vw!important;
    min-width:150px!important;
    max-width:174px!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:none!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    text-align:left!important;
    text-shadow:0 2px 14px rgba(0,0,0,.62)!important;
  }
  main>.hero h1,main>.hero[data-slide] h1{margin:0 0 9px!important;color:#fff8eb!important;font-size:clamp(22px,6.4vw,28px)!important;line-height:1.02!important;letter-spacing:-.025em!important}
  main>.hero h1 em,main>.hero[data-slide] h1 em{color:#edc875!important}
  main>.hero .hero-copy>p{max-width:174px!important;margin:0!important;color:rgba(255,250,240,.93)!important;font-size:10.5px!important;font-weight:650!important;line-height:1.42!important}
  main>.hero[data-slide="0"] .hero-copy{top:22px!important}
  main>.hero[data-slide="1"] .hero-copy{top:30px!important}
  main>.hero[data-slide="2"] .hero-copy{top:22px!important;width:40vw!important}
  main>.hero[data-slide="3"] .hero-copy{top:31px!important}
  main>.hero[data-slide="4"] .hero-copy{top:21px!important;width:41vw!important}
  main>.hero[data-slide="5"] .hero-copy{top:29px!important}
  main>.hero[data-slide="6"] .hero-copy{top:34px!important;width:43vw!important}
  main>.hero[data-slide="7"] .hero-copy{top:25px!important;width:40vw!important}
}

/* Mobile story order: introduction first, its visual second, action last. */
@media(max-width:560px){
  main>.my-gold-cards{
    grid-template-columns:1fr!important;
    grid-template-areas:"copy" "image" "toggle" "cards" "link"!important;
    row-gap:18px!important;
  }
  main>.my-gold-cards>.section-intro{
    grid-area:copy!important;
    padding:0!important;
    text-align:center!important;
  }
  main>.my-gold-cards>.collection-feature{grid-area:image!important}
  main>.my-gold-cards>.collection-toggle{
    grid-area:toggle!important;
    margin:0 auto!important;
  }
  main>.studio .studio-intro{
    display:flex!important;
    flex-direction:column!important;
    gap:18px!important;
    text-align:center!important;
  }
  main>.studio .studio-intro>div{display:contents!important}
  main>.studio .studio-intro>div>span,
  main>.studio .studio-intro>div>h2,
  main>.studio .studio-intro>div>p{order:1!important}
  main>.studio .studio-intro>figure{order:2!important;width:100%!important}
  main>.studio .studio-intro>div>#openStudio{order:3!important;width:100%!important;margin:0!important}
  .mobile-chip-confirm:not([hidden]){
    display:flex!important;
    width:100%;
    min-height:54px;
    margin:16px 0 0;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:14px;
    background:linear-gradient(135deg,#b77d16,#d3a33d);
    color:#fff;
    font-size:14px;
    font-weight:800;
    box-shadow:0 12px 26px rgba(153,101,17,.22);
  }
}
.mobile-chip-confirm{display:none}

/* Mobile: show the four real My Gold plates in one row at their relative physical sizes. */
@media(max-width:760px){
  .gold-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important}
  .gold-choice{grid-template-rows:96px auto auto!important;min-height:136px!important;padding:6px 2px!important}
  .gold-choice:before{display:none!important}
  .gold-choice img{grid-row:1!important;align-self:end!important;width:auto!important;max-width:94%!important;object-fit:contain!important;padding:0!important;margin:0 auto!important;mix-blend-mode:normal!important}
  .gold-choice:has(input[value="025"]) img{height:40px!important;max-height:40px!important}
  .gold-choice:has(input[value="075"]) img{height:51px!important;max-height:51px!important}
  .gold-choice:has(input[value="200"]) img{height:67px!important;max-height:67px!important}
  .gold-choice:has(input[value="500"]) img{height:92px!important;max-height:92px!important}
  .gold-choice>b{grid-row:2!important;font-size:10px!important}
  .gold-choice .gold-price{grid-row:3!important;font-size:8px!important}
}

/* Birthday products: choose a finished order or open the editable front. */
.birthday-product-card{}
.template-pair[data-category="birthday"]{cursor:default}
.template-pair[data-category="birthday"] .pair-visuals{cursor:pointer}
.birthday-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;padding:4px 2px 2px}
.birthday-card-actions[hidden]{display:none!important}
.birthday-card-actions button{min-height:44px;border:1px solid #b18437;border-radius:12px;padding:10px 12px;font:800 12px/1.15 Inter,sans-serif;cursor:pointer}
.birthday-card-actions .birthday-order-now{background:#173e35;color:#fff;border-color:#173e35}
.birthday-card-actions .birthday-customize{background:#fffaf0;color:#6b4817}
.birthday-card-actions>small{grid-column:1/-1;color:#75664d;font:600 10px/1.35 Inter,sans-serif;text-align:center}
.template-pair[data-category="birthday"] .embedded-certificate>i[aria-label="QR-kód"]{width:34px;height:34px;display:block;margin:3px auto;color:transparent;border:3px solid #f5ead0;outline:1px solid currentColor;background:repeating-conic-gradient(#162438 0 25%,#f5ead0 0 50%) 0/7px 7px;box-shadow:inset 0 0 0 1px #162438}
@media(max-width:560px){.birthday-card-actions{gap:8px}.birthday-card-actions button{font-size:11px}}

/* Cash-only checkout and clear final confirmation. */
.cash-payment{margin:0;padding:12px 14px;border:1px solid #d7c39a;border-radius:13px;background:#fff9ec}
.cash-payment legend{padding:0 6px;color:#6b4d1d;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.cash-payment label{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;cursor:pointer}
.cash-payment input{width:18px!important;height:18px;accent-color:#8a611f}
.cash-payment span{display:grid;gap:2px}.cash-payment small{min-height:0;color:#786b58;font-weight:500}
.checkout-consent{grid-template-columns:auto 1fr!important;align-items:center!important}
.checkout-consent input{width:18px!important;height:18px;accent-color:#173e35}
.order-confirmation{display:grid;gap:5px;padding:14px;border-radius:14px;background:#edf6ef;color:#214f37}
.order-confirmation[hidden]{display:none!important}.order-confirmation b{font:700 20px/1.1 Georgia,serif}.order-confirmation span{font-size:12px;font-weight:800}.order-confirmation p{font-size:11px}

/* Requested global mobile scale: keep the full experience at 90%. */
@media(max-width:560px){
  body{zoom:.9}
  .studio-shell,.studio-workspace,.editor-grid{overflow:visible!important}
  .studio-shell[data-active-step="text"] .canvas-stage{
    order:1!important;
    position:sticky!important;
    top:74px!important;
    z-index:20!important;
    padding:8px 8px 6px!important;
    background:#f5f1e8!important;
  }
  .studio-shell[data-active-step="text"] .control-panel{order:2!important}
  .studio-shell[data-active-step="text"] .card-canvas{width:min(100%,430px)!important}
  .studio-shell[data-active-step="text"] .canvas-hint{display:none!important}
  .studio-shell[data-active-step="text"] .control-panel{padding-top:8px!important}
  .studio-shell[data-active-step="text"] .editor-panel[data-editor-panel="text"]>.eyebrow,
  .studio-shell[data-active-step="text"] .editor-panel[data-editor-panel="text"]>h3,
  .studio-shell[data-active-step="text"] .editor-panel[data-editor-panel="text"]>.panel-help{display:none!important}
  .studio-shell[data-active-step="text"] .text-settings{padding-top:6px!important;margin-top:0!important}
  .studio-shell[data-active-step="text"] .text-settings>label{margin-bottom:8px!important}
  .studio-shell[data-active-step="text"] .text-settings>label input[type="text"]{min-height:44px!important;font-size:16px!important}
  .card-message{min-width:72px;min-height:44px;padding:12px!important;touch-action:none!important;cursor:grab;user-select:none;-webkit-user-select:none}
  .card-message:before{inset:-12px!important;pointer-events:auto!important}
  .card-message:active{cursor:grabbing}
  .card-message .text-drag-handle,.card-message .text-corner-handle{display:none!important}
  .card-message.is-transforming-text{outline:1px dashed rgba(237,200,117,.9);outline-offset:5px;border-radius:4px}
  #userImage{touch-action:none!important;user-select:none;-webkit-user-select:none}
  #userImage.image-locked{pointer-events:none!important}
  #userImage.is-transforming-image{outline:2px solid rgba(237,200,117,.9);outline-offset:3px}
  .image-corner-handle{display:none!important}
  .studio-footer{position:static!important;bottom:auto!important}
  .canvas-stage{
    position:sticky!important;
    top:72px!important;
    z-index:12!important;
    padding:12px 10px 10px!important;
    border-bottom:1px solid rgba(132,101,45,.22);
    box-shadow:0 12px 24px rgba(42,35,25,.12);
  }
  .canvas-stage .canvas-hint{margin-top:8px!important}
  .site-header .logo{transform:translateY(11px)!important}
  main>.my-gold-cards>.collection-toggle{margin-top:18px!important}
  main>.studio .studio-intro>div>#openStudio{margin-top:18px!important}
}

/* Mobile AI is optional: keep it visually secondary to the numbered steps. */
@media(max-width:560px){
  .wizard-steps>.step[data-tool="ai"]{
    flex:0 0 54px!important;width:54px!important;min-width:54px!important;
    min-height:50px!important;max-height:50px!important;
    display:grid!important;grid-template-columns:1fr!important;
    grid-template-rows:28px auto!important;gap:1px!important;
    padding:4px!important;border-radius:12px!important;text-align:center!important;
    box-shadow:0 5px 14px rgba(89,62,103,.10)!important;
  }
  .wizard-steps>.step[data-tool="ai"]:before,
  .wizard-steps>.step[data-tool="ai"] small{display:none!important}
  .wizard-steps>.step[data-tool="ai"] .tool-icon.illustrated{
    grid-column:1!important;grid-row:1!important;width:26px!important;height:26px!important;
    min-width:26px!important;justify-self:center!important;border-radius:8px!important;
    font-size:14px!important;box-shadow:0 4px 10px rgba(89,62,103,.14)!important;
  }
  .wizard-steps>.step[data-tool="ai"] b{
    grid-column:1!important;grid-row:2!important;align-self:center!important;padding:0!important;
    font-size:7px!important;line-height:1!important;white-space:nowrap!important;
  }
  .control-panel>.ai-starter{
    position:relative!important;top:auto!important;margin:0 0 12px!important;padding:14px!important;
    border-radius:14px!important;box-shadow:0 7px 20px rgba(66,45,20,.10)!important;
  }
  .control-panel>.ai-starter h3{margin:8px 0 4px!important;font-size:18px!important}
  .control-panel>.ai-starter p{margin-bottom:9px!important;font-size:10px!important}
  .control-panel>.ai-starter .ai-orb{width:28px!important;height:28px!important;font-size:15px!important}
}
/* Business quote flow and face-free corporate card refresh */
.business-link{background:transparent;cursor:pointer}
.business-expanded .business-use-cases p{margin:10px 0 0;color:rgba(255,255,255,.92);font-size:14px;line-height:1.58}
.business-expanded .business-use-cases article>div{background:linear-gradient(180deg,transparent,rgba(18,14,10,.36));text-shadow:0 2px 12px rgba(0,0,0,.58)}
.business-quote-dialog{width:min(760px,calc(100% - 28px));padding:0;border:0;border-radius:24px;background:#fffdf8;box-shadow:0 30px 90px rgba(36,26,11,.35)}
.business-quote-dialog::backdrop{background:rgba(30,25,18,.62);backdrop-filter:blur(6px)}
.business-quote-card{position:relative;display:grid;gap:17px;padding:clamp(26px,5vw,46px);background:radial-gradient(circle at 100% 0,#f0dfbb 0,transparent 34%),#fffdf8}
.business-quote-card h2{max-width:570px;margin:0;color:#281f15;font:400 clamp(34px,5vw,48px)/1.04 Georgia,serif}
.business-quote-card>p{max-width:620px;margin:0;color:#6b5e4d;font-size:14px;line-height:1.65}
.business-quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.business-quote-card label{display:grid;gap:7px;color:#4e4438;font-size:12px;font-weight:800}
.business-quote-card input,.business-quote-card select,.business-quote-card textarea{width:100%;padding:12px 13px;border:1px solid #d9cdbb;border-radius:11px;background:#fff;color:#2d261d;font:inherit}
.business-quote-card textarea{resize:vertical}
.business-quote-submit{min-height:50px;border:0;border-radius:999px;background:linear-gradient(135deg,#8b611d,#c39238);color:#fff;font-weight:900;cursor:pointer}
.business-quote-card>small{min-height:20px;color:#77571f}
@media(max-width:620px){.business-quote-grid{grid-template-columns:1fr}.business-quote-card{padding:28px 20px}.business-quote-card h2{font-size:34px}.business-expanded .business-use-cases p{font-size:13px}}

/* A kész születésnapi pároknál a két következő út legyen azonnal érthető:
   kész rendelés vagy megnyitás a teljes, egységes kártyatervezőben. */
.birthday-card-actions{gap:12px;padding:12px;border:1px solid rgba(177,132,55,.28);border-radius:18px;background:linear-gradient(145deg,#fffdf8,#f8efdf);box-shadow:0 12px 28px rgba(70,48,18,.09)}
.birthday-card-actions button{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:10px;min-height:64px;padding:10px 13px;text-align:left;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.birthday-card-actions button:hover{transform:translateY(-2px);box-shadow:0 11px 24px rgba(65,43,14,.14)}
.birthday-card-actions button>span{grid-row:1/3;display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:rgba(255,255,255,.18);font-size:15px;font-weight:900}
.birthday-card-actions button>b{font-size:13px;line-height:1.1}.birthday-card-actions button>small{margin-top:3px;color:inherit;font-size:9px;font-weight:650;line-height:1.25;opacity:.78}
.birthday-card-actions .birthday-order-now{background:linear-gradient(135deg,#1b5544,#103b32);box-shadow:0 8px 20px rgba(20,69,55,.2)}
.birthday-card-actions .birthday-customize{border-color:#b28a45;background:linear-gradient(135deg,#fffaf0,#f1dfbb);color:#654513;box-shadow:0 8px 20px rgba(121,83,24,.12)}
.birthday-card-actions .birthday-customize>span{background:#fff;color:#9a6b20;box-shadow:0 4px 12px rgba(112,75,18,.14)}
@media(max-width:560px){.birthday-card-actions{grid-template-columns:1fr;padding:10px}.birthday-card-actions>small{grid-column:1}.birthday-card-actions button{min-height:58px}}