@import"https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700;800&family=Inter:wght@400;500;600&family=Tajawal:wght@400;500;700;800&display=swap";:root{--bg: #0A0A0F;--surface: #15151D;--surface-2: #1C1C26;--border: #26262F;--text: #F2F1F7;--muted: #8F8DA0;--accent: #7C5CFF;--accent-soft: rgba(124,92,255,.15);--radius: 18px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0}.app{background:radial-gradient(1200px 600px at 50% -10%,#1B1730 0%,var(--bg) 55%);min-height:100vh;color:var(--text);font-family:Inter,system-ui,sans-serif;padding-bottom:60px}.app[lang=ar]{font-family:Tajawal,Inter,system-ui,sans-serif}.app[lang=ar] h1,.app[lang=ar] .brand span,.app[lang=ar] .card-name,.app[lang=ar] .detail-name{font-family:Tajawal,sans-serif}h1,.brand span,.card-name,.detail-name,.form-title{font-family:Sora,Inter,sans-serif}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0a0fb8;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;letter-spacing:-.01em}.brand-sub{color:var(--muted);font-weight:500;font-size:13px}.brand-mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#FF6FA5);color:#fff}.lang-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:8px 14px;border-radius:100px;font-size:13px;font-weight:600;cursor:pointer}.lang-btn:hover{border-color:var(--accent)}.header-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:36px;height:36px;display:grid;place-items:center;border-radius:100px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);cursor:pointer}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.container{max-width:1080px;margin:0 auto;padding:0 18px}.hero{padding:40px 4px 22px}.hero h1{font-size:30px;line-height:1.15;margin:0 0 10px;letter-spacing:-.02em;max-width:560px}.hero p{color:var(--muted);font-size:15px;line-height:1.6;max-width:480px;margin:0}.search-bar{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:100px;padding:13px 18px;margin:6px 0 16px}.search-icon{color:var(--muted);flex-shrink:0}.search-input{background:none;border:none;outline:none;color:var(--text);font-size:15px;width:100%}.search-input::placeholder{color:var(--muted)}.clear-icon{background:none;border:none;color:var(--muted);cursor:pointer;display:grid}.filter-row{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.filter-row.scroll{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.filter-row.scroll::-webkit-scrollbar{display:none}.chip{background:var(--surface);border:1px solid var(--border);color:var(--muted);padding:8px 15px;border-radius:100px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s ease}.chip:hover{border-color:var(--accent);color:var(--text)}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.chip.cat.active{background:var(--surface-2);border-color:var(--accent);color:var(--accent)}.results-count{color:var(--muted);font-size:13px;margin:14px 2px 12px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 640px){.grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 900px){.grid{grid-template-columns:repeat(4,1fr)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;text-align:start;cursor:pointer;color:var(--text);display:flex;flex-direction:column;gap:12px;transition:transform .18s ease,border-color .18s ease}.card:hover{transform:translateY(-3px);border-color:var(--accent)}.card:hover .thumb-peel{transform:rotate(-8deg) translate(3px,-3px);opacity:1}.thumb-wrap{position:relative;aspect-ratio:16 / 10;border-radius:14px;overflow:visible}.thumb-sheet{position:relative;width:100%;height:100%;border-radius:14px;background:linear-gradient(150deg,color-mix(in srgb,var(--pc) 85%,white 0%) 0%,var(--pc) 100%);display:grid;place-items:center;overflow:hidden}.thumb-img{width:100%;height:100%;object-fit:contain;border-radius:14px}.thumb-glyph{font-family:Sora,sans-serif;font-weight:800;font-size:28px;color:#ffffffeb;letter-spacing:-.02em}.thumb-die{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1.5px dashed rgba(255,255,255,.35);border-radius:10px;pointer-events:none}.thumb-peel{position:absolute;top:-4px;inset-inline-end:-4px;width:26px;height:26px;background:var(--pc);border-radius:3px 14px 3px 3px;opacity:.85;box-shadow:-2px 3px 6px #00000059;transition:transform .22s ease,opacity .22s ease}.card-body{display:flex;flex-direction:column;gap:6px}.card-name{font-size:14px;font-weight:600;letter-spacing:-.01em}.card-price{font-size:13px;font-weight:700;color:var(--accent)}.card-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.code{font-size:11px;color:var(--muted);font-family:monospace}.badge{font-size:10px;padding:2px 7px;border-radius:100px;font-weight:700}.badge.pop{background:#ffb84d26;color:#ffb84d}.badge.new{background:#3ddc9726;color:#3ddc97}.skel{pointer-events:none}.skel-thumb{aspect-ratio:1;border-radius:14px;background:linear-gradient(90deg,var(--surface-2) 25%,#262633 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shimmer 1.4s infinite}.skel-line{height:10px;border-radius:6px;background:var(--surface-2)}.skel-line.w70{width:70%}.skel-line.w40{width:40%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.empty{text-align:center;padding:60px 20px;color:var(--muted);display:flex;flex-direction:column;gap:14px;align-items:center}.back-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--muted);font-size:14px;font-weight:600;cursor:pointer;padding:20px 0 10px}.back-btn:hover{color:var(--text)}.detail-hero{display:flex;gap:16px;align-items:center;padding:6px 0 20px}.detail-thumb{width:88px;flex-shrink:0}.detail-name{font-size:22px;font-weight:700;letter-spacing:-.01em}.detail-price{font-size:16px;font-weight:700;color:var(--accent);margin-top:4px}.detail-code{color:var(--muted);font-size:13px;margin-top:4px}.tag-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.tag{font-size:11px;background:var(--surface-2);border:1px solid var(--border);padding:3px 10px;border-radius:100px;color:var(--muted)}.char-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width: 480px){.char-grid{grid-template-columns:repeat(2,1fr)}}.char-tile{position:relative;aspect-ratio:16 / 10;border-radius:14px;border:2px solid var(--border);background:none;padding:0;cursor:pointer;overflow:visible}.char-swatch,.char-img{width:100%;height:100%;border-radius:12px;display:grid;place-items:center}.char-swatch{background:linear-gradient(150deg,color-mix(in srgb,var(--pc) 85%,white 0%) 0%,var(--pc) 100%);color:#ffffffeb;font-family:Sora,sans-serif;font-weight:800;font-size:15px}.char-img{object-fit:contain}.char-tile.selected{border-color:var(--pc)}.char-check{position:absolute;top:-6px;inset-inline-end:-6px;width:20px;height:20px;border-radius:100px;background:var(--accent);color:#fff;display:grid;place-items:center;box-shadow:0 2px 6px #0006}.char-hint{text-align:center;color:var(--muted);font-size:12px;margin-top:12px}.order-form{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:22px}.form-head{margin-bottom:18px}.form-title{font-size:17px;font-weight:700;margin-bottom:4px}.form-sub{color:var(--muted);font-size:13px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 480px){.grid2{grid-template-columns:1fr}}.field.span2{grid-column:1 / -1}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:12px;color:var(--muted);font-weight:600}.input{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:11px 13px;color:var(--text);font-size:14px;outline:none;font-family:inherit;resize:none;width:100%}.input:focus{border-color:var(--accent)}.upload-box{background:var(--surface-2);border:1px dashed var(--border);border-radius:12px;padding:11px 13px;color:var(--muted);font-size:13px;display:flex;align-items:center;gap:8px;cursor:pointer}.upload-box.has-file{border-style:solid;border-color:#3ddc97;color:#3ddc97}.send-btn{width:100%;margin-top:20px;padding:15px;border-radius:14px;border:none;background:linear-gradient(135deg,#25d366,#1fae54);color:#fff;font-weight:700;font-size:15px;cursor:pointer;transition:opacity .15s ease;display:flex;align-items:center;justify-content:center;gap:8px}.send-btn:disabled{opacity:.4;cursor:not-allowed}.send-btn:not(:disabled):hover{opacity:.92}.saved-note{display:flex;align-items:center;gap:6px;justify-content:center;margin-top:12px;color:#3ddc97;font-size:13px;font-weight:600}.skip-check{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);cursor:pointer;margin-bottom:2px}.skip-check input{accent-color:var(--accent);width:15px;height:15px;cursor:pointer}.saved-block{margin-top:12px}.another-order-prompt{margin-top:14px;background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:14px;text-align:center}.another-order-text{font-size:13px;font-weight:600;margin-bottom:10px}.another-order-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.chip-btn{background:var(--accent);border:1px solid var(--accent);color:#fff;padding:9px 16px;border-radius:100px;font-size:13px;font-weight:600;cursor:pointer}.chip-btn.ghost{background:none;color:var(--muted);border-color:var(--border)}.chip-btn.ghost:hover{color:var(--text);border-color:var(--text)}.order-form+.order-form{margin-top:14px}.field-error{font-size:12px;color:#ff6f6f;margin-top:2px}.method-toggle{display:flex;gap:8px}.method-btn{flex:1;padding:12px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.method-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.shop-address-box{margin-top:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:12px 14px;font-size:14px;display:flex;flex-direction:column;gap:4px}.delivery-note{font-size:12px;color:var(--muted);line-height:1.6;margin-top:14px}.orders-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:6px 0 20px;flex-wrap:wrap}.export-btn{display:flex;align-items:center;gap:7px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:9px 15px;border-radius:100px;font-size:13px;font-weight:600;cursor:pointer;flex-shrink:0}.export-btn:hover{border-color:var(--accent);color:var(--accent)}.export-btn:disabled{opacity:.35;cursor:not-allowed}.export-btn:disabled:hover{border-color:var(--border);color:var(--text)}.export-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.export-btn.primary:hover{opacity:.9;color:#fff}.day-groups{display:flex;flex-direction:column;gap:22px}.day-group-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}.day-group-title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:var(--text)}.day-count{background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:700;padding:2px 8px;border-radius:100px}.orders-list{display:flex;flex-direction:column;gap:8px}.status-tabs{display:flex;gap:6px;margin-bottom:18px;flex-wrap:wrap}.status-tab{display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);color:var(--muted);padding:7px 13px;border-radius:100px;font-size:12px;font-weight:600;cursor:pointer}.status-tab.active{background:var(--surface-2);border-color:var(--accent);color:var(--text)}.tab-count{background:var(--border);color:var(--text);font-size:10px;padding:1px 6px;border-radius:100px}.status-tab.active .tab-count{background:var(--accent);color:#fff}.order-row-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:100px}.status-badge.pending{background:#ffb84d26;color:#ffb84d}.status-badge.confirmed{background:#3ddc9726;color:#3ddc97}.status-badge.cancelled{background:#ff6f6f26;color:#ff6f6f}.order-row-wrap.status-cancelled{opacity:.55}.order-row-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.row-action{width:34px;height:34px;display:grid;place-items:center;border-radius:100px;background:var(--surface-2);border:1px solid var(--border);cursor:pointer}.row-action.confirm{color:#3ddc97}.row-action.confirm:hover{border-color:#3ddc97}.row-action.reject{color:#ff6f6f}.row-action.reject:hover{border-color:#ff6f6f}.row-action:disabled{opacity:.4;cursor:not-allowed}.order-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:13px 16px}.order-row-name{font-weight:600;font-size:14px}.order-row-meta{color:var(--muted);font-size:12px;margin-top:3px}.row-download{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border-radius:100px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);cursor:pointer}.row-download:hover{border-color:var(--accent);color:var(--accent)}.field-note{font-size:11px;color:var(--muted);margin-top:6px}.or-thermal-note{margin-top:14px;text-align:start}.order-row{cursor:pointer}.details-panel{background:var(--surface-2);border:1px solid var(--border);border-top:none;border-radius:0 0 14px 14px;padding:14px 16px;margin-top:-2px;display:flex;flex-direction:column;gap:6px}.detail-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:13px}.detail-row-label{color:var(--muted);flex-shrink:0}.detail-row-value{text-align:end;font-weight:600}.details-divider{height:1px;background:var(--border);margin:6px 0}.char-tile.surprise .surprise-swatch{background:var(--surface-2);color:var(--muted);border:1.5px dashed var(--border)}.package-summary-box{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface-2);border:1px solid var(--accent);border-radius:14px;padding:14px 16px;flex-wrap:wrap}.package-summary-name{font-weight:700;font-size:14px}.package-summary-contents{color:var(--muted);font-size:12px;margin-top:3px}.package-summary-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.package-summary-price{font-weight:700;color:var(--accent);font-size:15px}.chip-btn.small{padding:6px 12px;font-size:12px}.overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#06060ab8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:flex-end;justify-content:center}@media (min-width: 640px){.overlay-backdrop{align-items:center}}.overlay-panel{background:var(--surface);border:1px solid var(--border);border-radius:22px 22px 0 0;width:100%;max-width:520px;max-height:85vh;overflow-y:auto;padding:20px}@media (min-width: 640px){.overlay-panel{border-radius:22px}}.overlay-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:16px}.overlay-char-label{font-size:12px;color:var(--muted);font-weight:600;margin-bottom:2px}.overlay-title{font-size:18px;font-weight:700;font-family:Sora,sans-serif}.overlay-close{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border-radius:100px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);cursor:pointer}.package-cards{display:flex;flex-direction:column;gap:10px}.package-card{text-align:start;background:var(--surface-2);border:2px solid var(--border);border-radius:16px;padding:14px 16px;cursor:pointer;color:var(--text)}.package-card.selected{border-color:var(--accent);background:var(--accent-soft)}.package-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.package-card-name{font-weight:700;font-size:14px}.package-card-price{font-weight:700;color:var(--accent);font-size:14px}.package-card-list{margin:0;padding-inline-start:18px;color:var(--muted);font-size:12.5px;line-height:1.7}.extra-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.extra-row:last-of-type{border-bottom:none}.extra-label{font-size:13px;font-weight:600}.extra-meta{font-size:11px;color:var(--muted);margin-top:2px}.extra-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}.stepper-btn{width:30px;height:30px;border-radius:100px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-size:16px;font-weight:700;cursor:pointer;display:grid;place-items:center;line-height:1}.stepper-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.stepper-btn:disabled{opacity:.3;cursor:not-allowed}.extra-value{min-width:24px;text-align:center;font-weight:700;font-size:14px}.id-card-check{margin-top:14px;font-size:13px}.total-price-box{display:flex;align-items:center;justify-content:space-between;margin-top:18px;background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:14px 16px;font-size:14px;font-weight:600}.total-price-value{font-size:18px;font-weight:800;color:var(--accent);font-family:Sora,sans-serif}.order-row-price{color:var(--accent);font-weight:700;font-size:12px}.order-row-wrap{display:flex;flex-direction:column;gap:0}.edit-form{background:var(--surface-2);border:1px solid var(--border);border-top:none;border-radius:0 0 14px 14px;padding:14px 16px;margin-top:-2px}.thermal-pdf-box{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:18px;margin-bottom:20px}.date-range-row{display:flex;gap:10px;margin:14px 0;flex-wrap:wrap}.date-range-row .field{flex:1;min-width:140px}.id-card-subform{margin-top:10px;padding-inline-start:22px;border-inline-start:2px solid var(--border);display:flex;flex-direction:column;gap:10px}:root{--bg: #fbf8f1;--surface: #ffffff;--surface-2: #f5f8f8;--border: #e8eceb;--text: #153b45;--muted: #71858a;--accent: #f47c69;--accent-soft: #fff0ec;--navy: #153b5b;--powder: #dceff7;--mint: #ddf2e7;--butter: #fff0bd;--peach: #fde0d9;--radius: 20px}body{background:var(--bg)}button,input,textarea,select{font:inherit}.app{background:radial-gradient(circle at 8% 8%,rgba(220,239,247,.6),transparent 25%),radial-gradient(circle at 90% 18%,rgba(253,224,217,.65),transparent 24%),var(--bg);color:var(--text)}.topbar{max-width:1440px;margin:0 auto;padding:16px clamp(18px,4vw,58px);background:#fbf8f1eb;border-bottom:0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{color:var(--navy);font-size:18px}.brand-mark{background:var(--peach);color:var(--accent);box-shadow:none}.brand-sub{color:var(--muted)}.lang-btn,.icon-btn{background:#fff;border-color:#e5e9e8;color:var(--navy);box-shadow:0 8px 24px #153b450d}.container{max-width:1360px;padding:0 clamp(16px,3vw,40px)}.hero-premium{min-height:420px;margin-top:20px;padding:clamp(34px,5vw,70px);border-radius:32px;background:linear-gradient(110deg,#fffaf3,#fff7ef 48%,#f5fbfc);display:grid;grid-template-columns:1.02fr .98fr;gap:34px;align-items:center;overflow:hidden;position:relative;box-shadow:0 24px 70px #153b4514}.hero-copy{position:relative;z-index:3}.hero-kicker,.section-kicker{display:block;color:var(--accent);font-weight:800;font-size:13px;margin-bottom:10px}.hero-premium h1{max-width:660px;color:var(--navy);font-size:clamp(36px,4vw,60px);line-height:1.18;margin-bottom:18px}.hero-premium h1 em{color:var(--accent);font-style:normal}.hero-premium p{max-width:590px;color:#526c72;font-size:17px}.hero-actions{margin-top:28px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.hero-cta{border:0;border-radius:14px;padding:15px 25px;background:var(--accent);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 12px 24px #f47c693d}.hero-cta:hover{transform:translateY(-2px)}.hero-note{font-size:12px;color:var(--muted)}.hero-visual{min-height:300px;position:relative}.hero-blob{position:absolute;border-radius:50%;filter:blur(1px)}.hero-blob-one{width:310px;height:310px;background:var(--powder);inset:10px 40px auto auto}.hero-blob-two{width:180px;height:180px;background:var(--butter);left:5%;bottom:-20px}.hero-notebook{position:absolute;width:330px;height:250px;right:9%;top:15%;background:#bcdde8;border-radius:20px;transform:rotate(-5deg);box-shadow:0 25px 50px #153b452e;padding:34px 25px}.hero-notebook:before{content:"";position:absolute;left:18px;top:0;bottom:0;width:3px;background:#ffffffa6}.sample-label{background:#fff;border-radius:11px;padding:10px 16px;margin:9px 0;box-shadow:0 7px 14px #153b451a;display:flex;justify-content:space-between;align-items:center;gap:10px}.sample-label strong{font-size:13px;color:var(--navy)}.sample-label small{font-size:10px;color:var(--muted)}.label-two{background:#fff0ec}.label-three{background:#f1f7da}.hero-pencil{position:absolute;width:180px;height:13px;border-radius:8px;background:#f1c85a;transform:rotate(30deg);bottom:25px;left:5%;box-shadow:inset -18px 0 #ef8f7d}.pencil-two{background:#85c7d8;transform:rotate(22deg);bottom:48px;left:1%}.hero-star{position:absolute;right:3%;bottom:8%;font-size:38px;color:#efc451;transform:rotate(14deg)}.quick-categories{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:18px 0 46px}.quick-category{border:0;background:#fff;border-radius:18px;padding:17px;text-align:start;display:flex;align-items:center;gap:13px;cursor:pointer;box-shadow:0 10px 28px #153b450f;color:var(--navy)}.quick-category:hover{transform:translateY(-3px);box-shadow:0 16px 34px #153b451a}.quick-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:25px;background:var(--powder)}.quick-girls .quick-icon{background:var(--peach)}.quick-unisex .quick-icon{background:var(--butter)}.quick-waterproof .quick-icon{background:#e8f4fb}.quick-id .quick-icon{background:var(--mint)}.quick-category strong,.quick-category small{display:block}.quick-category strong{font-size:14px}.quick-category small{font-size:11px;color:var(--muted);margin-top:4px}.catalog-section{scroll-margin-top:90px}.catalog-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.catalog-heading h2,.how-head h2{margin:0;color:var(--navy);font-size:28px}.catalog-heading p{margin:0;color:var(--muted);font-size:13px}.search-bar{background:#fff;border:0;box-shadow:0 10px 32px #153b4512;padding:15px 19px;margin-bottom:18px}.search-input{color:var(--text)}.chip{background:#fff;border-color:transparent;color:#62777c;box-shadow:0 5px 16px #153b450a}.chip:hover{border-color:#badde7;color:var(--navy)}.chip.active{background:var(--navy);border-color:var(--navy)}.chip.cat.active{background:var(--powder);border-color:transparent;color:var(--navy)}.results-count{margin-top:20px}.grid{gap:20px}.card{border:0;background:#fff;padding:12px;border-radius:18px;box-shadow:0 12px 34px #153b4512;gap:12px}.card:hover{border-color:transparent;box-shadow:0 20px 44px #153b451f}.thumb-wrap,.thumb-sheet,.thumb-img{border-radius:14px}.thumb-img{object-fit:cover}.thumb-peel,.thumb-die{display:none}.card-name{color:var(--navy);font-weight:800}.card-price{color:var(--accent)}.code{color:#98a7aa}.badge.pop{background:#fff1cf;color:#b97d00}.badge.new{background:#e4f5eb;color:#278457}.how-it-works{margin:80px 0 20px;padding:42px;border-radius:28px;background:#fff;box-shadow:0 18px 50px #153b450f}.how-head{text-align:center;margin-bottom:28px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step-card{background:#f8faf9;border-radius:18px;padding:24px;text-align:center}.step-card span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:var(--powder);color:var(--navy);font-weight:800}.step-card strong{color:var(--navy);display:block;margin-bottom:7px}.step-card p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}.order-form,.package-card,.modal-card,.orders-card,.details-panel,.order-row{background:#fff;border-color:var(--border);box-shadow:0 12px 34px #153b450f}.input,.upload-box,.method-btn,.shop-address-box,.another-order-prompt,.package-summary-box{background:#f7f9f8}@media (max-width: 1024px){.hero-premium{grid-template-columns:1fr 1fr;padding:38px;min-height:380px}.hero-notebook{width:280px;height:220px;right:1%}.quick-categories{grid-template-columns:repeat(3,1fr)}}@media (max-width: 760px){.topbar{padding:12px 16px}.brand-sub{display:none}.hero-premium{grid-template-columns:1fr;min-height:auto;padding:28px 22px;border-radius:24px}.hero-premium h1{font-size:36px}.hero-visual{min-height:270px;order:-1}.hero-notebook{width:270px;height:205px;right:50%;transform:translate(50%) rotate(-4deg);top:15px}.hero-blob-one{right:50%;transform:translate(50%);width:270px;height:270px}.hero-pencil{left:12%}.quick-categories{grid-template-columns:repeat(2,1fr);overflow:visible}.catalog-heading{align-items:start;flex-direction:column}.steps-grid{grid-template-columns:1fr}.how-it-works{padding:28px 18px;margin-top:55px}}@media (max-width: 480px){.container{padding:0 12px}.hero-premium{margin-top:10px;padding:22px 18px 28px}.hero-visual{min-height:225px}.hero-notebook{width:235px;height:180px;padding:25px 18px}.sample-label{padding:7px 10px;margin:7px 0}.hero-premium h1{font-size:31px}.hero-premium p{font-size:14px}.hero-actions{align-items:stretch;flex-direction:column}.hero-cta{width:100%}.quick-categories{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;gap:10px}.quick-category{min-width:210px;scroll-snap-align:start}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{padding:8px}.card-name{font-size:12px}.card-price{font-size:11px}.code{font-size:9px}.catalog-heading h2,.how-head h2{font-size:23px}}.thermal-actions{display:flex;gap:10px;flex-wrap:wrap}.thermal-export-note{margin-top:10px;color:var(--muted);font-size:.82rem;line-height:1.55}.thermal-preview-panel{margin-top:16px;padding-top:16px;border-top:1px solid rgba(15,59,72,.09)}.thermal-preview-heading{font-weight:800;color:var(--ink);margin-bottom:10px}.thermal-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.thermal-summary-card{background:#fff;border-radius:14px;padding:14px;box-shadow:0 8px 24px #1438400f}.thermal-summary-card.empty-summary{opacity:.58}.thermal-summary-title{display:flex;align-items:center;gap:8px;font-weight:800;margin-bottom:6px}.thermal-swatch{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.14);display:inline-block}.thermal-swatch.white{background:#fff}.thermal-swatch.black{background:#111}.thermal-mini-sheet{margin-top:10px;padding:8px;background:#f7f7f4;overflow:hidden;border-radius:8px;direction:ltr}.thermal-mini-sheet.rtl-sheet{direction:rtl}.thermal-mini-row{display:grid;grid-template-columns:repeat(5,minmax(60px,1fr));gap:8px;white-space:nowrap;font-family:Times New Roman,Tahoma,serif;font-weight:900;font-size:.72rem;margin:3px 0}.thermal-mini-sheet.rtl-sheet .thermal-mini-row{font-family:Tahoma,Arial,sans-serif}@media (max-width:780px){.thermal-summary-grid{grid-template-columns:1fr}.thermal-mini-sheet{overflow-x:auto}.thermal-mini-row{min-width:650px}}.thermal-batch-notes{display:grid;gap:8px;margin-top:12px}.thermal-batch-note{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding:10px 12px;border-radius:12px;background:#fff8ee;color:#39515a;font-size:13px}.thermal-batch-note strong{color:#0b3b4a}.package-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 8px}.package-preview-item{min-width:0;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 14px #153b4514}.package-preview-item img{display:block;width:100%;height:74px;object-fit:cover;background:#f6f7f5}.package-preview-item span{display:block;padding:5px 6px 6px;color:var(--muted);font-size:9.5px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 520px){.package-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.package-preview-item img{height:68px}}.second-version-wrap{margin-top:16px}.add-version-btn{width:100%;justify-content:center;border-style:dashed;padding:12px}.second-version-card{margin-top:10px;padding:16px;border-radius:18px;background:#f8fbfb;box-shadow:inset 0 0 0 1px #0e3e4b14}.second-version-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.second-design-strip{display:flex;gap:10px;overflow-x:auto;padding:8px 2px 12px;scrollbar-width:thin}.second-design-option{position:relative;flex:0 0 112px;height:78px;padding:0;border:2px solid transparent;border-radius:13px;overflow:hidden;background:#fff;cursor:pointer;box-shadow:0 5px 16px #11374112}.second-design-option img{width:100%;height:100%;display:block;object-fit:cover}.second-design-option.selected{border-color:var(--coral)}.second-design-check{position:absolute;top:6px;right:6px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--coral);color:#fff}.second-version-fields{margin-top:4px}.version-mode-toggle{margin-top:10px}.admin-second-version{margin-top:14px}@media (max-width:700px){.second-version-head{flex-direction:column}.second-version-option{flex-basis:96px}.version-mode-toggle{display:grid;grid-template-columns:1fr}}.hero-secondary-cta{border:1px solid rgba(21,73,86,.18);background:#ffffffd1;color:#154956;min-height:46px;padding:0 18px;border-radius:14px;font:inherit;font-weight:800;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.hero-secondary-cta:hover{transform:translateY(-1px);background:#fff;box-shadow:0 10px 26px #235c691f}.thermal-only-hero{grid-template-columns:1fr;background:linear-gradient(135deg,#fffaf0,#eefafa)}.thermal-only-hero .detail-name{max-width:700px}@media (max-width: 720px){.hero-actions .hero-secondary-cta{width:100%}}