/* 61–70 only. Compact mobile shopping; no external fonts, JS or synthetic sales. */
body.designer-page{--brand:#ff613d;--ink:#17233c;--paper:#fff8df;--d-radius:999px;--d-action:linear-gradient(100deg,#ffcd30,#ff682c);--d-action-ink:#fff;--d-shadow:0 4px 0 #dc6e20;--d-top:#ffdc45;background:var(--paper);color:var(--ink);font-family:Arial,"Noto Sans TC","Microsoft JhengHei",sans-serif}
body.designer-page main{padding-top:0;margin-top:0}.designer-page .designer-hero{max-width:540px;width:100%;min-height:100svh;margin:0 auto;padding:0 0 20px;isolation:isolate;overflow:hidden;background:var(--paper)}.designer-hero *{box-sizing:border-box}
body.designer-page .designer-hero .d-media{position:relative;width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;transform:none;background:transparent}.designer-hero .gallery-stage{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:auto;overflow:hidden;border:0;border-radius:0;background:#f4eee6}
body.designer-page .designer-hero .gallery-stage img{display:block;width:100%;height:auto;min-height:0;max-height:none;object-fit:contain;object-position:center;border:0;border-radius:0;filter:none;transform:none}.designer-hero .gallery-placeholder{min-height:280px}.designer-hero .gallery-thumbs{display:flex;gap:6px;margin:0;padding:6px 10px;overflow:auto;background:#fff}.designer-hero .gallery-thumb{flex:0 0 34px;width:34px;height:34px;border-radius:5px}.designer-hero .gallery-count{display:none}
/* Clock uses the shared countdown hooks; each design changes geometry, not time. */
.d-topbar{min-height:44px;position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 12px 9px;background:var(--d-top);color:var(--ink)}.d-topbar-copy{display:flex;align-items:center;gap:6px;min-width:0}.d-topbar-copy strong{font-size:12px;line-height:1.35;font-weight:900;overflow-wrap:anywhere}.d-topbar-icon{width:23px;height:23px;flex:none;display:grid;place-items:center;background:#17233c;color:#ffdf56;border-radius:50%;font:bold 23px Arial}.d-topbar-secure{font-size:10px;text-align:right}.d-clock{display:flex;gap:4px;align-items:center;flex:none;font-variant-numeric:tabular-nums}.d-clock>span{display:grid;text-align:center;gap:2px}.d-clock b{min-width:23px;padding:4px 3px;border-radius:5px;color:var(--brand);background:#fff;font:bold 13px/1 Arial;box-shadow:0 1px 2px #0000000c}.d-clock i{font-style:normal;font-weight:900;font-size:12px}.d-clock small{display:none;font-size:8px}.d-timer-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff55;overflow:hidden}.d-timer-progress i{display:block;width:100%;height:100%;background:currentColor;opacity:.22;transform-origin:left}
.designer-hero .d-panel{position:relative;padding:15px 15px 18px}.designer-hero .d-title h1{margin:0;font-size:25px;font-weight:950;line-height:1.32;letter-spacing:-.025em;color:var(--ink);overflow-wrap:anywhere}.d-subtitle{font-size:13px;line-height:1.5;opacity:.78;margin-top:7px}.d-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;min-width:0}.d-price small{display:none}.d-price strong{font:900 34px/1.1 Arial,sans-serif;color:var(--brand);letter-spacing:-.06em;overflow-wrap:anywhere}.d-price s{font:11px/1.3 Arial,sans-serif;opacity:.55}
body.designer-page .designer-hero .d-cta{display:flex;align-items:center;justify-content:center;gap:10px;min-height:51px;margin:13px 0 0;padding:12px 15px;border:0;border-radius:var(--d-radius);background:var(--d-action);color:var(--d-action-ink);box-shadow:var(--d-shadow);font-size:18px;font-weight:900;line-height:1.3;text-decoration:none;text-align:center;transform:none;letter-spacing:0}.d-cta span{min-width:0;overflow-wrap:anywhere}.d-cta b{font-size:24px;font-weight:700;line-height:1;flex:none}.d-service{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:13px;font-size:10px;line-height:1.5;color:#566073}.d-service span{display:inline-flex;gap:3px;align-items:center}.d-tag{display:table;padding:4px 10px;border-radius:20px;background:var(--brand);color:#fff;font-size:10px;font-weight:800;line-height:1.4;margin-bottom:10px}.d-price-band,.d-ticket-price{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:13px;padding:13px;background:#fff;border-radius:12px}.d-price-band>span,.d-ticket-price>span{font-size:10px;font-weight:800}.d-round-arrow{display:grid;place-items:center;border-radius:50%;background:#fff;width:30px;height:30px;font-size:23px!important}.d-purchase-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.d-purchase-row>.d-cta{flex:1;margin-top:0!important}.d-purchase-row .d-price{flex:0 1 43%}
/* 61 sunshine: framed image, ribbon, orange price slab, wide gold capsule. */
.d-atelier .d-first-image{padding:5px 5px 0;background:linear-gradient(#ffdd48,#ffbd66)}.d-atelier .gallery-stage{border:2px solid #fff;border-radius:15px!important;box-shadow:0 3px 0 #f5a343}.d-atelier .d-panel{background:radial-gradient(circle at 100% 0,#fff0cb,transparent 55%),#fffaf1}.d-atelier .d-tag--ribbon{border-radius:3px;padding-inline:15px;background:#17233c;color:#ffe283;letter-spacing:.1em}.d-atelier .d-price-band{background:linear-gradient(105deg,#ff792f,#ffb633);color:white;border-radius:19px 19px 5px 5px}.d-atelier .d-price-band strong{color:white}.d-atelier .d-round-arrow{color:#e68826}.template-landing-61-atelier .d-cta b{border:1px solid #ffffff70;border-radius:50%;width:25px;height:25px}
/* 62 scarlet: flat timer, stepped price strip, pill with inset shine. */
body.template-landing-62-nocturne{--paper:#fff1ef;--brand:#e52f2e;--d-top:#cf292c;--d-action:linear-gradient(#ff7560 0%,#f94335 55%,#e92226 100%);--d-shadow:0 4px 0 #b92128;--d-radius:12px}.d-nocturne .d-topbar{color:#fff}.d-nocturne .d-topbar-icon{background:#ffffff2b;color:white;border-radius:4px}.d-nocturne .d-clock b{border-radius:2px}.d-nocturne .d-price-band--edge{margin:0;border-radius:0;background:linear-gradient(100deg,#e5252c,#ff593e);padding:14px 15px}.d-nocturne .d-price-band strong,.d-nocturne .d-price-band s{color:white}.d-nocturne .d-price-band .d-tag{margin:0;background:white;color:#d4292c;border-radius:3px;max-width:35%}.d-nocturne .d-panel{background:#fff;margin:8px;border-radius:12px}.d-nocturne h1{border-bottom:3px solid #ffe5e1;padding-bottom:12px}.d-nocturne .d-service span{background:#fff2ed;padding:4px 7px;border-radius:5px}
/* 63 coral / ice: gradient timer, stamp, centered colored title and white capsule. */
body.template-landing-63-gridlab{--paper:#e8f6ff;--brand:#ff6a4e;--d-top:linear-gradient(100deg,#ff7458,#ffc481);--d-action:linear-gradient(100deg,#ff4e3d,#ff9864);--d-shadow:0 5px 12px #ff784b35;--d-radius:999px}.d-gridlab .d-topbar{color:#fff}.d-gridlab .d-topbar-icon{background:transparent;color:white}.d-gridlab .d-clock b{color:#ff704d}.d-gridlab .d-first-image{padding:5px;background:#e8f6ff}.d-gridlab .gallery-stage{border-radius:8px!important}.d-gridlab .d-panel{padding-top:10px;text-align:center}.d-gridlab .d-seal{display:table;margin:0 auto 10px;padding:4px 12px;border:2px dotted #45aeda;color:#178bb4;background:#fff;font-size:10px;font-weight:900}.d-gridlab .d-title h1{color:#f56448;font-size:25px}.d-gridlab .d-white-box{padding:13px 15px;margin-top:15px;border-radius:28px 28px 13px 13px;background:#fff;box-shadow:0 4px 0 #cfe7f4}.d-gridlab .d-white-box .d-price{justify-content:center}.d-gridlab .d-cta{min-height:45px!important}.d-gridlab .d-service{justify-content:center}
/* 64 cream ticket: split flap clock, framed photo, stitched price ticket, double-outline CTA. */
body.template-landing-64-gazette{--paper:#fff9df;--brand:#9b6617;--d-top:#f8e8a5;--d-action:#1c3048;--d-shadow:3px 3px 0 #d8b76c;--d-radius:3px}.d-gazette .d-topbar{border-bottom:1px dashed #c9a959;background:repeating-linear-gradient(135deg,#f8e8a5 0 9px,#fff2ca 9px 18px)}.d-gazette .d-clock b{background:linear-gradient(#22314a 49%,#465269 50%,#22314a 53%);color:#ffe391;border-radius:2px}.d-gazette .d-first-image{padding:7px;border:1px solid #c9b785;margin:5px}.d-gazette .d-panel{padding-top:10px}.d-gazette .d-tag--stamp{color:#735526;background:none;border:1px solid #ad8d4d;border-radius:0;letter-spacing:.08em}.d-gazette .d-ticket-price{border-block:1px dashed #bc9d62;background:#f4e8be;border-radius:0;position:relative}.d-gazette .d-ticket-price:before,.d-gazette .d-ticket-price:after{content:"";width:15px;height:15px;border-radius:50%;background:var(--paper);position:absolute;top:calc(50% - 7px)}.d-gazette .d-ticket-price:before{left:-8px}.d-gazette .d-ticket-price:after{right:-8px}.d-gazette .d-cta{outline:1px solid #1c3048;outline-offset:3px;margin-top:18px!important}
/* 65 pop festival: dotted clock, comic sticker, asymmetrical price field, tactile button. */
body.template-landing-65-pop{--paper:#fff3e1;--brand:#d52d70;--ink:#382140;--d-top:#ffd4e6;--d-action:linear-gradient(100deg,#f9559a,#e32e71);--d-radius:14px 4px 14px 4px;--d-shadow:4px 4px 0 #382140}.d-pop .d-topbar{background:radial-gradient(#fff8 1px,transparent 1px) 0 0/7px 7px,#ffcbe0}.d-pop .d-topbar-icon{background:#fff;color:#ce246b}.d-pop .d-clock b{border:1px solid #d56992;box-shadow:1px 2px #e28aaf;border-radius:50%;padding:6px}.d-pop .d-first-image{padding:5px 5px 0;background:#fcead0}.d-pop .gallery-stage{border:2px solid #382140;border-radius:5px!important}.d-pop-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;font-weight:900}.d-pop-label span{padding:4px 9px;background:#fae469;transform:rotate(-2deg);border:1px solid #382140;box-shadow:2px 2px #382140}.d-pop-label b{font-size:32px;color:#ef4d8b}.d-pop-price{margin-top:13px;padding:12px 16px;background:#ffd1e2;border:2px solid #382140;border-radius:0 22px 0 22px}.d-pop .d-cta{border:2px solid #382140!important}
/* 66 aqua: two-line outlined clock, service chips, title side-rule, split purchase. */
body.template-landing-66-botanica{--paper:#f1fcfb;--brand:#008f8b;--d-top:#d0f4ed;--d-action:linear-gradient(100deg,#00afad,#078d80);--d-radius:10px;--d-shadow:0 4px 0 #b2e3dc}.d-botanica .d-topbar{min-height:54px;border-top:3px solid #008f8b}.d-botanica .d-topbar-icon{background:#009a91;color:#fff;border-radius:7px}.d-botanica .d-clock b{background:transparent;border:1px solid #52b9a9;border-radius:3px}.d-botanica .d-clock small{display:block;color:#248c80}.d-botanica .d-panel{background:white;border-radius:22px 22px 0 0;margin-top:0;padding-top:10px}.d-botanica .d-service{margin:0 0 16px;justify-content:center;gap:7px}.d-botanica .d-service span{padding:6px 8px;background:#edfaf6;border:1px solid #c8e7de;border-radius:20px}.d-accent-title{padding-left:11px;border-left:4px solid var(--brand)}.d-botanica .d-purchase-row{border-top:1px solid #cbe6df;padding-top:13px}.d-botanica .d-purchase-row .d-cta{min-height:56px}.d-botanica .d-price strong{font-size:31px}
/* 67 voltage: hazard stripe, black split clock, geometric checkout, yellow action. */
body.template-landing-67-velocity{--paper:#fffedb;--brand:#161f29;--d-top:#ffe224;--d-action:#ffe224;--d-action-ink:#162136;--d-radius:2px;--d-shadow:3px 3px 0 #17233c}.d-velocity .d-topbar{border-bottom:4px solid transparent;border-image:repeating-linear-gradient(135deg,#182234 0 7px,#ffe224 7px 14px) 4}.d-velocity .d-topbar-icon{border-radius:3px}.d-velocity .d-clock b{background:#17233c;color:#ffe224;border-radius:3px}.d-velocity .d-first-image{border:4px solid #ffe224}.d-velocity .d-panel{background:#fffef5;border:2px solid #192435;margin:6px}.d-speed-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.d-speed-label span{background:#f02651;color:white;padding:5px 10px;font-size:10px;font-weight:900}.d-speed-label b{font:bold italic 23px Arial}.d-speed-checkout{display:flex;align-items:center;gap:10px;border:2px solid #17233c;margin-top:15px;padding:8px;background:#17233c}.d-speed-checkout .d-price{flex:1}.d-speed-checkout .d-price strong{color:#ffe224;font-size:30px}.d-speed-checkout .d-price s{color:#fff}.d-speed-checkout .d-cta{flex:1;margin:0!important;font-size:15px!important;min-height:48px!important;box-shadow:none!important}.d-velocity .d-cta b{font-style:italic}
/* 68 lilac: capsule clock, scalloped card lip, centered title, pill / round arrow. */
body.template-landing-68-maison{--paper:#f7efff;--brand:#7940c4;--d-top:linear-gradient(100deg,#9a68dc,#e4acd7);--d-action:linear-gradient(105deg,#b366da,#7442cd);--d-radius:999px;--d-shadow:0 5px 12px #8345b530}.d-maison .d-topbar{color:white;min-height:51px}.d-maison .d-clock{padding:4px 7px;background:#ffffffd9;border-radius:24px;color:#9556be;gap:2px}.d-maison .d-clock b{background:none;box-shadow:none;padding:2px;min-width:19px}.d-maison .d-topbar-icon{color:#9c55c1;background:#fff}.d-maison .d-first-image{padding:6px 6px 0;background:#ecdaff}.d-maison .gallery-stage{border-radius:16px 16px 0 0!important}.d-maison .d-panel{text-align:center;background:white;margin:0 6px;padding:15px 19px 20px;border-radius:0 0 22px 22px;border-top:5px dotted #dab6ed}.d-orbit-label{display:flex;justify-content:center;align-items:center;gap:13px;color:#9657b8;font-size:10px;font-weight:800;margin-bottom:10px}.d-orbit-label span{font-size:23px}.d-maison .d-price{justify-content:center;margin-top:14px}.d-maison .d-cta b{width:25px;height:25px;border-radius:50%;background:#ffffff35;display:grid;place-items:center}.d-maison .d-service{justify-content:center}
/* 69 jade: tiny progress line, dark clock block, bordered title, emerald price plate. */
body.template-landing-69-orbit{--paper:#f4f1e7;--brand:#236350;--d-top:#e6ebd9;--d-action:#255e4e;--d-radius:4px;--d-shadow:0 4px 0 #173f34}.d-orbit .d-topbar{padding-left:15px;border-top:4px solid #2e5f4e}.d-orbit .d-topbar-icon{background:#366a55;color:#ead8a8}.d-orbit .d-clock{background:#2a594b;padding:5px;border-radius:3px;color:#e7d7a9}.d-orbit .d-clock b{background:none;color:#f2e5be;box-shadow:none;min-width:18px;padding:0}.d-orbit .d-first-image{padding:6px;background:#e8e5d8}.d-orbit .gallery-stage{border:1px solid #978d72}.d-orbit .d-panel{background:#fffdf7;margin:0 6px}.d-green-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.05em;color:#557359;margin-bottom:12px}.d-green-heading b{font-size:25px}.d-green-price{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:15px;padding:12px;background:#e8efdf;border-left:4px solid #68866d}.d-green-price>span{font-size:10px;color:#476851}.d-orbit .d-cta b{background:#decba0;color:#315c49;padding:4px 8px;margin-left:auto}.d-orbit .d-cta span{flex:1}
/* 70 orange coupon: striped rim, bordered clock, notched coupon, split corner CTA. */
body.template-landing-70-parcel{--paper:#fff0e7;--brand:#ed5928;--d-top:linear-gradient(100deg,#ff8e60,#ffbb8e);--d-action:linear-gradient(100deg,#ff722e,#f54735);--d-radius:6px 24px 6px 24px;--d-shadow:0 4px 0 #d64822}.d-parcel .d-topbar{color:#fff;border-top:5px solid transparent;border-image:repeating-linear-gradient(135deg,#fff6 0 7px,#ff8655 7px 14px) 5}.d-parcel .d-topbar-icon{background:white;color:#f17a4e;border-radius:3px}.d-parcel .d-clock b{border:1px solid #ed7d56;box-shadow:0 2px #df7b55}.d-parcel .d-first-image{padding:5px}.d-parcel .gallery-stage{border-radius:7px!important}.d-parcel .d-panel{background:white;margin:0 8px 8px;border:1px solid #f3bd9c;padding-top:11px;position:relative}.d-ticket-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:1px dashed #ecae87;padding-bottom:9px;color:#d45e28;font-size:11px;font-weight:900}.d-ticket-head>span:last-child{font-size:22px}.d-parcel .d-ticket-price{border-block:1px dashed #f18f64;background:#fff0e5;border-radius:0;margin-inline:-15px;padding-inline:15px}.d-parcel .d-ticket-price>span{border-left:1px dashed #edb18c;padding-left:12px;max-width:35%;color:#dc6d38}.d-parcel .d-panel:after{content:"";height:6px;position:absolute;bottom:-6px;left:-1px;right:-1px;background:linear-gradient(135deg,#fff 25%,transparent 25%) 0 0/12px 12px,linear-gradient(225deg,#fff 25%,transparent 25%) 0 0/12px 12px}
/* Dock reuses data-cart-total and cart-open; no duplicate form or submit handler. */
body.designer-page #mobile-cart-bar{display:flex;align-items:center;gap:8px;max-width:530px;width:calc(100% - 14px);left:50%;right:auto;transform:translateX(-50%);bottom:7px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));border:1px solid #e7d9c8;border-radius:12px;background:#fffdf9;box-shadow:0 -4px 20px #15203018}.d-dock-price{flex:0 1 auto;min-width:68px;max-width:35%;text-align:left}.d-dock-price small{display:block;color:#6f6a64;font-size:9px;font-weight:750;line-height:1.3}.d-dock-price strong{display:block;color:var(--brand);font-size:21px;font-weight:950;line-height:1.2;letter-spacing:-.06em;overflow-wrap:anywhere}
body.designer-page #mobile-cart-bar .mobile-cart-bar__buy,body.designer-page #cod-order-form .checkout-step__actions .submit{min-height:51px;min-width:0;border:0!important;border-radius:var(--d-radius)!important;background:var(--d-action)!important;color:var(--d-action-ink)!important;box-shadow:var(--d-shadow)!important;font-size:18px!important;font-weight:900;letter-spacing:0!important;line-height:1.25;text-shadow:none;padding:10px 12px}body.designer-page #mobile-cart-bar .mobile-cart-bar__buy{flex:1}.designer-page #mobile-cart-bar .mobile-cart-bar__service{flex:0 1 65px;min-height:47px;padding:4px;gap:3px;color:var(--ink);border:0;background:transparent;border-radius:5px;font-size:9px;line-height:1.2;display:flex;flex-direction:column}.designer-page #mobile-cart-bar .mobile-cart-bar__service svg{width:17px;height:17px;flex:none}
body.template-landing-67-velocity #mobile-cart-bar{background:#17233c;border-color:#ffe224;border-radius:3px}.template-landing-67-velocity .d-dock-price strong{color:#ffe224}.template-landing-67-velocity .d-dock-price small,.template-landing-67-velocity #mobile-cart-bar .mobile-cart-bar__service{color:white}.template-landing-64-gazette #mobile-cart-bar{border:2px solid #263344;border-radius:1px}.template-landing-65-pop #mobile-cart-bar{border:2px solid #382140;background:#fff3c4}.template-landing-68-maison #mobile-cart-bar{border-radius:25px}.template-landing-69-orbit #mobile-cart-bar{border-radius:3px;border-top:3px solid #40664e}.designer-page .order-card{background:white;color:#253042;--ink:#253042;--paper:#fff;--deep:#253042;border-top:4px solid var(--brand);border-radius:15px}.designer-page .order-section{color:var(--ink);background:var(--paper)}.designer-page .designer-service-summary{display:flex;gap:12px;flex-wrap:wrap;padding:17px;border-block:1px solid #d6dbd4;font-size:12px}.designer-page .package-option.is-selected{border-color:var(--brand)}
.designer-page :is(a,button):focus-visible{outline:3px solid #2384ea;outline-offset:3px}.designer-page .d-cta:active{filter:brightness(.96)}
@media(max-width:350px){.designer-hero .d-title h1{font-size:23px}.d-topbar{padding-inline:8px;gap:6px}.d-topbar-copy strong{font-size:11px}.d-clock{gap:2px}.d-clock b{min-width:21px}.d-price strong{font-size:30px}.d-purchase-row{gap:8px}.d-purchase-row .d-cta{font-size:15px!important}.d-speed-checkout{padding:6px;gap:6px}.d-speed-checkout .d-price strong{font-size:25px}.d-dock-price strong{font-size:18px}body.designer-page #mobile-cart-bar{gap:5px}body.designer-page #mobile-cart-bar .mobile-cart-bar__buy{font-size:16px!important;padding-inline:8px}.designer-page #mobile-cart-bar .mobile-cart-bar__service{flex-basis:52px}.d-topbar-secure{font-size:9px}}
@media(min-width:700px){body.designer-page{background:#e9edf2}.designer-page .designer-hero{box-shadow:0 0 35px #2030400b}.designer-hero .d-title h1{font-size:29px}.designer-page .d-topbar{min-height:48px}.designer-page .d-topbar-copy strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.designer-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
