@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap');:root{--bg:#fafbff;--bg2:#f4f6fd;--bg3:#eef1f9;--card:#ffffff;--bdr:rgba(100,110,180,0.1);--bdr2:rgba(100,110,180,0.18);--bdr-pink:rgba(220,150,175,0.3);--bdr-blue:rgba(120,160,220,0.3);--text:#1a1d35;--text2:#3d4168;--muted:#7880a8;--dim:#aab0cc;--pink:#e8829a;--pink-l:#f4b8c8;--pink-s:rgba(232,130,154,0.1);--pink-g:rgba(232,130,154,0.22);--blue:#7aaee8;--blue-s:rgba(122,174,232,0.1);--lav:#a89ee8;--lav-s:rgba(168,158,232,0.1);--mint:#7ac9b8;--green:#4cbb8a;--g-main:linear-gradient(135deg,#e8829a,#a89ee8);--g-blue:linear-gradient(135deg,#7aaee8,#a89ee8);--g-hero:linear-gradient(160deg,#fafbff 0%,#f0f3fd 40%,#faf0f5 100%);--g-soft:linear-gradient(135deg,rgba(232,130,154,0.06),rgba(168,158,232,0.06));--g-pink:linear-gradient(135deg,rgba(232,130,154,0.1),rgba(168,158,232,0.08));--sh:0 2px 16px rgba(100,110,180,0.08);--sh-md:0 8px 36px rgba(100,110,180,0.12);--sh-lg:0 20px 56px rgba(100,110,180,0.14);--sh-pink:0 8px 24px rgba(232,130,154,0.25);--r:14px;--rl:20px;--rx:28px;--rs:10px;--fd:'Fraunces',serif;--fb:'Plus Jakarta Sans',sans-serif;--fm:'DM Mono',monospace;--ease:cubic-bezier(.4,0,.2,1);--spring:cubic-bezier(.34,1.56,.64,1);}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--fb);overflow-x:hidden;line-height:1.65;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:rgba(255,42,133,0.3);border-radius:3px}.hidden{display:none!important}a{text-decoration:none;color:inherit}.navbar{position:fixed;top:0;left:0;right:0;z-index:200;padding:15px 48px;display:flex;align-items:center;justify-content:space-between;background:rgba(250,251,255,0.88);backdrop-filter:blur(20px);border-bottom:1px solid var(--bdr);transition:all .3s var(--ease)}.navbar.scrolled{padding:10px 48px;background:rgba(250,251,255,0.97);box-shadow:var(--sh)}.nav-logo{font-family:var(--fd);font-size:1.4rem;font-weight:700;background:var(--g-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;white-space:nowrap}.nav-logo sub{font-family:var(--fm);font-size:.55rem;-webkit-text-fill-color:var(--dim);margin-left:4px;vertical-align:middle}.nav-links{display:flex;align-items:center;gap:6px}.nav-cart-wrap{position:relative;cursor:pointer}.cart-count{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:var(--g-main);color:white;font-size:.62rem;font-weight:700;display:flex;align-items:center;justify-content:center;font-family:var(--fm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 20px;border-radius:100px;font-family:var(--fb);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .22s var(--ease);text-decoration:none;border:none;outline:none;white-space:nowrap}.btn-primary{background:var(--g-main);color:#fff;box-shadow:var(--sh-pink)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(232,130,154,.35)}.btn-blue{background:var(--g-blue);color:#fff}.btn-blue:hover{transform:translateY(-2px)}.btn-soft{background:var(--pink-s);color:var(--pink);border:1px solid var(--bdr-pink)}.btn-soft:hover{background:rgba(232,130,154,.16)}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--bdr)}.btn-ghost:hover{background:var(--bg3);color:var(--text2);border-color:var(--bdr2)}.btn-outline{background:transparent;color:var(--pink);border:1.5px solid rgba(255,42,133,0.3)}.btn-outline:hover{background:var(--pink-s);border-color:var(--pink)}.btn-google{background:#fff;color:#333;border:1.5px solid var(--bdr2);font-size:.93rem;padding:12px 22px;gap:11px;box-shadow:var(--sh)}.btn-google:hover{background:var(--bg2);transform:translateY(-1px)}.btn-lg{font-size:1rem;padding:12px 28px}.btn-xl{font-size:1.05rem;padding:14px 34px}.btn-full{width:100%}.btn-sm{font-size:.8rem;padding:7px 16px}.user-wrap{position:relative}.user-av{width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,42,133,0.3);cursor:pointer;object-fit:cover;transition:all .22s}.user-av:hover{border-color:var(--pink);box-shadow:0 0 0 3px var(--pink-s)}.user-dd{position:absolute;top:calc(100% + 12px);right:0;background:var(--card);border:1px solid var(--bdr);border-radius:var(--rl);padding:8px;min-width:210px;display:none;box-shadow:var(--sh-md);z-index:300}.user-dd.open{display:block;animation:ddIn .2s ease}@keyframes ddIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dd-head{padding:10px 12px 9px;border-bottom:1px solid var(--bdr);margin-bottom:6px}.dd-name{font-weight:600;font-size:.88rem;color:var(--text)}.dd-email{font-size:.72rem;color:var(--dim);margin-top:2px}.dd-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;color:var(--muted);font-size:.875rem;cursor:pointer;transition:all .18s;text-decoration:none}.dd-item:hover{background:var(--bg2);color:var(--text2)}.dd-item.red:hover{background:#fff0f0;color:#e05a5a}.dd-sep{height:1px;background:var(--bdr);margin:4px 0}.hero-compact{padding:100px 48px 52px;position:relative;background:var(--g-hero);overflow:hidden;text-align:center}.blob{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;animation:blobDrift 14s ease-in-out infinite}.blob-1{width:460px;height:460px;background:radial-gradient(circle,rgba(232,130,154,.11) 0%,transparent 70%);top:-120px;right:-80px}.blob-2{width:360px;height:360px;background:radial-gradient(circle,rgba(122,174,232,.09) 0%,transparent 70%);bottom:-60px;left:-60px;animation-delay:-6s}@keyframes blobDrift{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.03)}}.dots-bg{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(100,110,180,.055) 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%)}.hero-inner{position:relative;z-index:1;max-width:680px;margin:0 auto}.hero-chip{display:inline-flex;align-items:center;gap:8px;background:white;border:1px solid var(--bdr2);border-radius:100px;padding:5px 16px;font-size:.74rem;font-family:var(--fm);color:var(--muted);margin-bottom:20px;box-shadow:var(--sh)}.chip-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--g-main);animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.hero-compact h1{font-family:var(--fd);font-size:clamp(2.2rem,6vw,5rem);font-weight:700;line-height:1.08;letter-spacing:-.5px;margin-bottom:14px;color:var(--text)}.hero-compact h1 em{font-style:italic;background:var(--g-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:clamp(.93rem,1.5vw,1.05rem);color:var(--muted);max-width:440px;margin:0 auto 26px;line-height:1.8}.offer-panel{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,0.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:2px solid rgba(255,42,133,0.3);border-radius:28px;max-width:720px;margin:30px auto 0;padding:24px 32px;box-shadow:0 16px 40px rgba(232,130,154,0.2);text-align:left;gap:25px;transition:transform 0.3s var(--ease),box-shadow 0.3s;}.offer-panel:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(232,130,154,0.3);border-color:var(--pink);}.offer-panel-left{flex:1;}.offer-badge{display:inline-flex;align-items:center;background:linear-gradient(135deg,var(--pink) 0%,#ff6da1 100%);color:white;font-family:var(--fm);font-size:0.85rem;font-weight:700;padding:6px 16px;border-radius:100px;margin-bottom:12px;letter-spacing:0.5px;box-shadow:0 6px 16px rgba(255,42,133,0.3);animation:salePop 2.5s infinite;}.offer-desc{font-size:1.05rem;color:var(--text2);line-height:1.5;font-weight:500;}.offer-panel-right{display:flex;flex-direction:column;align-items:center;justify-content:center;background:white;border-radius:20px;padding:16px 28px;border:1.5px solid var(--bdr2);box-shadow:var(--sh);min-width:160px;}.offer-count-lbl{font-family:var(--fm);font-size:0.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px;font-weight:600;}.offer-count-num{font-family:var(--fd);font-size:2.5rem;font-weight:800;background:var(--g-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;}@media(max-width:600px){.offer-panel{flex-direction:column;text-align:center;padding:24px 20px;gap:18px;border-radius:24px;}}.page-main{max-width:1220px;margin:0 auto;padding:36px 48px 80px}.filter-row{display:flex;align-items:center;gap:12px;margin-bottom:24px}.filter-label{font-family:var(--fd);font-size:1.15rem;font-weight:600;color:var(--text)}.filter-count{font-family:var(--fm);font-size:.73rem;color:var(--muted);background:var(--bg2);border:1px solid var(--bdr);border-radius:100px;padding:2px 10px}.t-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:60px}.load-msg{grid-column:1/-1;text-align:center;padding:60px;color:var(--dim);display:flex;flex-direction:column;align-items:center;gap:12px}.tpl-cat-grid{display:grid;grid-template-columns:repeat(3,300px);justify-content:center;gap:32px;margin-top:32px;margin-bottom:60px;}@media (max-width:1024px){.tpl-cat-grid{grid-template-columns:repeat(2,300px);gap:24px;}}@media (max-width:650px){.tpl-cat-grid{grid-template-columns:1fr;gap:16px;width:100%;max-width:320px;margin-inline:auto;}}.t-card{background:var(--card);border:1px solid var(--bdr);border-radius:var(--rx);overflow:hidden;transition:all .3s var(--ease);box-shadow:var(--sh);cursor:pointer;display:flex;flex-direction:column}.t-card:hover{border-color:var(--bdr-pink);transform:translateY(-8px);box-shadow:var(--sh-lg)}.t-media{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--bg3)}.t-thumb{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease)}.t-card:hover .t-thumb{transform:scale(1.04)}.t-ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.t-ph.hk{background:linear-gradient(135deg,#fff0f4,#f4eeff,#eef4ff)}.t-ph.hp{background:linear-gradient(135deg,#f5eee8,#f0ece0,#eaeaf5)}.ph-emoji{font-size:3.8rem;animation:bob 3s ease-in-out infinite}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.t-badge{position:absolute;top:11px;left:11px;z-index:3;background:var(--g-main);color:white;font-family:var(--fm);font-size:.63rem;padding:4px 11px;border-radius:100px;box-shadow:var(--sh-pink)}.t-badge.new{background:linear-gradient(135deg,#ff7eb3,#ff758c);animation:badgePulse 2s infinite ease-in-out;box-shadow:0 0 15px rgba(255,126,179,0.4)}@keyframes badgePulse{0%,100%{transform:scale(1);box-shadow:0 0 10px rgba(255,126,179,0.3)}50%{transform:scale(1.08);box-shadow:0 0 20px rgba(255,126,179,0.6)}}.t-card-actions{position:absolute;top:10px;right:10px;z-index:3;display:flex;gap:6px}.card-icon-btn{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.88);backdrop-filter:blur(8px);border:1px solid var(--bdr2);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;transition:all .2s;box-shadow:var(--sh)}.card-icon-btn:hover{transform:scale(1.1)}.card-icon-btn.fav.on,.card-icon-btn.fav:hover{background:var(--pink-s);border-color:var(--bdr-pink)}.card-icon-btn.cart-add:hover{background:rgba(122,174,232,.15);border-color:var(--bdr-blue)}.card-icon-btn.cart-add.in{background:rgba(122,174,232,.15);border-color:var(--bdr-blue)}.t-body{padding:18px 20px;flex:1;display:flex;flex-direction:column}.t-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.t-name{font-family:var(--fd);font-size:1.15rem;font-weight:700;color:var(--text)}.t-price{font-family:var(--fm);font-size:.88rem;background:var(--g-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.t-tagline{font-size:.8rem;color:var(--muted);margin-bottom:15px;flex:1}.t-card-btns{display:flex;gap:7px;margin-top:auto}.t-card-btns .btn{flex:1;font-size:.8rem;padding:8px 14px}.t-special{grid-column:1 / -1;display:grid !important;grid-template-columns:360px 1fr;background:var(--card);background-image:var(--g-soft);border:1.5px solid rgba(255,42,133,0.3);cursor:pointer;transition:all 0.3s var(--ease);}.t-special:hover{transform:translateY(-4px);border-color:var(--pink);box-shadow:var(--sh-lg);}.t-special .t-media{aspect-ratio:auto;height:100%;}.t-special .t-body{padding:32px 40px;justify-content:center;}.t-special .t-name{font-size:1.6rem;}.t-special .t-tagline{font-size:1rem;max-width:500px;margin-bottom:24px;}.t-special .t-card-btns{max-width:300px;}.t-special .t-price{font-size:1.2rem;}@media (max-width:850px){.t-special{display:flex !important;grid-template-columns:none;grid-column:auto;}.t-special .t-media{aspect-ratio:16/9;height:auto;}.t-special .t-body{padding:20px;}}.t-sale-badge{position:absolute;bottom:10px;left:10px;z-index:3;background:linear-gradient(135deg,#ff4f7b,#ff7b2f);color:white;font-family:var(--fm);font-size:.58rem;font-weight:700;padding:4px 10px;border-radius:100px;box-shadow:0 4px 12px rgba(255,79,123,0.4);letter-spacing:.5px;animation:salePop 2.2s ease-in-out infinite}@keyframes salePop{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}.t-sale-strip{display:inline-flex;align-items:center;gap:5px;font-family:var(--fm);font-size:.62rem;color:#ff4f7b;background:rgba(255,79,123,0.08);border:1px solid rgba(255,79,123,0.22);border-radius:100px;padding:3px 10px;margin-bottom:5px}.t-price-wrap{display:flex;align-items:center;gap:6px}.t-price-orig{font-family:var(--fm);font-size:.78rem;color:var(--dim);text-decoration:line-through;font-weight:500}.t-price.sale{font-family:var(--fm);font-size:.9rem;font-weight:700;background:linear-gradient(135deg,#ff4f7b,#ff7b2f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sug-section{padding-top:60px;border-top:1px solid var(--bdr);margin-bottom:20px}.sug-inner{max-width:820px;margin:0 auto}.sug-header{text-align:center;margin-bottom:40px}.sug-chip{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,rgba(168,158,232,.12),rgba(122,174,232,.1));border:1px solid rgba(168,158,232,.3);border-radius:100px;padding:5px 16px;font-size:.73rem;font-family:var(--fm);color:var(--lav);letter-spacing:.5px;margin-bottom:14px}.sug-title{font-family:var(--fd);font-size:clamp(1.7rem,4vw,2.4rem);font-weight:700;color:var(--text);letter-spacing:-.4px;line-height:1.1;margin-bottom:10px}.sug-title em{font-style:italic;background:var(--g-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sug-sub{color:var(--muted);font-size:.94rem;line-height:1.8;max-width:500px;margin:0 auto}.sug-form-wrap{position:relative;background:var(--card);border:1.5px solid var(--bdr2);border-radius:28px;padding:44px 48px;box-shadow:var(--sh-lg);overflow:hidden}.sug-form-wrap::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(232,130,154,.04),rgba(168,158,232,.04),rgba(122,174,232,.04));pointer-events:none}.sug-orbs{position:absolute;inset:0;pointer-events:none;overflow:hidden}.sug-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.35}.sug-orb-1{width:320px;height:320px;background:radial-gradient(circle,rgba(232,130,154,.3),transparent 70%);top:-80px;right:-60px;animation:orbDrift 10s ease-in-out infinite}.sug-orb-2{width:240px;height:240px;background:radial-gradient(circle,rgba(168,158,232,.3),transparent 70%);bottom:-60px;left:-40px;animation:orbDrift 12s ease-in-out infinite reverse}.sug-orb-3{width:180px;height:180px;background:radial-gradient(circle,rgba(122,174,232,.25),transparent 70%);top:40%;left:50%;animation:orbDrift 8s ease-in-out infinite 2s}@keyframes orbDrift{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(15px,-10px) scale(1.05)}66%{transform:translate(-10px,12px) scale(.97)}}.sug-form{position:relative;z-index:1;display:flex;flex-direction:column;gap:22px}.sug-field-group{display:flex;flex-direction:column;gap:8px}.sug-label{font-family:var(--fm);font-size:.73rem;color:var(--muted);letter-spacing:.5px;font-weight:500}.sug-required{color:var(--pink);font-weight:700}.sug-optional{color:var(--dim);font-weight:400}.sug-inp-wrap{position:relative}.sug-inp{width:100%;background:var(--bg2);border:2px solid var(--bdr2);border-radius:14px;padding:14px 18px;font-family:var(--fb);font-size:.95rem;color:var(--text);outline:none;transition:all .25s;resize:none;line-height:1.6}.sug-inp::placeholder{color:var(--dim)}.sug-inp:focus{border-color:var(--pink);background:white;box-shadow:0 0 0 4px var(--pink-s)}.sug-inp:focus + .sug-inp-glow{opacity:1}.sug-inp-glow{position:absolute;inset:-1px;border-radius:15px;background:var(--g-main);opacity:0;z-index:-1;filter:blur(8px);transition:opacity .3s;pointer-events:none}.sug-textarea{min-height:90px}.sug-btn{position:relative;width:100%;padding:16px 24px;border:none;border-radius:100px;background:linear-gradient(135deg,#e8829a 0%,#a89ee8 50%,#7aaee8 100%);background-size:200% 200%;color:white;font-family:var(--fb);font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s;overflow:hidden;box-shadow:0 10px 30px rgba(232,130,154,.3);letter-spacing:.2px;animation:gradShift 4s ease infinite}@keyframes gradShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.sug-btn:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(232,130,154,.45)}.sug-btn:active{transform:translateY(0)}.sug-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.sug-btn-shine{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:btnShine 3s ease infinite;pointer-events:none}@keyframes btnShine{0%,70%{left:-100%}100%{left:180%}}.sug-disclaimer{text-align:center;font-size:.76rem;color:var(--dim);font-family:var(--fm);margin-top:4px}.sug-success{text-align:center;padding:20px 0;animation:popUp .4s var(--spring)}.sug-success-ico{font-size:3.5rem;display:block;margin-bottom:14px;animation:bob 3s ease-in-out infinite}.sug-success h3{font-family:var(--fd);font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:8px}.sug-success p{color:var(--muted);font-size:.9rem;line-height:1.8;max-width:380px;margin:0 auto}@media(max-width:768px){.sug-form-wrap{padding:28px 22px;border-radius:20px}.sug-section{padding-top:40px}}.detail-page{max-width:1100px;margin:0 auto;padding:90px 48px 80px}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--muted);text-decoration:none;font-size:.84rem;margin-bottom:24px;transition:color .18s}.back-link:hover{color:var(--pink)}.detail-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:start}.detail-media{position:sticky;top:90px}.media-player{border-radius:var(--rl);overflow:hidden;background:#000;aspect-ratio:16/9;position:relative;box-shadow:var(--sh-md)}.media-player video{width:100%;height:100%;object-fit:cover;display:block}.media-player img{width:100%;height:100%;object-fit:cover;display:block}.media-play-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.25);cursor:pointer;transition:background .2s}.media-play-btn:hover{background:rgba(0,0,0,.35)}.play-circle{width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:var(--sh-md);transition:transform .2s}.media-play-btn:hover .play-circle{transform:scale(1.08)}.gallery-thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.gallery-thumb{width:72px;height:50px;border-radius:var(--rs);overflow:hidden;border:2px solid var(--bdr);cursor:pointer;transition:all .2s;flex-shrink:0}.gallery-thumb:hover,.gallery-thumb.active{border-color:var(--pink);box-shadow:0 0 0 2px var(--pink-s)}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.gallery-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.gallery-ph.hk{background:linear-gradient(135deg,#fff0f4,#f4eeff)}.gallery-ph.hp{background:linear-gradient(135deg,#f5eee8,#f0ece0)}.detail-badge{display:inline-block;font-family:var(--fm);font-size:.63rem;color:white;background:var(--g-main);border-radius:100px;padding:4px 12px;margin-bottom:12px;box-shadow:var(--sh-pink)}.detail-name{font-family:var(--fd);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;letter-spacing:-.5px;line-height:1.1;margin-bottom:8px;color:var(--text)}.detail-tagline{font-size:1rem;color:var(--muted);margin-bottom:6px}.detail-vibe{display:inline-block;font-family:var(--fm);font-size:.63rem;padding:3px 10px;border-radius:100px;margin-bottom:18px}.v-cute{background:var(--pink-s);color:var(--pink);border:1px solid var(--bdr-pink)}.v-magic{background:rgba(196,160,32,.1);color:#b08820;border:1px solid rgba(196,160,32,.2)}.detail-desc{font-size:.92rem;color:var(--muted);line-height:1.85;margin-bottom:22px}.detail-features{background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--r);padding:18px 20px;margin-bottom:16px}.feat-title{font-family:var(--fm);font-size:.68rem;color:var(--dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.feat-list{display:flex;flex-direction:column;gap:8px}.feat-item{font-size:.86rem;color:var(--text2);display:flex;align-items:center;gap:8px}.detail-submit-guide{background:white;border:1px solid var(--bdr2);border-radius:var(--r);padding:24px 20px;margin-bottom:22px;box-shadow:var(--sh)}.submit-list{display:flex;flex-direction:column;gap:16px}.submit-step{display:flex;gap:14px;align-items:flex-start}.ss-ico-wrap{position:relative;width:32px;height:32px;border-radius:50%;background:var(--bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ss-ico{font-size:1.1rem}.ss-req-dot{position:absolute;top:0;right:0;width:8px;height:8px;border-radius:50%;background:var(--pink);border:2px solid white;box-shadow:0 0 0 1px var(--pink-s)}.ss-content{flex:1}.ss-label{font-size:.88rem;font-weight:700;color:var(--text);margin-bottom:2px}.ss-opt{font-size:.7rem;color:var(--dim);font-weight:400;margin-left:4px}.ss-desc{font-size:.78rem;color:var(--muted);line-height:1.5}.detail-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:24px}.tag{font-family:var(--fm);font-size:.62rem;background:var(--bg2);border:1px solid var(--bdr);border-radius:100px;padding:3px 9px;color:var(--dim);transition:all .18s}.tag:hover{border-color:var(--bdr-pink);color:var(--pink);background:var(--pink-s)}.price-row{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding:16px 18px;background:var(--g-soft);border:1px solid var(--bdr2);border-radius:var(--r)}.price-amount{font-family:var(--fd);font-size:2rem;font-weight:700;background:var(--g-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.price-note{font-size:.78rem;color:var(--dim);line-height:1.5}.detail-actions{display:flex;gap:10px;margin-bottom:16px}.detail-actions .btn{flex:1}.detail-action-row{display:flex;gap:8px}.detail-action-row .btn{flex:1}.cart-overlay{position:fixed;inset:0;background:rgba(20,22,50,.35);backdrop-filter:blur(8px);z-index:400;display:none}.cart-overlay.open{display:block;animation:fadeIn .2s ease}.cart-drawer{position:fixed;top:0;right:0;width:380px;height:100vh;background:var(--card);border-left:1px solid var(--bdr);z-index:500;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .32s var(--ease);box-shadow:-8px 0 40px rgba(100,110,180,.12)}.cart-drawer.open{transform:translateX(0)}.cart-hd{padding:20px 22px 16px;border-bottom:1px solid var(--bdr);display:flex;align-items:center;justify-content:space-between}.cart-hd-title{font-family:var(--fd);font-size:1.2rem;font-weight:700;color:var(--text)}.cart-close{width:30px;height:30px;border-radius:50%;background:var(--bg2);border:1px solid var(--bdr);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .18s}.cart-close:hover{background:#ffecec;color:#e05a5a}.cart-body{flex:1;overflow-y:auto;padding:16px 22px}.cart-empty{text-align:center;padding:48px 0;color:var(--dim)}.cart-empty .bi{font-size:2.8rem;display:block;margin-bottom:12px}.cart-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--bdr)}.cart-item-thumb{width:56px;height:40px;border-radius:var(--rs);overflow:hidden;background:var(--bg3);flex-shrink:0}.cart-item-thumb img{width:100%;height:100%;object-fit:cover}.cart-item-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.cart-item-ph.hk{background:linear-gradient(135deg,#fff0f4,#f4eeff)}.cart-item-ph.hp{background:linear-gradient(135deg,#f5eee8,#f0ece0)}.cart-item-info{flex:1}.cart-item-name{font-weight:600;font-size:.88rem;color:var(--text);margin-bottom:3px}.cart-item-price{font-family:var(--fm);font-size:.8rem;background:var(--g-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cart-item-remove{color:var(--dim);cursor:pointer;font-size:.85rem;transition:color .18s;align-self:center}.cart-item-remove:hover{color:#e05a5a}.cart-footer{padding:16px 22px;border-top:1px solid var(--bdr)}.cart-total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.cart-total-label{font-size:.88rem;color:var(--muted)}.cart-total-amount{font-family:var(--fd);font-size:1.4rem;font-weight:700;background:var(--g-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.inner-page{max-width:820px;margin:0 auto;padding:88px 48px 80px}.inner-header{margin-bottom:44px}.sec-chip{display:inline-block;font-family:var(--fm);font-size:.66rem;color:var(--pink);background:var(--pink-s);border:1px solid var(--bdr-pink);border-radius:100px;padding:4px 13px;margin-bottom:11px;letter-spacing:1.5px;text-transform:uppercase}.sec-chip.blue{color:var(--blue);background:var(--blue-s);border-color:rgba(122,174,232,.3)}.inner-title{font-family:var(--fd);font-size:clamp(1.9rem,5vw,2.8rem);font-weight:700;letter-spacing:-.5px;line-height:1.1;margin-bottom:9px;color:var(--text)}.inner-title em{font-style:italic;background:var(--g-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.inner-sub{color:var(--muted);font-size:.97rem;line-height:1.8}.hiw-steps{display:flex;flex-direction:column;gap:0;margin-bottom:52px}.hiw-card{background:var(--card);border:1px solid var(--bdr);border-radius:var(--rl);padding:26px 26px 26px 76px;position:relative;box-shadow:var(--sh);transition:all .22s}.hiw-card:hover{border-color:var(--bdr2);box-shadow:var(--sh-md)}.hiw-num{position:absolute;top:22px;left:22px;font-family:var(--fm);font-size:.68rem;color:white;background:var(--g-main);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600}.hiw-ico{font-size:1.7rem;margin-bottom:7px}.hiw-ttl{font-family:var(--fd);font-weight:700;font-size:1.05rem;color:var(--text);margin-bottom:6px}.hiw-txt{font-size:.87rem;color:var(--muted);line-height:1.8}.hiw-connector{width:1px;height:22px;background:linear-gradient(to bottom,var(--bdr-pink),var(--bdr-blue));margin-left:37px}.faq-section{margin-bottom:48px}.faq-title{font-family:var(--fd);font-size:1.45rem;font-weight:700;color:var(--text);margin-bottom:18px}.faq-list{display:flex;flex-direction:column;gap:9px}.faq-item{background:var(--card);border:1px solid var(--bdr);border-radius:var(--r);overflow:hidden;transition:border-color .2s}.faq-item[open]{border-color:var(--bdr-pink)}.faq-q{padding:15px 18px;font-weight:600;font-size:.9rem;cursor:pointer;list-style:none;color:var(--text2);display:flex;align-items:center;justify-content:space-between}.faq-q::-webkit-details-marker{display:none}.faq-q::after{content:'＋';font-size:.95rem;color:var(--dim);flex-shrink:0;transition:transform .2s}.faq-item[open] .faq-q::after{transform:rotate(45deg);color:var(--pink)}.faq-a{padding:0 18px 14px;font-size:.86rem;color:var(--muted);line-height:1.8;border-top:1px solid var(--bdr);padding-top:13px}.hiw-cta{text-align:center;background:var(--g-soft);border:1.5px dashed var(--bdr2);border-radius:var(--rx);padding:44px 22px}.hiw-cta h2{font-family:var(--fd);font-size:1.6rem;font-weight:700;color:var(--text);margin-bottom:9px}.hiw-cta p{color:var(--muted);margin-bottom:22px;font-size:.92rem}.fav-empty{text-align:center;padding:52px 22px;background:var(--g-soft);border:1.5px dashed var(--bdr2);border-radius:var(--rx)}.fav-empty .big{font-size:2.8rem;display:block;margin-bottom:12px}.fav-empty h3{font-family:var(--fd);font-size:1.35rem;font-weight:700;color:var(--text);margin-bottom:7px}.fav-empty p{color:var(--muted);margin-bottom:20px;font-size:.9rem}.overlay{position:fixed;inset:0;background:rgba(20,22,50,.4);backdrop-filter:blur(12px);z-index:600;display:none;align-items:center;justify-content:center;padding:20px}.overlay.open{display:flex;animation:fadeIn .2s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal{background:var(--card);border:1px solid var(--bdr);border-radius:var(--rx);padding:40px 34px;max-width:410px;width:100%;text-align:center;animation:popUp .3s var(--spring);position:relative;box-shadow:var(--sh-lg)}@keyframes popUp{from{opacity:0;transform:scale(.9) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-x{position:absolute;top:12px;right:12px;width:27px;height:27px;border-radius:50%;background:var(--bg2);border:1px solid var(--bdr);color:var(--dim);cursor:pointer;font-size:.95rem;display:flex;align-items:center;justify-content:center;transition:all .18s}.modal-x:hover{background:#ffecec;color:#e05a5a}.modal-ico{font-size:2.8rem;display:block;margin-bottom:11px;animation:bob 3s ease-in-out infinite}.modal h2{font-family:var(--fd);font-size:1.65rem;font-weight:700;color:var(--text);margin-bottom:6px}.modal p{color:var(--muted);margin-bottom:22px;font-size:.88rem;line-height:1.75}.modal-or{display:flex;align-items:center;gap:10px;margin:12px 0;color:var(--dim);font-size:.72rem;font-family:var(--fm)}.modal-or::before,.modal-or::after{content:'';flex:1;height:1px;background:var(--bdr)}.f-group{margin-bottom:11px;text-align:left}.f-label{display:block;font-size:.74rem;font-family:var(--fm);color:var(--muted);margin-bottom:6px;letter-spacing:.5px}.f-inp{width:100%;background:var(--bg2);border:1.5px solid var(--bdr);border-radius:var(--rs);padding:10px 13px;color:var(--text);font-family:var(--fb);font-size:.9rem;outline:none;transition:all .2s}.f-inp:focus{border-color:var(--pink);background:white;box-shadow:0 0 0 3px var(--pink-s)}.f-inp::placeholder{color:var(--dim)}.f-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}textarea.f-inp{resize:vertical;min-height:82px;line-height:1.6}.order-modal{max-width:540px}.steps{display:flex;align-items:center;margin-bottom:22px}.stp{display:flex;align-items:center;gap:6px;font-family:var(--fm);font-size:.68rem;color:var(--dim)}.stp.active{color:var(--pink)}.stp.done{color:var(--mint)}.stp-dot{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--bdr2);display:flex;align-items:center;justify-content:center;font-size:.68rem;background:var(--bg2);flex-shrink:0}.stp.active .stp-dot{border-color:var(--pink);background:var(--pink-s);color:var(--pink)}.stp.done .stp-dot{border-color:var(--mint);background:rgba(122,201,184,.1);color:var(--mint)}.stp-line{flex:1;height:1px;background:var(--bdr);margin:0 6px}.order-note{background:var(--g-pink);border:1px solid var(--bdr-pink);border-radius:var(--r);padding:11px 14px;font-size:.8rem;color:var(--text2);line-height:1.75;margin-bottom:18px;text-align:left}.upload-area{border:2px dashed var(--bdr2);border-radius:var(--r);padding:20px;text-align:center;cursor:pointer;transition:all .2s;margin-bottom:14px}.upload-area:hover{border-color:var(--bdr-pink);background:var(--pink-s)}.upload-area.dragging{border-color:var(--pink);background:var(--pink-s)}.upload-ico{font-size:2rem;display:block;margin-bottom:8px}.upload-label{font-size:.84rem;color:var(--muted)}.upload-sub{font-size:.74rem;color:var(--dim);margin-top:4px}.upload-previews{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.upload-prev-item{position:relative;width:64px;height:48px;border-radius:var(--rs);overflow:hidden;border:1px solid var(--bdr)}.upload-prev-item img{width:100%;height:100%;object-fit:cover}.upload-prev-rm{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;background:rgba(0,0,0,.5);color:white;font-size:.6rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.wa-preview-box{background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--r);padding:13px;font-family:var(--fm);font-size:.77rem;color:var(--text2);line-height:1.8;margin-bottom:14px;text-align:left;max-height:180px;overflow-y:auto}.wa-label{font-family:var(--fm);font-size:.62rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;display:block;text-align:left}.success-box{text-align:center;padding:10px 0;display:none}.success-box.show{display:block;animation:up .5s var(--spring)}.success-box .s-ico{font-size:3.2rem;display:block;margin-bottom:12px;animation:bob 3s ease-in-out infinite}.success-box h2{font-family:var(--fd);font-size:1.6rem;font-weight:700;color:var(--text);margin-bottom:8px}.success-box p{color:var(--muted);font-size:.87rem;line-height:1.75;max-width:300px;margin:0 auto 18px}#toasts{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px}.toast{background:var(--card);border:1px solid var(--bdr);border-radius:var(--r);padding:10px 15px;display:flex;align-items:center;gap:9px;font-size:.85rem;min-width:230px;animation:tIn .27s ease;box-shadow:var(--sh-md);color:var(--text2)}.toast.ok{border-left:3px solid var(--green)}.toast.err{border-left:3px solid #e05a5a}.toast.inf{border-left:3px solid var(--pink)}@keyframes tIn{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast.out{animation:tOut .27s ease forwards}@keyframes tOut{to{opacity:0;transform:translateX(100%)}}.footer{background:var(--bg2);border-top:1px solid var(--bdr);padding:48px 48px 22px}.footer-inner{max-width:1220px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:44px;margin-bottom:32px}.f-logo{font-family:var(--fd);font-size:1.3rem;font-weight:700;background:var(--g-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;display:inline-block;margin-bottom:9px}.f-desc{color:var(--muted);font-size:.84rem;line-height:1.8;max-width:250px}.f-ctitle{font-family:var(--fm);font-size:.65rem;color:var(--dim);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:11px}.f-links{display:flex;flex-direction:column;gap:8px}.f-links a{color:var(--muted);text-decoration:none;font-size:.84rem;transition:color .18s}.f-links a:hover{color:var(--pink)}.f-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--bdr);color:var(--dim);font-size:.72rem;font-family:var(--fm)}.f-heart{color:var(--pink);animation:pulse 2s infinite}@keyframes up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.reveal{opacity:0;transform:translateY(30px);transition:all .8s var(--ease);pointer-events:none}.reveal.on{opacity:1;transform:translateY(0);pointer-events:auto}.stagger-in > *{opacity:0;transform:translateY(20px);transition:all .6s var(--ease)}.stagger-in > *.on{opacity:1;transform:translateY(0)}.btn-shimmer{position:relative;overflow:hidden}.btn-shimmer::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:none;animation:shimmer 3s infinite}.glass{background:rgba(255,255,255,0.7) !important;backdrop-filter:blur(12px) !important;border:1px solid rgba(255,255,255,0.3) !important}.hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px;font-size:1.5rem;color:var(--text);transition:transform 0.2s ease;}.hamburger.open{transform:rotate(90deg);}.mobile-menu{display:none;position:absolute;top:70px;left:0;right:0;background:rgba(255,255,255,0.98);backdrop-filter:blur(12px);border-bottom:1px solid var(--bdr);box-shadow:var(--sh-md);flex-direction:column;padding:16px 20px;gap:12px;z-index:199;animation:slideDown 0.25s ease;}@keyframes slideDown{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}.mobile-menu.open{display:flex;}.mobile-menu .btn{width:100%;justify-content:center;}@media(max-width:900px){.detail-grid{grid-template-columns:1fr}.detail-media{position:static}}@media(max-width:768px){.navbar{padding:12px 20px}.navbar.scrolled{padding:8px 20px}.nav-links .btn-ghost{display:none;}.hamburger{display:block;}.nav-links{gap:12px;}.nav-cart-wrap,#btn-login,.user-wrap{display:flex;}.user-wrap .user-av{width:34px;height:34px;}.hero-compact{padding:82px 20px 40px}.page-main,.detail-page,.inner-page{padding-left:20px;padding-right:20px}.t-grid{grid-template-columns:1fr}.cs-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr;gap:26px}.footer{padding:40px 20px 18px}.f-bottom{flex-direction:column;gap:5px;text-align:center}.cart-drawer{width:100%}.f-row{grid-template-columns:1fr}}.media-player{border-radius:var(--rl);overflow:hidden;background:#000;aspect-ratio:16/9;position:relative;box-shadow:var(--sh-md);}.media-player video{width:100%;height:100%;object-fit:cover;display:block;}.media-player img{width:100%;height:100%;object-fit:cover;display:block;}.vid-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.28);cursor:pointer;transition:opacity .25s;z-index:2;}.vid-overlay:hover{background:rgba(0,0,0,.38);}.vid-play-btn{width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:var(--sh-md);transition:transform .18s;padding-left:4px;}.vid-overlay:hover .vid-play-btn{transform:scale(1.08);}.vid-controls{display:flex;align-items:center;gap:10px;padding:10px 14px;margin-top:8px;background:var(--card);border:1px solid var(--bdr);border-radius:var(--r);box-shadow:var(--sh);}.vc-btn{background:none;border:none;cursor:pointer;font-size:1rem;padding:4px 6px;color:var(--text2);border-radius:var(--rs);transition:background .18s;flex-shrink:0;}.vc-btn:hover{background:var(--bg3);}.vc-progress-wrap{flex:1;position:relative;cursor:pointer;padding:8px 0;}.vc-progress-bar{height:4px;background:var(--bdr2);border-radius:2px;overflow:hidden;}.vc-progress-fill{height:100%;background:var(--g-main);border-radius:2px;}.vc-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:var(--pink);box-shadow:var(--sh-pink);pointer-events:none;}.vc-time{font-family:var(--fm);font-size:.7rem;color:var(--muted);white-space:nowrap;flex-shrink:0;}.gallery-thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;}.gallery-thumb{width:70px;height:48px;border-radius:var(--rs);overflow:hidden;border:2px solid var(--bdr);cursor:pointer;transition:all .2s;flex-shrink:0;}.gallery-thumb:hover,.gallery-thumb.active{border-color:var(--pink);box-shadow:0 0 0 2px var(--pink-s);}.gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block;}.gph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--muted);}.service-specs{background:var(--card);border:1px solid var(--bdr);border-radius:12px;padding:15px;margin:20px 0;font-size:0.85rem;}.spec-item{margin-bottom:5px;color:var(--text2);}.spec-item strong{color:var(--text);}.how-it-works-home{padding:40px 20px;background:rgba(255,255,255,0.3);border-bottom:1px solid var(--bdr);margin-bottom:0;}.hiw-home-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px;}.hiw-h-item{display:flex;align-items:center;gap:12px;}.hiw-h-num{width:28px;height:28px;background:var(--g-main);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex:0 0 auto;font-size:0.8rem;}.hiw-h-txt{font-size:0.85rem;line-height:1.4;color:var(--text2);}.hiw-h-txt strong{color:var(--text);}.what-you-get-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;max-width:900px;margin:25px auto 0;text-align:left;background:rgba(255,255,255,0.4);backdrop-filter:blur(10px);padding:20px;border-radius:16px;border:1px solid var(--bdr);}.wyg-h-item{display:flex;gap:10px;align-items:center;font-size:0.85rem;color:var(--text2);font-weight:500;}.wyg-h-item span{font-size:1.1rem;}@media(max-width:768px){.how-it-works-home{padding:30px 15px;}.hiw-home-grid{gap:15px;grid-template-columns:1fr;}.what-you-get-hero{grid-template-columns:1fr;margin-top:20px;padding:15px;}}.tpl-home{margin-bottom:60px;}.tpl-special-wrap{margin-bottom:36px;}.tpl-special-wrap .t-special{width:100%;}.tpl-section-hd{display:flex;align-items:center;gap:14px;margin-bottom:18px;margin-top:44px;}.tpl-section-hd:first-child{margin-top:0;}.tpl-section-label{font-family:var(--fd);font-size:1.15rem;font-weight:700;color:var(--text);white-space:nowrap;}.tpl-section-line{flex:1;height:1px;background:linear-gradient(to right,var(--bdr-pink),transparent);}.tpl-scroll-btns{display:flex;gap:6px;flex-shrink:0;}.tpl-scroll-btn{width:34px;height:34px;border-radius:50%;background:var(--card);border:1.5px solid var(--bdr2);color:var(--text2);font-size:1.35rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease);box-shadow:var(--sh);flex-shrink:0;}.tpl-scroll-btn:hover{background:var(--pink-s);border-color:var(--bdr-pink);color:var(--pink);transform:scale(1.1);box-shadow:var(--sh-pink);}.tpl-scroll-btn:active{transform:scale(0.95);}.tpl-scroll-row{display:flex;gap:20px;overflow-x:auto;padding-bottom:16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(232,130,154,0.3) transparent;}.tpl-scroll-row::-webkit-scrollbar{height:4px;}.tpl-scroll-row::-webkit-scrollbar-track{background:transparent;}.tpl-scroll-row::-webkit-scrollbar-thumb{background:rgba(232,130,154,0.35);border-radius:4px;}.tpl-scroll-row .t-card{flex:0 0 300px;scroll-snap-align:start;}@media(max-width:600px){.tpl-scroll-row .t-card{flex:0 0 82vw;}.tpl-section-label{font-size:1rem;}.tpl-scroll-btn{width:30px;height:30px;font-size:1.1rem;}}.see-more-card{flex:0 0 160px;min-height:280px;background:linear-gradient(135deg,rgba(255,255,255,0.08),rgba(255,255,255,0.03));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px dashed rgba(232,130,154,0.4);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all 0.3s var(--ease);color:var(--pink);font-family:var(--fd);scroll-snap-align:start;margin-bottom:8px;}.see-more-card:hover{background:rgba(255,255,255,0.12);border-style:solid;border-color:var(--pink);transform:translateY(-5px);box-shadow:0 10px 20px rgba(232,130,154,0.15);}.see-more-icon{width:44px;height:44px;background:var(--g-main);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 4px 10px rgba(232,130,154,0.2);}.see-more-text{font-size:0.85rem;font-weight:700;text-align:center;padding:0 10px;}@media(max-width:600px){.see-more-card{flex:0 0 50vw;min-height:240px;}}.dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:20px}.order-card{background:var(--card);border:1px solid var(--bdr);border-radius:var(--rx);padding:24px;transition:all .3s var(--ease);position:relative;display:flex;flex-direction:column;gap:16px;box-shadow:var(--sh)}.order-card:hover{transform:translateY(-5px);box-shadow:var(--sh-lg);border-color:var(--bdr-pink)}.order-header{display:flex;justify-content:space-between;align-items:start}.order-id{font-family:var(--fm);font-size:.75rem;color:var(--dim)}.status-badge{font-family:var(--fm);font-size:.65rem;font-weight:700;padding:4px 12px;border-radius:100px;text-transform:uppercase;letter-spacing:1px}.status-pending{background:rgba(255,193,7,0.1);color:#b08820;border:1px solid rgba(255,193,7,0.3)}.status-action{background:rgba(255,82,82,0.1);color:#e05a5a;border:1px solid rgba(255,82,82,0.3);animation:pulse-red 2s infinite}.status-ready{background:rgba(76,187,138,0.1);color:var(--green);border:1px solid rgba(76,187,138,0.3)}@keyframes pulse-red{0%,100%{box-shadow:0 0 0 0 rgba(224,90,90,0.4)}50%{box-shadow:0 0 0 6px rgba(224,90,90,0)}}.quota-card{background:var(--g-soft);border:1.5px dashed var(--bdr-pink);border-radius:var(--rl);padding:24px;margin-bottom:32px;display:flex;align-items:center;gap:24px}.quota-info{flex:1}.quota-title{font-family:var(--fd);font-size:1.25rem;font-weight:700;color:var(--text);margin-bottom:4px}.quota-desc{font-size:.88rem;color:var(--muted)}.quota-viz{width:120px;height:120px;position:relative;display:flex;align-items:center;justify-content:center}.quota-circle{width:100%;height:100%;transform:rotate(-90deg)}.quota-bg{fill:none;stroke:var(--bg3);stroke-width:8}.quota-progress{fill:none;stroke:var(--pink);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s ease}.quota-val{position:absolute;font-family:var(--fm);font-size:1.4rem;font-weight:700;color:var(--pink)}.empty-state{text-align:center;padding:80px 20px;background:var(--g-soft);border-radius:var(--rx);border:1.5px dashed var(--bdr2)}.empty-ico{font-size:4rem;display:block;margin-bottom:20px;animation:bob 3s infinite}@media (max-width: 768px) { .quota-card { flex-direction: column; text-align: center; padding: 24px 20px; gap: 20px; } .quota-viz { width: 100px; height: 100px; } .sug-form-wrap { padding: 32px 24px; } .sug-title { font-size: 1.8rem; } } @media (max-width: 600px) { .offer-panel { flex-direction: column; text-align: center; padding: 24px 20px; gap: 20px; } .offer-panel-right { width: 100%; min-width: 0; } .hero-compact h1 { font-size: clamp(1.8rem, 10vw, 3.5rem); } .hero-sub { font-size: 0.9rem; padding: 0 10px; } }