@font-face{font-family:Inter;src:local('Inter')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55;color:#242430;background:#fff}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;height:auto}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}:root{--accent:#5942e9;--ink:#242430;--muted:#6a6a78;--border:#e7e7ee;--surface:#f6f6f9}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #9f8eff;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.6rem,5.2vw,5rem);font-weight:750;letter-spacing:-.065em;line-height:1.06;margin-bottom:24px}h2{font-size:clamp(1.75rem,3vw,2.8rem);line-height:1.15;letter-spacing:-.045em;margin-bottom:20px}h3{font-size:1.45rem;line-height:1.25;letter-spacing:-.03em}p{color:var(--muted)}.container{width:min(1240px,calc(100% - 80px));margin:auto}.site-header{height:100px;background:#fff;border-bottom:1px solid #f2f2f5;position:relative;z-index:20}.header-inner{height:100%;display:flex;align-items:center;gap:40px}.brand{font-size:30px;font-weight:800;letter-spacing:-1.7px;display:inline-flex;align-items:center;color:var(--ink);white-space:nowrap}.brand span{font-size:35px;line-height:1;color:var(--accent);margin-left:5px}.brand img{max-height:54px;max-width:180px;object-fit:contain}.site-header nav{display:flex;gap:28px;margin-left:auto}.site-header nav a{font-size:14px;font-weight:600;color:#555463;white-space:nowrap}.site-header nav a:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:14px}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:16px 24px;background:var(--accent);color:white;border:1px solid transparent;border-radius:9px;font-size:15px;font-weight:650;line-height:1.3;transition:transform .2s,background .2s;text-align:center}.button:hover{transform:translateY(-2px);filter:brightness(.96)}.button.compact{padding:13px 18px;font-size:14px}.button.outline{border-color:#d9d7e6;color:var(--ink);background:transparent}.button.plain{background:transparent;color:var(--ink)}.button.dark{background:var(--ink)}.button.full{width:100%;margin-top:12px}.icon-button{font-size:26px;position:relative;padding:4px}.cart-link span{font-size:10px;position:absolute;right:-5px;top:0;background:var(--accent);color:#fff;border-radius:20px;padding:1px 5px}.menu-button{display:none;border:0;background:transparent;font-size:24px}.demo-banner{background:#f2efff;color:#62538e;text-align:center;font-size:12px;padding:6px 12px}.demo-banner a{text-decoration:underline}.hero{display:grid;grid-template-columns:1fr 1.04fr;align-items:center;min-height:660px;gap:38px;padding-top:50px;padding-bottom:60px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;display:block;margin-bottom:22px;color:var(--accent)}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:9px}.hero h1{font-size:clamp(3rem,5.4vw,5.1rem)}.hero-copy>p{max-width:430px;font-size:18px;line-height:1.8;margin-bottom:28px}.hero-buttons{display:flex;gap:5px}.hero-features{display:flex;gap:19px;margin-top:42px;color:#686775;font-size:12px}.hero-stage{height:530px;position:relative;border-radius:26px;background:radial-gradient(ellipse at 65% 40%,#f6dffc 0,transparent 60%),linear-gradient(135deg,#eeedff,#f5f5ff 60%,#ede7f8);overflow:hidden}.scene{width:100%;height:100%;position:relative;touch-action:pan-y}.scene canvas{display:block;width:100%;height:100%}.scene-fallback{position:absolute;top:15%;left:31%;height:70%;width:auto;filter:drop-shadow(15px 20px 20px #7775);transform:rotate(8deg);border-radius:8px;object-fit:contain}.stage-label{position:absolute;top:27px;left:28px;font-size:11px;line-height:1.7;letter-spacing:1.7px;color:#7a728a;z-index:2;pointer-events:none}.stage-note{position:absolute;bottom:28px;left:28px;background:#ffffffcf;border:1px solid #fff;border-radius:50px;padding:10px 15px;font-size:12px;pointer-events:none}.drag-note{position:absolute;right:25px;bottom:39px;font-size:11px;color:#82768f;pointer-events:none}.platform-band{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:26px 0}.platform-band>.container{display:flex;align-items:center;justify-content:space-between;gap:24px}.platform-band span{font-size:10px;letter-spacing:1.7px;color:#888694}.platform-band b{font-size:20px;letter-spacing:-.6px;color:#646271}.section{padding-top:85px;padding-bottom:85px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:36px}.section-heading h2{margin-bottom:0;max-width:700px}.section-heading .eyebrow{margin-bottom:14px}.text-link{font-size:14px;text-decoration:underline;text-underline-offset:6px;font-weight:600;white-space:nowrap}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.product-card{border:1px solid var(--border);border-radius:18px;overflow:hidden}.product-visual{height:345px;display:flex;align-items:center;justify-content:center;background:#f1eff8;position:relative;overflow:hidden}.product-visual.square-bg{background:#edf4f4}.product-visual img{height:72%;max-width:65%;object-fit:contain;border-radius:6px;filter:drop-shadow(10px 15px 8px #26212f2c);transform:rotate(-7deg);transition:transform .4s}.product-visual:hover img{transform:rotate(0) scale(1.04)}.tag{position:absolute;left:25px;top:25px;font-size:10px;letter-spacing:1.4px;background:#fff9;padding:6px 10px;border-radius:40px}.dimension{position:absolute;right:25px;bottom:23px;font-size:12px;color:#777}.product-copy{padding:28px}.product-copy h3{margin-bottom:10px}.product-copy p{font-size:14px;max-width:440px}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:25px}.product-bottom strong{font-size:22px;letter-spacing:-.5px}.product-bottom small{display:block;font-size:11px;font-weight:400;color:var(--muted);letter-spacing:0}.how-section{padding:75px 0;background:#252333;color:white}.how-section .eyebrow{color:#b7abff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;margin-top:48px}.steps article{border-top:1px solid #ffffff26;padding-top:25px}.steps span{color:#ad9dfc;font-size:14px;display:block;margin-bottom:25px}.steps h3{font-size:22px}.steps p{color:#b8b4c6;font-size:14px}.gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.gallery>a{height:260px;background:#f3f2f7;border-radius:12px;overflow:hidden;padding:20px;display:flex;align-items:center;justify-content:center}.gallery img{max-height:100%;object-fit:contain;border-radius:5px;transition:transform .3s}.gallery a:hover img{transform:scale(1.06)}.campaign-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.campaign-card{padding:35px;border-radius:18px;background:#f1effc}.campaign-card strong{display:block;font-size:24px;color:var(--accent)}.faq-section{display:grid;grid-template-columns:1fr 1.3fr;gap:80px}.faq-section details{padding:22px 0;border-bottom:1px solid var(--border)}summary{cursor:pointer;font-weight:600}.faq-section details p{font-size:15px;margin:18px 0 0}.contact-strip{padding:45px 48px;background:#efedf9;border-radius:18px;display:flex;align-items:center;justify-content:space-between;margin-top:20px;margin-bottom:80px;gap:30px}.contact-strip h2{font-size:30px;margin:0}.contact-strip .eyebrow{margin-bottom:14px}footer{border-top:1px solid var(--border);padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px}.footer-grid p{font-size:14px;max-width:290px;margin-top:15px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:10px;font-size:13px}.footer-grid strong{margin-bottom:10px}.footer-bottom{border-top:1px solid var(--border);margin-top:40px;padding-top:24px;display:flex;justify-content:space-between;font-size:11px;color:#777}.footer-bottom>div{display:flex;gap:22px}.floating-contact{position:fixed;bottom:22px;right:22px;z-index:25;display:flex;gap:8px}.floating-contact a{padding:13px 18px;background:#262333;color:white;border-radius:40px;box-shadow:0 4px 25px #26233326;font-size:13px}.floating-contact .wa{background:#16854e}.page-heading{max-width:850px;margin-bottom:45px}.page-heading h1{font-size:52px}.page-heading p{font-size:18px}.page-heading.compact-heading{margin-bottom:35px}.search-field{display:flex;align-items:center;gap:10px;max-width:400px;border:1px solid var(--border);border-radius:9px;padding:0 15px}.search-field input{border:0}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.product-detail h1{font-size:58px}.detail-visual{background:#f0eef9;border-radius:22px;padding:30px}.detail-visual .scene{height:460px}.detail-visual>p{font-size:12px;text-align:center;margin-bottom:0}.lead{font-size:19px}.big-price{font-size:32px;display:block;margin:25px 0 2px}.feature-list{padding-left:20px;color:#686573;font-size:15px;line-height:2;margin:25px 0}.panel{border:1px solid var(--border);border-radius:15px;padding:28px;background:white}.panel h2{font-size:23px}.panel>p{font-size:14px}.designer{display:grid;grid-template-columns:1.12fr 1fr;gap:38px;align-items:start}.editor-controls{display:flex;flex-direction:column;gap:20px}.step-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#eeeafa;color:var(--accent);font-size:13px;margin-right:10px;vertical-align:3px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{border:1px solid var(--border);background:white;border-radius:10px;padding:16px;text-align:left;line-height:1.4}.choice strong{display:block;font-size:16px}.choice small{font-size:12px;color:var(--muted)}.choice.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:#f5f2ff}label{display:block;font-size:13px;font-weight:600;margin:16px 0 8px;color:#53515f}input,select,textarea{display:block;width:100%;padding:12px 13px;border:1px solid #dcdae4;border-radius:7px;background:white;color:var(--ink);font-size:15px;margin-top:7px;max-width:100%}textarea{min-height:90px;resize:vertical}input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--accent)}input[type=color]{height:43px;padding:5px}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.service-options,.extra-options{display:flex;gap:8px;flex-wrap:wrap}.service-options button,.extra-options button{border:1px solid var(--border);background:white;border-radius:8px;padding:10px 13px;font-size:13px}.service-options button.selected{background:var(--accent);color:white;border-color:var(--accent)}.extra-options button{background:#f7f6fa}.blocks{margin-top:22px;display:flex;flex-direction:column;gap:12px}.block{border:1px solid #e3dfeb;border-radius:10px;padding:16px;background:#fcfbfe}.block.dragging{opacity:.45}.block-head{display:flex;align-items:center;gap:10px}.block-head strong{font-size:13px;margin-right:auto}.block-head button{border:0;background:#eeecf4;border-radius:5px;width:28px;height:28px;font-size:14px}.block-head .remove{background:#fce9ed;color:#ac3551}.block input{font-size:14px}.block label{margin-top:12px;font-size:12px}.block .logo-thumb{height:65px;object-fit:contain;margin-top:12px}.preview-sticky{position:sticky;top:20px}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:14px}.preview-toolbar button{border:0;border-radius:5px;background:#f2f0f7;color:#686172;padding:7px 14px;font-size:12px}.preview-toolbar button.active{background:var(--ink);color:white}.preview-stage{background:radial-gradient(at 60% 10%,#efe2fa,#f1eff7 70%);border-radius:16px;min-height:465px;height:520px;display:flex;align-items:center;justify-content:center;padding:30px}.preview-stage>canvas{max-height:100%;max-width:90%;width:auto;height:auto;object-fit:contain;box-shadow:10px 16px 28px #3022452b;border-radius:8px}.preview-stage .scene{height:100%}.small{font-size:12px;line-height:1.5;margin:12px 0}.price-panel{border:1px solid var(--border);border-radius:12px;padding:22px;margin-top:18px}.price-row{display:flex;justify-content:space-between;gap:20px;margin:8px 0;font-size:14px}.price-row.total{border-top:1px solid var(--border);padding-top:15px;margin-top:15px;font-size:22px;letter-spacing:-.5px}.price-row.discount{color:#16854e}.text-button{border:0;background:transparent;text-decoration:underline;font-size:12px;padding:15px;display:block;margin:auto;color:#666}.alert{background:#fff0ef;border:1px solid #f9d6d0;padding:13px;border-radius:8px;color:#a33934;font-size:14px}.success{background:#eaf6ed;color:#226e3f;padding:15px;border-radius:8px}.cart-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:35px;align-items:start}.cart-item{display:flex;gap:22px;border:1px solid var(--border);padding:22px;border-radius:12px;margin-bottom:18px;align-items:start}.cart-item canvas{width:95px;height:auto;box-shadow:1px 5px 15px #2222;border-radius:4px;flex-shrink:0}.cart-item h3{font-size:21px;margin-bottom:8px}.cart-item p{font-size:13px;margin:7px 0}.cart-item .item-actions{display:flex;gap:14px;margin-top:15px}.item-actions button,.item-actions a{font-size:12px;text-decoration:underline;background:none;border:0;padding:0}.wa-button{background:#16854e}.check-label{display:flex;gap:10px;align-items:start;font-size:12px;font-weight:400}.check-label input{flex-shrink:0;margin-top:3px}.contact-page{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.contact-item{display:block;padding:22px 0;border-bottom:1px solid var(--border)}.contact-item small{display:block;font-size:11px;letter-spacing:1.6px;margin-bottom:10px;color:var(--accent)}.contact-item strong{font-size:20px}.prose{max-width:850px;line-height:1.9;min-height:400px}.prose h1{font-size:45px}.setup{background:#f6f5fa;padding:55px 20px}.narrow{max-width:600px;margin:auto}.setup h1{font-size:36px;margin-top:30px}hr{border:0;border-top:1px solid var(--border);margin:25px 0}.ad-dialog{max-width:min(640px,calc(100% - 35px));padding:0;border:0;border-radius:18px;box-shadow:0 30px 100px #0005}.ad-dialog::backdrop{background:#181329a6;backdrop-filter:blur(5px)}.ad-dialog img{display:block;max-height:80vh;object-fit:contain}.close-dialog{position:absolute;right:10px;top:10px;border:0;border-radius:50%;width:35px;height:35px;background:#fff;font-size:25px;box-shadow:0 2px 10px #0003;z-index:1}#toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);background:#252333;color:white;border-radius:10px;padding:12px 22px;font-size:14px;z-index:100;display:none;max-width:90vw}.order-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.order-canvas{max-height:360px;width:auto;max-width:100%;display:block;margin:20px auto;box-shadow:0 5px 25px #2222}.order-logo{max-height:70px;max-width:160px}.order-grid li{font-size:14px;overflow-wrap:anywhere;padding:5px}.order-summary{max-width:600px;margin:35px 0}.link-card{max-width:560px;text-align:center}.link-logo{max-width:170px;max-height:120px;margin:0 auto 20px}.service-link{margin:15px 0}.link-text{font-size:20px;font-weight:600;color:var(--ink)}.iban-box{background:#f5f2fb;padding:22px;border-radius:12px;margin:18px 0}.iban{word-break:break-all}.admin-shell{display:grid;grid-template-columns:235px 1fr;min-height:calc(100vh - 100px);background:#f7f7fa}.admin-nav{padding:30px 18px;border-right:1px solid var(--border);background:white}.admin-nav a{display:block;padding:11px 15px;border-radius:8px;font-size:14px;margin-bottom:5px}.admin-nav a.active{background:#efebfc;color:var(--accent);font-weight:650}.admin-content{padding:40px;max-width:1200px;min-width:0;width:100%}.admin-content h1{font-size:36px;letter-spacing:-1px}.admin-row{background:white;border:1px solid var(--border);border-radius:12px;padding:25px;margin:20px 0;position:relative}.admin-row .row-fields{display:grid;grid-template-columns:1fr 1fr;gap:5px 20px}.admin-row .wide{grid-column:1/-1}.row-toolbar{display:flex;gap:8px;justify-content:flex-end}.row-toolbar button{border:1px solid var(--border);border-radius:5px;background:white;padding:5px 10px;font-size:13px}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:30px}.admin-stats .panel strong{display:block;font-size:30px}.admin-stats .panel span{font-size:12px;color:var(--muted)}.admin-actions{position:sticky;bottom:0;background:#f7f7faeb;padding:18px 0;display:flex;gap:12px;z-index:5}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;background:white;font-size:13px}.admin-table th,.admin-table td{text-align:left;padding:15px;border-bottom:1px solid var(--border);white-space:nowrap}.admin-table a{color:var(--accent);font-weight:600}.admin-upload{display:flex;gap:10px;align-items:center}.admin-upload input[type=file]{max-width:240px;font-size:12px}.admin-image-thumb{height:70px;max-width:160px;object-fit:contain;margin-top:12px}.admin-hint{font-size:13px;background:#eeeafa;padding:15px;border-radius:8px}.login-form{margin:70px auto}.admin-success{padding:12px;background:#eaf7ef;color:#206c3d;border-radius:7px;margin:15px 0}.login-form h1{font-size:35px}.status-pill{background:#eeeaf8;padding:4px 8px;border-radius:12px;font-size:11px}.order-admin-item{overflow-wrap:anywhere}.order-admin-item ul{padding-left:20px;font-size:14px}.preview-warning{color:#a33934}.save-message{font-size:14px}.empty-state{padding:45px;background:#f7f6fa;border-radius:15px}.empty-state h2{font-size:28px}
@media(max-width:1100px){.container{width:calc(100% - 48px)}.site-header nav{gap:15px}.header-inner{gap:25px}.header-actions{gap:10px}.site-header nav a{font-size:12px}.hero{gap:25px}.hero-stage{height:465px}.hero h1{font-size:60px}.hero-features{gap:10px;font-size:10px}.gallery{grid-template-columns:repeat(3,1fr)}.gallery>a{height:260px}.designer{gap:24px}.preview-stage{height:470px}.admin-content{padding:30px}}
@media(max-width:800px){.site-header{height:78px}.container{width:calc(100% - 36px)}.header-inner{gap:12px}.brand{font-size:26px}.brand span{font-size:30px}.header-actions{margin-left:auto}.header-actions .compact{display:none}.menu-button{display:block}.site-header nav{display:none;position:absolute;top:78px;left:0;right:0;padding:20px;background:white;border-bottom:1px solid var(--border);box-shadow:0 12px 20px #2221}.site-header nav.open{display:flex;flex-direction:column;gap:18px}.site-header nav a{font-size:15px}.hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:35px;gap:32px;min-height:0}.hero h1{font-size:56px;max-width:520px}.hero-copy>p{font-size:16px;max-width:500px;margin-bottom:22px}.hero-features{margin-top:25px;gap:18px;font-size:11px}.hero-stage{height:470px}.eyebrow{font-size:10px;margin-bottom:18px}.hero-buttons .button{font-size:14px;padding:15px 19px}.platform-band{padding:20px 0}.platform-band>.container{flex-wrap:wrap;justify-content:center;gap:14px 25px}.platform-band span{width:100%;text-align:center;font-size:9px}.platform-band b{font-size:16px}.section{padding-top:50px;padding-bottom:50px}.section-heading{align-items:start;flex-direction:column;gap:16px;margin-bottom:25px}.section-heading h2{font-size:31px}.product-grid{gap:18px}.product-visual{height:270px}.product-copy{padding:20px}.product-copy p{font-size:13px}.product-copy h3{font-size:22px}.product-bottom{align-items:start;gap:12px}.product-bottom strong{font-size:19px}.product-bottom .button{font-size:13px;padding:12px 16px}.tag{left:15px;top:15px;font-size:9px}.steps{gap:25px}.steps h3{font-size:20px}.how-section{padding:50px 0}.faq-section{gap:20px;grid-template-columns:1fr}.gallery{grid-template-columns:repeat(3,1fr);gap:12px}.gallery>a{height:210px;padding:13px}.contact-strip{padding:28px;margin-bottom:50px;flex-direction:column;align-items:start;gap:25px}.contact-strip h2{font-size:27px}.footer-grid{gap:30px;grid-template-columns:1.5fr 1fr 1fr}.footer-bottom{font-size:10px}.footer-bottom>div{gap:10px}.floating-contact{bottom:12px;right:12px}.floating-contact a{padding:11px 16px;font-size:12px}.product-detail{gap:35px}.product-detail h1{font-size:42px}.detail-visual{padding:12px}.detail-visual .scene{height:350px}.designer{grid-template-columns:1fr}.preview-column{grid-row:1}.preview-sticky{position:static}.preview-stage{height:370px;min-height:0}.preview-column .small{font-size:11px}.price-panel{margin-bottom:5px}.editor-controls{gap:15px}.preview-toolbar{font-size:13px}.price-row{font-size:13px}.page-heading h1{font-size:42px}.page-heading p{font-size:16px}.cart-layout{grid-template-columns:1fr}.contact-page{grid-template-columns:1fr;gap:30px}.admin-shell{grid-template-columns:1fr}.admin-nav{display:flex;flex-wrap:wrap;gap:3px;padding:12px;border-bottom:1px solid var(--border);border-right:0}.admin-nav a{font-size:12px;padding:8px 10px;margin:0}.admin-content{padding:25px 18px}.admin-row{padding:18px}.admin-stats{gap:10px}.admin-stats .panel{padding:15px}.admin-stats .panel strong{font-size:24px}.order-grid{grid-template-columns:1fr}footer{padding-bottom:75px}}
@media(max-width:520px){.hero h1{font-size:49px;letter-spacing:-2.9px}.hero-stage{height:380px}.stage-note{left:18px;bottom:20px;font-size:10px;padding:8px 12px}.drag-note{font-size:9px;right:15px;bottom:30px}.stage-label{font-size:9px;left:20px;top:20px}.hero-features{gap:10px;font-size:10px}.product-grid{grid-template-columns:1fr}.product-visual{height:320px}.product-copy{padding:24px}.steps{grid-template-columns:1fr;gap:20px}.steps article{display:grid;grid-template-columns:35px 1fr;gap:0 10px;padding-top:20px}.steps span{grid-row:1/3;margin:0}.steps h3{margin-bottom:10px}.steps p{grid-column:2;margin-bottom:0}.gallery{grid-template-columns:repeat(2,1fr)}.gallery>a{height:220px}.gallery>a:last-child{grid-column:1/-1;height:240px}.campaign-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid p{max-width:100%;margin-bottom:0}.footer-bottom{align-items:start;gap:18px;flex-direction:column}.footer-bottom>div{gap:15px}.floating-contact{left:0;right:0;bottom:0;padding:8px 16px;background:#fff;border-top:1px solid var(--border);gap:10px}.floating-contact a{flex:1;text-align:center;border-radius:8px;box-shadow:none}.product-detail{grid-template-columns:1fr}.detail-visual .scene{height:390px}.product-detail h1{font-size:42px}.panel{padding:21px}.page-heading h1{font-size:39px}.two{gap:12px}.cart-item{padding:16px;gap:16px}.cart-item canvas{width:76px}.cart-item h3{font-size:18px}.admin-row .row-fields{grid-template-columns:1fr}.admin-row .wide{grid-column:auto}.admin-stats{grid-template-columns:1fr}.admin-stats .panel{display:flex;justify-content:space-between;align-items:center}.admin-content h1{font-size:30px}.setup{padding:25px 12px}.prose h1{font-size:36px}.ad-dialog{max-width:calc(100% - 28px)}.design-page{padding-top:35px}.preview-stage{height:350px}.preview-column .price-panel{padding:18px}.hero-buttons{flex-wrap:wrap}#toast{bottom:70px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:800px){.designer{display:flex;flex-direction:column}.editor-controls{display:contents}.editor-controls>.panel{width:100%}.editor-controls>.panel:nth-child(1){order:1}.editor-controls>.panel:nth-child(2){order:2}.preview-column{order:3;width:100%}.editor-controls>.panel:nth-child(3){order:4}.editor-controls>.panel:nth-child(4){order:5}}
/* Editor and catalog improvements */
[hidden]{display:none!important}.brand{gap:10px;min-width:0}.brand .brand-name{font-size:clamp(18px,2vw,27px);font-weight:800;letter-spacing:-.8px;color:var(--ink,#24202c);overflow-wrap:anywhere}.brand img{max-width:64px;max-height:48px;object-fit:contain}.cart-link{position:relative;display:inline-flex;align-items:center;justify-content:center}.cart-link svg{flex-shrink:0}.search-field{display:flex!important;align-items:center;gap:12px;max-width:520px;margin:24px auto 0;padding:0 18px;border:1px solid #dedbe7;border-radius:14px;background:#fff}.search-field input{border:0!important;box-shadow:none!important;background:transparent!important;min-width:0;width:100%;margin:0}.old-price{font-size:15px;font-weight:400;color:#847d8a;margin-right:8px}.discount-label{font-size:12px;color:#12804d;background:#e5f6ed;padding:4px 8px;border-radius:8px;display:inline-block}.product-photos,.multi-thumbs{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.product-photos img,.multi-thumbs img{width:100px;height:100px;object-fit:cover;border-radius:12px}.multi-thumbs>div{display:flex;flex-direction:column;gap:6px}.component-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.7fr);gap:12px;align-items:start}.component-fields input[type=file]{font-size:12px;width:100%;padding:8px}.layout-controls{margin-top:12px;border-top:1px solid #e4e0eb;padding-top:12px}.layout-controls summary{cursor:pointer;font-weight:600;margin-bottom:12px}.layout-controls input{width:100%}.layout-controls input[type=color]{height:44px;padding:5px}#photo-dialog{max-width:95vw;width:1100px;max-height:94vh;border:0;border-radius:18px;padding:12px;background:#f6f5f8}#photo-dialog::backdrop{background:#15121dd9}.photo-toolbar{display:flex;justify-content:flex-end;gap:8px;padding-bottom:10px}.photo-toolbar button{min-width:44px;min-height:44px;border:1px solid #ddd;background:white;border-radius:10px;cursor:pointer}.photo-viewport{max-height:78vh;overflow:auto;text-align:center;overscroll-behavior:contain}.photo-viewport img{display:block;margin:auto;height:auto;max-height:none}.product-photos a,.multi-thumbs a{cursor:zoom-in}@media(max-width:650px){.component-fields{grid-template-columns:1fr 1fr}.header-actions{gap:6px}.brand img{max-width:42px}.brand .brand-name{font-size:18px}.layout-controls .two{grid-template-columns:1fr 1fr}}
.nudge-controls{display:flex;gap:8px;margin-bottom:12px}.nudge-controls button{min-width:44px;min-height:40px;border:1px solid #ded9e8;border-radius:8px;background:#fff;cursor:pointer}
/* Kolay tasarım, kullanım rehberi, paylaşım ve tema */
:root{--card:#fff;--page:#fff;--soft:#f2f0f9;--ink:#242430;--muted:#6a6a78;--border:#e7e7ee;--surface:#f6f6f9}body{background:var(--page);color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.site-preferences{display:flex;align-items:center;gap:8px;flex-shrink:0}.language-picker select{border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--ink);font-size:12px;width:91px;padding:10px 8px;margin:0}.theme-toggle{width:37px;height:37px;padding:8px;display:grid;place-items:center;border:1px solid var(--border);border-radius:11px;background:var(--card);color:var(--ink)}.theme-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;grid-area:1/1}.theme-sun{display:none}html[data-theme=dark] .theme-sun{display:block}html[data-theme=dark] .theme-moon{display:none}.header-inner{gap:18px}.header-actions{gap:10px}.product-bottom{flex-wrap:wrap;gap:10px}.product-bottom>strong{margin-right:auto}.product-bottom>.button{padding:11px 14px;font-size:13px}.easy-heading{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-bottom:32px}.easy-heading h1{font-size:clamp(34px,4.6vw,58px);margin-bottom:18px}.easy-heading p{color:var(--muted);max-width:560px}.easy-heading>.button{flex-shrink:0}.easy-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;align-items:stretch}.easy-step{margin-bottom:20px}.easy-step h2{font-size:23px}.easy-templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 12px}.easy-template{padding:0;border:1px solid var(--border);background:var(--card);color:var(--ink);border-radius:14px;overflow:hidden}.easy-template.selected{outline:2px solid var(--accent);border-color:var(--accent)}.easy-template>div{position:relative;aspect-ratio:.84;background:var(--soft);padding:12px}.easy-template canvas{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:contain}.easy-template strong{font-size:12px;display:block;padding:12px 5px}.easy-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.easy-services button{border:1px solid var(--border);background:var(--card);color:var(--ink);padding:16px 14px;text-align:start;border-radius:13px;font-weight:700;font-size:14px}.easy-services button.selected{background:var(--accent);color:#fff;border-color:var(--accent)}.easy-preview{min-width:0}.easy-preview .preview-sticky{top:100px;max-height:calc(100dvh - 120px);overflow-y:auto;scrollbar-width:thin}.easy-canvas-wrap{background:var(--soft);padding:24px;border:1px solid var(--border);border-radius:20px;display:flex;justify-content:center}.easy-canvas-wrap canvas{width:auto;height:auto;max-width:100%;max-height:420px;object-fit:contain;box-shadow:0 12px 30px #100b2712}.easy-total{display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:16px;font-weight:700;margin-bottom:18px}.easy-total strong{font-size:25px}.easy-mobile-add{display:none}.how-intro{max-width:790px;margin:0 auto 50px;text-align:center}.how-intro h1{font-size:clamp(38px,5vw,70px)}.how-intro p{font-size:18px;line-height:1.8;color:var(--muted)}.how-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.how-method{padding:32px 36px;border:1px solid var(--border);border-radius:28px;background:var(--card)}.method-art{width:135px;margin-bottom:12px;color:var(--accent)}.method-art svg{width:100%;height:auto}.nfc-method .method-art{color:#149474}.method-tag{display:inline-block;padding:7px 14px;border-radius:100px;background:var(--soft);font-size:12px;font-weight:800;color:var(--muted);margin-bottom:22px}.how-method h2{font-size:31px;letter-spacing:-.035em}.how-method ol{padding:0;margin:24px 0 0;list-style:none;display:grid;gap:20px}.how-method li{display:flex;gap:15px;align-items:flex-start}.how-method li>span{flex-shrink:0;display:grid;place-items:center;width:30px;height:30px;background:var(--soft);border-radius:50%;font-size:12px;font-weight:700}.how-method li p{margin:3px 0 0;line-height:1.7;font-size:15px}.how-method>.small{margin-top:26px;color:var(--muted)}.how-video{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:center;padding:46px;margin-top:38px;border-radius:28px;background:var(--soft)}.how-video h2{font-size:35px;letter-spacing:-.035em}.how-video p{color:var(--muted);line-height:1.8}.video-frame{overflow:hidden;aspect-ratio:16/9;border-radius:18px;background:#151829;display:grid;place-items:center}.video-frame video{width:100%;height:100%;display:block}.video-placeholder{color:white;text-align:center;padding:28px}.video-placeholder p{color:#aab1c8;margin:8px 0}.play-symbol{display:grid;place-items:center;width:56px;height:56px;border:1px solid #777b94;border-radius:50%;margin:0 auto 15px}.how-cta{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:46px;padding:34px;border:1px solid var(--border);border-radius:24px}.how-cta h2{font-size:28px;margin-bottom:8px}.how-cta p{margin:0;color:var(--muted)}.gallery-share-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-photo-card{overflow:hidden;border:1px solid var(--border);border-radius:20px;background:var(--card)}.gallery-share-grid .gallery-image{display:block;padding:16px;height:330px;position:relative;border-radius:0;background:var(--surface)}.gallery-image img{width:100%;height:100%;object-fit:contain}.gallery-share-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:18px}.gallery-share-actions .button{font-size:13px;padding:11px 14px}.gallery-share-actions .text-link{font-size:12px}.share-fallback{border-top:1px solid var(--border);padding:18px}.share-fallback>button{padding:10px;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:10px}.share-fallback .button{font-size:13px;padding:11px 14px}.admin-service-choices{border:1px solid var(--border);padding:18px;border-radius:14px;display:flex;flex-wrap:wrap;gap:14px 25px}.admin-service-choices legend{font-weight:700}.video-upload video{max-width:520px;width:100%;margin-top:18px;border-radius:14px}.translation-progress{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--soft);border:1px solid var(--border);border-radius:14px;padding:16px 20px;margin-bottom:25px;font-size:13px}.language-settings h2{font-size:24px}.language-settings p{color:var(--muted)}.translation-toolbar{display:grid;grid-template-columns:250px 1fr;gap:20px;margin:28px 0}.translation-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:24px;border:1px solid var(--border);border-radius:16px;margin-bottom:16px;background:var(--card)}.translation-source>small{color:var(--accent);font-weight:700}.translation-source p{font-size:14px;max-height:210px;overflow:auto;margin:12px 0;white-space:normal;overflow-wrap:anywhere}.translation-state{font-size:11px;background:var(--soft);border-radius:100px;padding:6px 10px;display:inline-block}.translation-row textarea{resize:vertical;min-height:110px}.translation-actions{display:flex;gap:16px;align-items:center}.translation-message{margin:8px 0 0}
html[dir=rtl] :is(.header-actions,.site-header nav){margin-left:0;margin-right:auto}html[dir=rtl] .stage-label{left:auto;right:38px}html[dir=rtl] .text-link{direction:rtl}html[dir=rtl] .admin-shell{direction:ltr}html[dir=rtl] input[type=tel],html[dir=rtl] #easy-link{direction:ltr;text-align:left}
@media(max-width:1180px){.header-inner{gap:12px}.header-actions .compact{display:none}.site-header nav{gap:16px}.header-actions{gap:7px}.language-picker select{width:80px}}
@media(max-width:800px){.easy-heading{align-items:flex-start;flex-direction:column;gap:12px}.easy-heading h1{font-size:36px}.easy-heading>.button{width:100%}.easy-layout{grid-template-columns:1fr;gap:8px}.easy-preview .preview-sticky{position:static;max-height:none;overflow:visible}.easy-mobile-add{display:block}.easy-templates{gap:9px}.easy-template strong{font-size:10px}.easy-step{padding:22px}.easy-services button{padding:15px 12px}.how-methods{grid-template-columns:1fr;gap:20px}.how-intro{margin-bottom:28px}.how-intro h1{font-size:40px}.how-intro p{font-size:16px}.how-method{padding:26px}.method-art{width:100px}.how-method h2{font-size:27px}.how-video{grid-template-columns:1fr;padding:25px;gap:20px}.how-video h2{font-size:29px}.how-cta{flex-direction:column;align-items:flex-start;padding:26px}.how-cta .button{width:100%}.gallery-share-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.translation-toolbar,.translation-row{grid-template-columns:1fr}.translation-progress{align-items:flex-start;flex-direction:column;gap:8px}.site-header nav{background:var(--card);color:var(--ink)}.header-inner{gap:8px}.header-actions{gap:5px}.language-picker select{width:70px;padding:9px 5px;font-size:11px}.theme-toggle{width:31px;height:34px;padding:6px}.header-actions .icon-button{width:29px;padding:3px}.header-actions .menu-button{padding:4px;width:28px}.brand .brand-name{font-size:20px}.brand img{max-width:32px}.site-preferences{gap:5px}.how-page .eyebrow{font-size:9px}}
@media(max-width:520px){.gallery-share-grid{grid-template-columns:1fr}.gallery-share-grid .gallery-image{height:350px}.gallery-share-actions .button{font-size:14px}.easy-heading p{font-size:14px}.product-bottom{align-items:center}.product-bottom>strong{flex:1 0 100%;margin-bottom:6px}.product-bottom>.button{flex:1;justify-content:center}.easy-canvas-wrap{padding:20px}.easy-canvas-wrap canvas{max-height:390px}.brand .brand-name{font-size:18px}}


.easy-product-badge{display:inline-flex;align-items:center;flex-wrap:wrap;gap:12px;padding:9px 14px;background:var(--soft);border:1px solid var(--border);border-radius:12px;font-size:13px;font-weight:700}.easy-product-badge>span+span{font-size:12px;font-weight:500;border-inline-start:1px solid var(--border);padding-inline-start:12px;color:var(--muted)}.easy-step .easy-total{padding-top:18px;border-top:1px solid var(--border);margin:24px 0 0;font-size:14px}.easy-step .easy-total strong{font-size:28px}.easy-preview-actions{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-top:18px;font-size:13px}.easy-preview-actions details{flex:1;min-width:0}.easy-preview-actions details[open]{width:100%}.easy-preview-actions .text-button{flex-shrink:0;margin:0}.easy-step #easy-message:empty,.easy-preview #easy-warning:empty{display:none}.easy-heading{margin-bottom:28px}.easy-step:last-child{margin-bottom:0}
/* Layered dark theme: the print canvas always keeps the chosen card colors. */
html[data-theme=dark]{
 color-scheme:dark;--page:#080c15;--card:#111a29;--surface:#162134;--soft:#132035;
 --ink:#edf4ff;--muted:#a8b6cd;--border:#293950;--accent:#83ddff;
 --tech-gradient:linear-gradient(115deg,#83e4ff,#a4b8ff);
}
html[data-theme=dark] body{
 background-color:var(--page);color:var(--ink);
 background-image:radial-gradient(ellipse 900px 620px at 95% 0,#20436342,transparent 75%),radial-gradient(ellipse 720px 560px at 0 900px,#3e297026,transparent 75%);
}
html[data-theme=dark] .site-header{background:#0c1321eF;border-color:#83ddff24;backdrop-filter:blur(18px);box-shadow:0 8px 32px #0003}
html[data-theme=dark] .site-header nav a{color:#b8c5db}
html[data-theme=dark] .site-header nav a:hover{color:var(--accent)}
html[data-theme=dark] :is(.language-picker select,.theme-toggle){background:#142035;border-color:#334661;color:var(--ink)}
html[data-theme=dark] .brand{color:var(--ink)}
html[data-theme=dark] :is(.hero h1,.easy-heading h1,.how-intro h1){color:#f1f7ff;letter-spacing:-.055em}
html[data-theme=dark] .eyebrow{color:#83ddff}
html[data-theme=dark] .eyebrow i{box-shadow:0 0 16px #83ddff80}
html[data-theme=dark] .button:not(.outline):not(.plain):not(.wa-button):not(.dark){
 background:var(--tech-gradient);color:#0b182b;border-color:#d3f3ff55;box-shadow:0 5px 22px #71caff18;
}
html[data-theme=dark] .button:not(.outline):not(.plain):not(.wa-button):not(.dark):hover{filter:brightness(1.08);box-shadow:0 7px 26px #71caff35}
html[data-theme=dark] :is(.button.outline,.button.plain,.text-button,.icon-button){color:var(--ink);border-color:#394e6c}
html[data-theme=dark] .button.outline{background:#12203570}
html[data-theme=dark] .button.outline:hover{background:#1a2d45;border-color:#83ddff77}
html[data-theme=dark] .button.dark{background:#dceaff;color:#101c30}
html[data-theme=dark] .cart-link span{background:#9be5ff;color:#09223b}
html[data-theme=dark] :is(.panel,.product-card,.how-method,.gallery-photo-card,.cart-item,.campaign-card,.how-cta){
 background:linear-gradient(145deg,#172336cc,#101927);color:var(--ink);border-color:var(--border);box-shadow:inset 0 1px 0 #e4eeff07,0 16px 45px #00000019;
}
html[data-theme=dark] :is(.product-card,.gallery-photo-card){transition:border-color .2s,box-shadow .2s}
html[data-theme=dark] :is(.product-card,.gallery-photo-card):hover{border-color:#83ddff66;box-shadow:0 12px 35px #0004,0 0 26px #6acfff0b}
html[data-theme=dark] :is(.admin-row,.admin-nav,.search-field,.ad-dialog,.empty-state,.photo-toolbar,.price-panel){background:var(--card);color:var(--ink);border-color:var(--border)}
html[data-theme=dark] :is(input,select,textarea){background:#0c1524;color:var(--ink);border-color:#35465f}
html[data-theme=dark] :is(input,textarea)::placeholder{color:#8c9cb5;opacity:1}
html[data-theme=dark] .search-field input{background:transparent!important}
html[data-theme=dark] :is(a,button,input,textarea,select,summary):focus-visible{outline-color:#83ddff;outline-offset:3px}
html[data-theme=dark] .product-visual{background:radial-gradient(ellipse at 55% 35%,#33416b,#1d293e 68%)}
html[data-theme=dark] .product-visual.square-bg{background:radial-gradient(ellipse at 55% 35%,#245052,#182b35 68%)}
html[data-theme=dark] :is(.dimension,.tag){background:#0b1529eF;color:#d6e7ff;border:1px solid #89b0dc22}
html[data-theme=dark] .hero-stage{
 background-image:radial-gradient(ellipse at 76% 24%,#6254a649,transparent 58%),radial-gradient(ellipse at 20% 88%,#2ba1b342,transparent 58%),linear-gradient(#aacdff08 1px,transparent 1px),linear-gradient(90deg,#aacdff08 1px,transparent 1px),linear-gradient(145deg,#1a2944,#101827);
 background-size:auto,auto,44px 44px,44px 44px,auto;border:1px solid #7ba2d53d;box-shadow:inset 0 1px 0 #fff1,0 22px 60px #0004;
}
html[data-theme=dark] :is(.stage-label,.stage-note,.drag-note){color:#c6d8f3;background:#0c1726cc;border-color:#82a6d43b;backdrop-filter:blur(8px)}
html[data-theme=dark] :is(.hero-copy>p,.product-copy p,.hero-features,.footer-grid p,.small){color:var(--muted)}
html[data-theme=dark] .platform-band{background:#0d1625b3;border-color:#35465f66}
html[data-theme=dark] .platform-band span{color:#a8b6cd}
html[data-theme=dark] .platform-band b{color:#d3e3fa}
html[data-theme=dark] .how-section{background:linear-gradient(115deg,#152238,#0d1829);color:var(--ink);border-block:1px solid #455e814d}
html[data-theme=dark] .how-section .eyebrow{color:#a2dfff}
html[data-theme=dark] :is(.preview-stage,.choice,.service-options button,.extra-options button,.block,.preview-toolbar button,.nudge-controls button){background:var(--surface);color:var(--ink);border-color:var(--border)}
html[data-theme=dark] :is(.choice.active,.service-options button.selected,.easy-services button.selected,.admin-nav a.active){background:#1d3b51;color:#adebff;border-color:#83ddff;box-shadow:inset 0 0 0 1px #83ddff22}
html[data-theme=dark] .easy-services button{background:#111f32;border-color:#324561;color:#d8e6fa;transition:background .2s,border-color .2s,box-shadow .2s}
html[data-theme=dark] .easy-services button:hover{background:#192e44;border-color:#5a809f}
html[data-theme=dark] .easy-services button.selected{background:linear-gradient(120deg,#20485a,#283958);color:#d5f6ff}
html[data-theme=dark] :is(.step-number,.method-tag,.how-method li>span){background:#203b52;color:#b2eaff}
html[data-theme=dark] .easy-product-badge{background:#152a3d;border-color:#83ddff36;color:#c9eaff}
html[data-theme=dark] .easy-product-badge>span+span{color:#a5b9d5;border-color:#45607c}
html[data-theme=dark] .easy-canvas-wrap{background:radial-gradient(ellipse at 60% 35%,#294468,#131e30 75%);border-color:#3c5676;box-shadow:inset 0 1px 0 #d5eaff0a}
html[data-theme=dark] .easy-canvas-wrap canvas{box-shadow:0 18px 48px #0007}
html[data-theme=dark] .easy-total strong{color:#afeaff}
html[data-theme=dark] .how-video{background:linear-gradient(130deg,#192b45,#131f32);border:1px solid #344e70}
html[data-theme=dark] .nfc-method .method-art{color:#7ce8c9}
html[data-theme=dark] .contact-strip{background:radial-gradient(ellipse at 100% 0,#48447740,transparent 70%),linear-gradient(120deg,#182c42,#172139);color:var(--ink);border:1px solid #426181}
html[data-theme=dark] footer{background:linear-gradient(180deg,#101b2d,#090f1a);color:var(--ink);border-color:#37517577}
html[data-theme=dark] .footer-bottom{color:#a8b6cd;border-color:#35465f}
html[data-theme=dark] .demo-banner{background:#342a16;color:#f3d994}
html[data-theme=dark] .admin-success{background:#11382d;color:#91dfbb}
html[data-theme=dark] .alert{background:#3b2530;color:#ffd6df}
@media(max-width:800px){html[data-theme=dark] .site-header nav{background:#111d30;border-color:#334866;box-shadow:0 18px 32px #0007}}
@media(prefers-reduced-motion:reduce){html[data-theme=dark] :is(.product-card,.gallery-photo-card,.easy-services button){transition:none}}

.floating-contact a{display:flex;justify-content:center;align-items:center;gap:7px}.floating-contact svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.floating-contact .contact-design{display:none}
html[data-theme=dark] label{color:#c2d0e5}
html[data-theme=dark] .how-section .steps span{color:#9adaff}
html[data-theme=dark] .floating-contact a:not(.wa):not(.contact-design){background:#1b2c44;color:#e8f1ff;border:1px solid #46617f}
@media(max-width:800px){
 .site-header{position:sticky;top:0}.floating-contact{left:0;right:0;bottom:0;gap:8px;padding:9px 12px calc(9px + env(safe-area-inset-bottom));background:#fffffff2;border-top:1px solid var(--border);backdrop-filter:blur(16px);box-shadow:0 -8px 28px #1515270a}
 .floating-contact a{flex:1;min-width:0;gap:5px;padding:12px 6px;font-size:12px;border-radius:12px;box-shadow:none}
 .floating-contact .contact-design{display:flex;background:var(--accent);color:white}
 html[data-theme=dark] .floating-contact{background:#0e192bf2;border-color:#3b5274;box-shadow:0 -8px 28px #0004}
 html[data-theme=dark] .floating-contact .contact-design{background:var(--tech-gradient);color:#0b182b;border:1px solid #d3f3ff55}
 footer{padding-bottom:100px}html{scroll-padding-top:90px}
}

.cart-quantity{display:inline-flex;align-items:center;gap:12px;margin:10px 0 0}.cart-quantity input{width:88px;margin:0;padding:8px 10px;font-size:14px}

/* The preview column is the sticky grid item, so it follows the full editor. */
@media(min-width:801px){.design-page .preview-column{position:sticky;top:24px;max-height:calc(100dvh - 48px);overflow:auto;scrollbar-width:thin;padding:0 4px 4px}.design-page .preview-sticky{position:static}.design-page .preview-stage{height:clamp(280px,43dvh,460px);min-height:0}}
.design-page .preview-stage{position:relative;overflow:hidden}.design-page #design-canvas{touch-action:none;cursor:grab}.design-page .is-dragging #design-canvas{cursor:grabbing}.design-drag-help{font-size:12px;margin:0 0 12px}.design-selection-tools{display:flex;gap:12px;align-items:end;justify-content:space-between;margin-bottom:14px}.design-selection-tools label{margin:0;flex:1;min-width:0;font-size:11px}.design-selection-tools select{margin-top:5px;padding:8px;font-size:12px}.design-selection-tools>div{display:flex;gap:5px}.design-selection-tools button{border:1px solid var(--border);background:var(--card);color:var(--ink);border-radius:8px;padding:8px 10px;font-size:12px;white-space:nowrap}#design-selection{position:absolute;pointer-events:none;border:2px solid #347cff;box-shadow:0 0 0 1px #fff8;z-index:3}#design-selection-label{position:absolute;top:-22px;left:-2px;font-size:10px;font-weight:700;padding:2px 6px;background:#165ad9;color:white;border-radius:4px;white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}#design-resize-handle{pointer-events:auto;touch-action:none;position:absolute;right:-12px;bottom:-12px;width:28px;height:28px;padding:4px;border:2px solid white;border-radius:7px;background:#165ad9;color:#fff;cursor:nwse-resize}#design-resize-handle svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html[data-theme=dark] .design-selection-tools button{background:#182940;border-color:#426181;color:var(--ink)}
@media(max-width:800px){.design-page .preview-column{position:static;max-height:none;overflow:visible}.design-selection-tools{align-items:stretch;flex-direction:column;gap:8px}.design-selection-tools>div{justify-content:flex-end}#design-resize-handle{width:34px;height:34px;right:-16px;bottom:-16px}.design-page .preview-stage{padding:24px;min-height:0}}

.gallery-design-details{padding:20px 20px 0}.gallery-design-details h3{font-size:18px;margin:0 0 8px;line-height:1.4}.gallery-design-details p{font-size:13px;line-height:1.7;overflow-wrap:anywhere;max-height:160px;overflow:auto;margin-bottom:12px}.gallery-design-details .button{margin-top:10px;font-size:13px;padding:12px 14px}.gallery-design-price{display:block;font-size:17px;margin:14px 0 6px;color:var(--ink)}html[data-theme=dark] .gallery-design-price{color:#afeaff}
@media(max-width:520px){.gallery-design-details{padding:14px 12px 0}.gallery-design-details h3{font-size:15px}.gallery-design-details .button{font-size:11px;padding:11px 8px}.gallery-design-price{font-size:14px}.gallery-share-actions{padding:14px 12px;gap:12px}.gallery-share-actions .button{font-size:11px;padding:9px}}
/* Fixed ready-card image and a single shared brand component. */
.easy-image-wrap{display:flex;justify-content:center;align-items:center;min-height:300px;padding:24px;border:1px solid var(--border);border-radius:20px;background:var(--soft)}.easy-image-wrap img{max-width:100%;max-height:450px;object-fit:contain;border-radius:12px;user-select:none}.easy-preview .easy-image-wrap+p{margin:16px 0;font-size:13px;line-height:1.7}.cart-ready-image{width:95px;max-height:145px;object-fit:contain;flex-shrink:0;border-radius:8px}.order-ready-image{display:block;max-width:100%;max-height:380px;object-fit:contain;margin:20px auto;border-radius:12px}
.brand>.brand-logo-wrap{display:grid;place-items:center;margin:0;width:48px;height:48px;padding:5px;flex-shrink:0;border-radius:12px;background:#718096;border:1px solid #72839940}.brand .brand-logo{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.brand>.brand-name{margin:0;min-width:0;line-height:1.15}.site-header .brand{max-width:280px;flex:0 1 auto}.site-header .brand-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer-grid .brand-logo-wrap{width:52px;height:52px}.footer-grid .brand-name{font-size:27px;white-space:normal}
/* Grouped administration navigation. */
.admin-shell{grid-template-columns:280px minmax(0,1fr)}.admin-nav{align-self:start;padding:24px 16px}.admin-nav-heading{padding:2px 10px 18px;display:grid;gap:4px}.admin-nav-heading strong{font-size:17px}.admin-nav-heading small{font-size:12px;color:var(--muted)}.admin-nav .admin-overview{margin-bottom:18px;font-weight:700}.admin-nav-group{border:1px solid var(--border);border-radius:12px;margin-bottom:10px;background:var(--card);overflow:hidden}.admin-nav-group summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 12px;list-style:none;color:var(--ink)}.admin-nav-group summary::-webkit-details-marker{display:none}.admin-nav-group summary strong{display:block;font-size:13px;line-height:1.5}.admin-nav-group summary small{display:block;font-size:10px;line-height:1.5;color:var(--muted);font-weight:400;margin-top:3px}.admin-nav-group summary svg{width:16px;height:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .2s}.admin-nav-group[open] summary svg{transform:rotate(180deg)}.admin-group-links{padding:0 8px 8px}.admin-nav .admin-group-links a{font-size:12px;padding:10px 12px;margin:3px 0}.admin-nav a[aria-current=page]{font-weight:700}.admin-nav-bottom{border-top:1px solid var(--border);padding-top:12px;margin-top:20px}.admin-nav-bottom .text-button{margin:0;padding:10px 15px}.admin-breadcrumb{font-size:12px;margin:0 0 12px;color:var(--muted)}
@media(min-width:801px){.admin-nav{position:sticky;top:18px;max-height:calc(100dvh - 36px);overflow:auto;scrollbar-width:thin}}
/* Dark backgrounds and text must change together, including admin tables. */
html[data-theme=dark]{--ink:#f3f6ff;--muted:#b8c7dd;--border:#354b68}
html[data-theme=dark] :is(.admin-shell,.admin-content){background:var(--page);color:var(--ink)}
html[data-theme=dark] :is(.admin-table,.admin-row,.admin-nav,.admin-nav-group,.panel,.order-admin-item){background:var(--card);color:var(--ink)}
html[data-theme=dark] .admin-table th{background:var(--surface);color:#dceaff;border-color:var(--border)}html[data-theme=dark] .admin-table td{color:var(--ink);border-color:var(--border)}
html[data-theme=dark] .admin-actions{background:#080c15f2;border-top:1px solid var(--border);backdrop-filter:blur(12px)}
html[data-theme=dark] :is(.admin-hint,.translation-progress,.iban-box,.detail-visual){background:var(--surface);color:#c6d9f2;border-color:var(--border)}
html[data-theme=dark] :is(.feature-list,.old-price,.admin-breadcrumb,.admin-nav-heading small,.admin-nav-group summary small){color:var(--muted)}
html[data-theme=dark] :is(.row-toolbar button,.block-head button,.component-image button,.photo-toolbar button,.share-fallback>button,.close-dialog){background:#20354c;color:#eaf4ff;border:1px solid #527296}
html[data-theme=dark] .block-head .remove{background:#4c2536;color:#ffe0e9;border-color:#945a71}
html[data-theme=dark] :is(.price-row.discount,.discount-label){color:#a0edce}html[data-theme=dark] .discount-label{background:#173c35}
html[data-theme=dark] :is(label,.check-label){color:#d8e5f7}
html[data-theme=dark] :is(.how-method p,.how-video p,.how-cta p,.easy-heading p,.gallery-design-details p,.footer-grid p,.hero-copy>p,.small,.product-copy p,.hero-features){color:var(--muted)}
html[data-theme=dark] .easy-image-wrap{background:radial-gradient(ellipse at 60% 35%,#294468,#131e30 75%);border-color:#3c5676}
html[data-theme=dark] #photo-dialog{background:var(--card);color:var(--ink)}
html[data-theme=dark] :is(.admin-nav a,.admin-nav-group summary){color:var(--ink)}html[data-theme=dark] .admin-nav a:hover{background:#1b2e47}html[data-theme=dark] .admin-nav a.active{background:#1d3b51;color:#c9f2ff;border:1px solid #568dae}
@media(max-width:800px){.admin-shell{grid-template-columns:1fr}.admin-nav{display:block;position:static;padding:16px 18px;max-height:none}.admin-nav-heading{padding-bottom:12px}.admin-nav .admin-overview{margin-bottom:12px}.admin-nav-group{margin-bottom:8px}.admin-nav-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:8px}.admin-nav-bottom>a{padding:8px}.admin-nav-bottom form{margin:0}.admin-content{min-width:0}.site-header .brand{max-width:none;min-width:0;flex-shrink:1}.brand>.brand-logo-wrap{width:34px;height:34px;padding:3px;border-radius:9px}.brand{gap:7px}.footer-grid .brand-logo-wrap{width:48px;height:48px}.site-header .brand-name{font-size:18px}.easy-image-wrap{min-height:220px;padding:20px}.easy-image-wrap img{max-height:380px}.cart-ready-image{width:76px}}

.brand{direction:ltr}

/* Quiet gallery and project collection. */
.modal-open{overflow:hidden}.gallery-minimal{gap:24px}.gallery-minimal .gallery-photo-card{border:0;border-radius:0;background:transparent;box-shadow:none}.gallery-minimal .gallery-image{height:330px;border:1px solid var(--border);border-radius:20px;background:var(--surface);padding:25px;overflow:hidden}.gallery-minimal .gallery-image img{transition:transform .35s}.gallery-minimal .gallery-image:hover img{transform:scale(1.04)}.gallery-view{position:absolute;bottom:15px;right:15px;display:flex;align-items:center;gap:18px;padding:9px 14px;border-radius:100px;background:var(--card);color:var(--ink);font-size:12px;box-shadow:0 3px 15px #0001}.gallery-caption{font-size:16px;font-weight:600;padding:16px 2px 0;margin:0}.gallery-dialog{position:fixed;inset:0;width:min(1000px,calc(100% - 40px));max-width:1000px;max-height:calc(100dvh - 40px);margin:auto;padding:0;overflow:auto;border:1px solid var(--border);border-radius:24px;background:var(--card);color:var(--ink);box-shadow:0 30px 100px #0005}.gallery-dialog::backdrop{background:#0b101abf;backdrop-filter:blur(7px)}.gallery-dialog [data-gallery-detail]{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-height:480px}.gallery-modal-visual{display:grid;place-items:center;min-width:0;background:var(--surface);padding:35px}.gallery-modal-visual img{width:100%;height:auto;max-height:65dvh;object-fit:contain}.gallery-modal-copy{padding:60px 32px 30px;min-width:0;overflow-wrap:anywhere}.gallery-modal-copy .eyebrow{font-size:10px;letter-spacing:.13em;margin-bottom:16px}.gallery-modal-copy h2{font-size:30px;line-height:1.2;letter-spacing:-.04em;margin-bottom:18px}.gallery-description{font-size:14px;line-height:1.8;color:var(--muted);white-space:normal}.gallery-modal-copy .gallery-design-price{font-size:16px;line-height:1.6;margin:24px 0 16px}.gallery-modal-copy .full{font-size:13px;padding:14px}.gallery-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.gallery-modal-actions .button{font-size:13px;padding:12px}.gallery-modal-close{position:absolute;top:14px;right:14px;border:1px solid var(--border);border-radius:50%;width:36px;height:36px;background:var(--card);color:var(--ink);font-size:25px;z-index:2;line-height:1}.gallery-modal-nav{display:flex;justify-content:center;align-items:center;gap:20px;padding:14px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}.gallery-modal-nav button{width:36px;height:32px;border:1px solid var(--border);border-radius:9px;background:var(--card);color:var(--ink)}.gallery-modal-copy .share-fallback{padding:16px 0 0;margin-top:16px}.gallery-modal-copy .share-fallback input{width:100%;margin-top:12px}.portfolio-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:36px}.portfolio-heading h1,.portfolio-heading h2{max-width:770px;font-size:clamp(34px,4.8vw,62px);line-height:1.08;letter-spacing:-.05em;margin-bottom:20px}.portfolio-heading p{max-width:580px;font-size:16px;line-height:1.8;color:var(--muted);margin-bottom:0}.portfolio-heading>.text-link{white-space:nowrap;font-size:13px}.portfolio-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 32px;padding-bottom:25px;border-bottom:1px solid var(--border)}.portfolio-filters a{display:flex;gap:14px;align-items:center;border:1px solid var(--border);border-radius:100px;padding:10px 16px;font-size:13px;background:var(--card);color:var(--muted)}.portfolio-filters a[aria-current=true]{background:var(--ink);color:var(--page);border-color:var(--ink)}.portfolio-filters span{opacity:.65;font-size:10px}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 28px}.portfolio-card{display:block;min-width:0}.portfolio-browser{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--surface);transition:transform .25s,border-color .25s}.portfolio-card:hover .portfolio-browser{transform:translateY(-4px);border-color:var(--accent)}.browser-bar{height:34px;display:flex;align-items:center;gap:5px;padding:0 12px;border-bottom:1px solid var(--border);color:var(--muted)}.browser-bar i{width:5px;height:5px;border-radius:50%;background:var(--muted);opacity:.35}.browser-bar span{flex:1;text-align:center;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%;padding:0 15px}.browser-bar b{font-size:14px;font-weight:400}.portfolio-cover{position:relative;aspect-ratio:3/2;overflow:hidden}.portfolio-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}.portfolio-placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px;text-align:center;gap:15px;background:var(--soft)}.portfolio-placeholder>span{font-size:45px;color:var(--accent);font-weight:300}.portfolio-placeholder strong{font-size:24px;max-width:100%;overflow-wrap:anywhere}.portfolio-placeholder small{font-size:12px;color:var(--muted)}.portfolio-card-copy{padding:22px 1px 0}.portfolio-category{font-size:10px;color:var(--muted);letter-spacing:.09em;text-transform:uppercase}.portfolio-card h3{display:flex;justify-content:space-between;gap:15px;font-size:24px;line-height:1.3;letter-spacing:-.025em;margin:8px 0 12px;overflow-wrap:anywhere}.portfolio-card h3 span{font-size:22px;font-weight:400}.portfolio-card-copy p{font-size:14px;line-height:1.8;color:var(--muted);margin:0;overflow-wrap:anywhere}.portfolio-empty{padding:65px 25px;text-align:center;border:1px dashed var(--border);border-radius:20px;background:var(--surface)}.portfolio-empty>span{font-size:35px;color:var(--accent)}.portfolio-empty h2{font-size:25px;margin:16px 0 12px}.portfolio-empty p{font-size:14px;color:var(--muted)}.offerings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.offering-card{padding:32px;border:1px solid var(--border);border-radius:20px;background:var(--card)}.offering-number{display:block;color:var(--accent);font-size:12px;margin-bottom:45px}.offering-card h2{font-size:30px;letter-spacing:-.035em;margin-bottom:15px}.offering-card p{font-size:15px;color:var(--muted);line-height:1.8;max-width:420px;margin-bottom:28px}.offering-card .text-link{font-size:13px}.offering-card img{width:100%;height:200px;object-fit:cover;border-radius:12px;margin-bottom:22px}.portfolio-admin-preview{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--border);font-size:13px}.portfolio-admin-preview button{border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--ink);padding:9px}.portfolio-admin-preview span{color:var(--muted)}
[hidden]{display:none!important}.gallery-image:focus-visible,.portfolio-card:focus-visible,.portfolio-filters a:focus-visible,.offering-card a:focus-visible,.gallery-dialog button:focus-visible,.gallery-dialog a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:900px) and (min-width:801px){.site-header nav{gap:10px}.site-header nav a{font-size:11px}.header-inner{gap:10px}.brand .brand-name{font-size:20px}.header-actions>.icon-button:first-child{display:none}}
@media(max-width:680px){.gallery-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:19px}.gallery-dialog [data-gallery-detail]{grid-template-columns:1fr;min-height:0}.gallery-modal-visual{padding:28px 35px 20px}.gallery-modal-visual img{max-height:38dvh}.gallery-modal-copy{padding:26px 24px}.gallery-modal-copy h2{font-size:26px}.gallery-modal-copy .gallery-design-price{margin-top:20px}.portfolio-heading{align-items:start;flex-direction:column;gap:20px}.portfolio-heading h1,.portfolio-heading h2{font-size:40px}.portfolio-heading p{font-size:14px}.portfolio-filters{gap:8px}.portfolio-filters a{font-size:11px;padding:9px 12px;gap:8px}.portfolio-grid,.offerings-grid{grid-template-columns:1fr;gap:30px}.portfolio-card h3{font-size:22px}.offering-card{padding:26px}.offering-number{margin-bottom:30px}.gallery-minimal{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.gallery-minimal .gallery-image{height:240px;padding:18px;border-radius:16px}.gallery-caption{font-size:13px;padding-top:12px}.gallery-view{padding:7px 10px;font-size:10px;gap:10px;bottom:10px;right:10px}}
@media(max-width:380px){.gallery-minimal{grid-template-columns:1fr}.gallery-minimal .gallery-image{height:310px}}
@media(prefers-reduced-motion:reduce){.gallery-minimal .gallery-image img,.portfolio-browser{transition:none}}

@media(max-width:1000px) and (min-width:801px){.menu-button{display:block}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;padding:22px;background:var(--card);color:var(--ink);border-bottom:1px solid var(--border);box-shadow:0 12px 20px #2221}.site-header nav.open{display:flex;flex-direction:column;gap:18px}.site-header nav a{font-size:15px}.header-actions{margin-left:auto}}
.gallery-modal-close{position:sticky;float:right;top:14px;margin:14px 14px -50px 0}
