:root{--brand-50: #f5f7ed;--brand-100: #e7ecd0;--brand-200: #cbd6a3;--brand-500: #6b7c2e;--brand-600: #586828;--brand-700: #475321;--brand-900: #2e3a14;--accent-50: #faf3e0;--accent-100: #f4e4b8;--accent-500: #c9a14a;--accent-600: #a8842f;--accent-700: #8a6c25;--bg: #f8fafc;--surface: #ffffff;--surface-hover: #f8fafc;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #0f172a;--text-muted: #64748b;--text-soft: #94a3b8;--success: #6b7c2e;--success-bg: #e7ecd0;--warning: #c9a14a;--warning-bg: #faf3e0;--danger: #b03030;--danger-bg: #fbe6e6;--info: #2c5980;--info-bg: #e3edf5;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-full: 999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .06);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .1);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Fraunces", "Playfair Display", Georgia, serif;--sidebar-w: 240px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,textarea,select{font-family:inherit}h1,h2,h3,h4{margin:0;font-weight:700;color:var(--text);letter-spacing:-.01em}h1{font-size:28px;line-height:1.2}h2{font-size:20px;line-height:1.3}h3{font-size:16px;line-height:1.4}h4{font-size:14px;line-height:1.4}p{margin:0}.muted{color:var(--text-muted)}.soft{color:var(--text-soft)}.hint{font-size:12px;color:var(--text-muted)}a{color:var(--brand-600);text-decoration:none}a:hover{text-decoration:underline}.app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:var(--sp-6) var(--sp-4);z-index:50}.sidebar .brand{margin-bottom:var(--sp-8);padding:0 var(--sp-3)}.sidebar .brand .logo-root{color:var(--text)}.sidebar nav{display:flex;flex-direction:column;gap:2px;flex:1}.sidebar nav a{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-md);color:var(--text-muted);font-weight:600;text-decoration:none;transition:background .12s,color .12s}.sidebar nav a:hover{background:var(--surface-hover);color:var(--text)}.sidebar nav a.active{background:var(--brand-50);color:var(--brand-700)}.sidebar nav a svg{flex-shrink:0}.sidebar .user-block{border-top:1px solid var(--border);padding-top:var(--sp-4);margin-top:var(--sp-4);display:flex;align-items:center;gap:var(--sp-3)}.avatar{width:36px;height:36px;border-radius:var(--r-full);background:linear-gradient(135deg,var(--brand-500),var(--brand-700));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.avatar.lg{width:56px;height:56px;font-size:20px}.avatar.sm{width:28px;height:28px;font-size:12px}.main{margin-left:var(--sidebar-w);flex:1;min-width:0}.main-inner{max-width:1200px;margin:0 auto;padding:var(--sp-8) var(--sp-6)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-6)}.page-header h1{font-size:clamp(22px,4.5vw,28px)}@media (max-width: 480px){.page-header{gap:var(--sp-3)}.page-header>.btn{width:100%;min-height:44px;justify-content:center}}.burger{display:none;position:fixed;top:var(--sp-3);left:var(--sp-3);z-index:60;width:40px;height:40px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);cursor:pointer;align-items:center;justify-content:center}.scrim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;z-index:40}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .2s;box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.scrim.open{display:block}.main{margin-left:0}.main-inner{padding:64px var(--sp-4) var(--sp-6)}.burger{display:flex}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--shadow-sm)}.card.padded-lg{padding:var(--sp-6)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:10px 16px;border:1px solid transparent;border-radius:var(--r-md);cursor:pointer;font-weight:600;font-size:14px;background:var(--brand-600);color:#fff;transition:background .12s,transform .06s,box-shadow .12s;white-space:nowrap;text-decoration:none}.btn:hover{background:var(--brand-700)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn.ghost:hover{background:var(--surface-hover);border-color:var(--border-strong)}.btn.outline{background:transparent;color:var(--brand-600);border-color:var(--brand-600)}.btn.outline:hover{background:var(--brand-50)}.btn.danger{background:var(--danger)}.btn.danger:hover{background:#b91c1c}.btn.danger.ghost{background:transparent;color:var(--danger);border-color:var(--border)}.btn.danger.ghost:hover{background:var(--danger-bg);border-color:var(--danger)}.btn.accent{background:var(--accent-500)}.btn.accent:hover{background:var(--accent-600)}.btn.lg{padding:14px 22px;font-size:15px}.btn.sm{padding:6px 10px;font-size:13px}.btn.icon-only{padding:8px}.btn-row{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center}.field{margin-bottom:var(--sp-4)}.field label{display:block;font-weight:600;font-size:13px;margin-bottom:var(--sp-2);color:var(--text)}.field .hint{margin-top:var(--sp-1)}.input,.textarea,.select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-md);font-size:14px;background:var(--surface);color:var(--text);transition:border-color .12s,box-shadow .12s}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-100)}.textarea{min-height:90px;resize:vertical;line-height:1.5}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}@media (max-width: 600px){.field-row{grid-template-columns:1fr}}.input-group{display:flex;align-items:center;gap:var(--sp-2);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);padding:0 var(--sp-3);transition:border-color .12s,box-shadow .12s}.input-group:focus-within{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-100)}.input-group .prefix{color:var(--text-muted);font-size:13px}.input-group .input{border:none;padding:10px 0;background:transparent;flex:1}.input-group .input:focus{box-shadow:none}.checkbox{display:flex;align-items:center;gap:var(--sp-2);cursor:pointer}.checkbox input{width:16px;height:16px;cursor:pointer}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--r-full);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge.brouillon{background:var(--warning-bg);color:var(--warning)}.badge.publie{background:var(--success-bg);color:var(--success)}.badge.archive{background:#f1f5f9;color:#475569}.badge.nouveau{background:var(--info-bg);color:var(--info)}.badge.contacte{background:var(--warning-bg);color:var(--warning)}.badge.converti{background:var(--success-bg);color:var(--success)}.badge.perdu{background:var(--danger-bg);color:var(--danger)}.dot{width:6px;height:6px;border-radius:var(--r-full);background:currentColor;display:inline-block}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-4);margin-bottom:var(--sp-6)}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5);display:flex;align-items:flex-start;gap:var(--sp-3);box-shadow:var(--shadow-sm)}.stat-card .icon-box{width:40px;height:40px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card .icon-box.brand{background:var(--brand-50);color:var(--brand-600)}.stat-card .icon-box.info{background:var(--info-bg);color:var(--info)}.stat-card .icon-box.warning{background:var(--warning-bg);color:var(--warning)}.stat-card .icon-box.accent{background:#fff7ed;color:var(--accent-600)}.stat-card .label{font-size:12px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.stat-card .value{font-size:26px;font-weight:800;color:var(--text);margin-top:2px;letter-spacing:-.02em}.tunnel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--sp-4)}.tunnel-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex;flex-direction:column}.tunnel-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.tunnel-card .preview{background:linear-gradient(135deg,var(--brand-50),var(--brand-100));padding:var(--sp-5);border-bottom:1px solid var(--border);position:relative;min-height:120px;display:flex;flex-direction:column;justify-content:space-between}.tunnel-card .preview .url{font-family:ui-monospace,SF Mono,monospace;font-size:12px;color:var(--brand-700);background:#ffffffb3;padding:4px 8px;border-radius:var(--r-sm);display:inline-block;align-self:flex-start;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tunnel-card .preview-status{position:absolute;top:var(--sp-3);right:var(--sp-3)}.tunnel-card .body{padding:var(--sp-4);flex:1}.tunnel-card .body h3{margin-bottom:4px}.tunnel-card .stats{display:flex;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border);background:var(--surface-hover);font-size:12px}.tunnel-card .stats>div{display:flex;flex-direction:column}.tunnel-card .stats .label{color:var(--text-muted);font-size:11px}.tunnel-card .stats .num{font-weight:700;font-size:14px;color:var(--text)}.tunnel-card .actions{display:flex;gap:4px;padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border)}.empty{text-align:center;padding:var(--sp-12) var(--sp-6);border:2px dashed var(--border);border-radius:var(--r-lg);background:var(--surface)}.empty .empty-icon{width:64px;height:64px;margin:0 auto var(--sp-4);border-radius:var(--r-full);background:var(--brand-50);color:var(--brand-600);display:flex;align-items:center;justify-content:center}.empty h3{margin-bottom:var(--sp-2)}.empty p{color:var(--text-muted);margin-bottom:var(--sp-4);max-width:420px;margin-left:auto;margin-right:auto}.auth-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-promo{background:linear-gradient(135deg,var(--brand-700),var(--brand-900));color:#fff;padding:var(--sp-12);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-promo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 80%,rgba(245,158,11,.2),transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1),transparent 50%)}.auth-promo>*{position:relative}.auth-promo .logo{display:flex;align-items:center}.auth-promo h1{font-size:38px;line-height:1.15;color:#fff;margin-bottom:var(--sp-4);max-width:480px}.auth-promo p{font-size:16px;opacity:.9;max-width:480px;line-height:1.6}.auth-promo .features{margin-top:var(--sp-8);display:flex;flex-direction:column;gap:var(--sp-4)}.auth-promo .feature{display:flex;gap:var(--sp-3);align-items:flex-start}.auth-promo .feature .check{width:24px;height:24px;border-radius:var(--r-full);background:#ffffff26;display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-form-wrap{display:flex;align-items:center;justify-content:center;padding:var(--sp-8)}.auth-form{width:100%;max-width:420px}.auth-form h2{font-size:24px;margin-bottom:var(--sp-2)}.auth-form>p{color:var(--text-muted);margin-bottom:var(--sp-6)}@media (max-width: 900px){.auth-shell{grid-template-columns:1fr;min-height:auto}.auth-promo{padding:var(--sp-6) var(--sp-5);text-align:center;min-height:auto;justify-content:center;align-items:center;gap:var(--sp-3)}.auth-promo .logo{justify-content:center;margin-bottom:0}.auth-promo h1{font-size:clamp(20px,5.5vw,26px);line-height:1.2;margin-bottom:8px}.auth-promo p{font-size:14px;line-height:1.5;margin-bottom:0}.auth-promo .features{display:none}.auth-promo>div:last-child{display:none}.auth-form-wrap{padding:var(--sp-6) var(--sp-5) var(--sp-8)}}@media (max-width: 480px){.auth-promo{padding:var(--sp-5) var(--sp-4) var(--sp-4)}.auth-form-wrap{padding:var(--sp-5) var(--sp-4) var(--sp-6)}}.alert{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);font-size:13px;margin-bottom:var(--sp-4);display:flex;align-items:flex-start;gap:var(--sp-2)}.alert.error{background:var(--danger-bg);color:#991b1b;border:1px solid #fca5a5}.alert.success{background:var(--success-bg);color:#166534;border:1px solid #86efac}.alert.info{background:var(--info-bg);color:#075985;border:1px solid #7dd3fc}.editor-shell{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:var(--sp-6)}@media (max-width: 1100px){.editor-shell{grid-template-columns:1fr}}.tab-bar{display:flex;gap:2px;background:var(--surface);padding:4px;border-radius:var(--r-md);border:1px solid var(--border);margin-bottom:var(--sp-5);width:fit-content}.tab-bar button{background:transparent;border:none;padding:8px 14px;border-radius:var(--r-sm);cursor:pointer;font-weight:600;font-size:13px;color:var(--text-muted)}.tab-bar button.active{background:var(--brand-50);color:var(--brand-700)}.preview-frame{position:sticky;top:var(--sp-6);background:#1f2937;border-radius:28px;padding:12px;box-shadow:var(--shadow-lg)}.preview-frame .screen{background:#fff;border-radius:18px;overflow:hidden;height:600px;overflow-y:auto}.preview-frame .screen::-webkit-scrollbar{width:0}.pub{font-family:var(--font);background:linear-gradient(180deg,#ffffff 0%,var(--bg) 100%);min-height:100%;padding:var(--sp-6) var(--sp-5) 100px;color:var(--text)}.pub .hero{text-align:center;margin-bottom:var(--sp-6)}.pub .hero .avatar{margin:0 auto var(--sp-3)}.pub .hero .fbo-name{font-weight:600;color:var(--text);font-size:14px}.pub .hero .slogan{color:var(--text-muted);font-size:13px;font-style:italic}.pub h1{font-size:26px;margin-top:var(--sp-4);margin-bottom:var(--sp-2);line-height:1.2}.pub .subtitle{color:var(--text-muted);font-size:15px}.pub .product{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-3);margin-bottom:var(--sp-3);display:flex;gap:var(--sp-3);box-shadow:var(--shadow-sm)}.pub .product img{width:80px;height:80px;border-radius:var(--r-md);object-fit:cover;background:#f3f4f6;flex-shrink:0}.pub .product .info{flex:1;min-width:0}.pub .product h3{font-size:15px;margin-bottom:2px}.pub .product .desc{font-size:13px;color:var(--text-muted);margin-bottom:4px}.pub .product .price{font-weight:700;color:var(--brand-700);font-size:15px}.pub .product{transition:border-color .12s,box-shadow .12s,transform .06s;cursor:pointer}.pub .product:hover{border-color:var(--border-strong)}.pub .product.selected{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-100),var(--shadow-sm)}.pub .product .pick{width:28px;height:28px;border-radius:999px;border:2px solid var(--border-strong);background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:flex-start;transition:background .12s,border-color .12s;color:transparent}.pub .product.selected .pick{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.pub .selected-summary{background:var(--brand-50);border:1px solid var(--brand-200);border-radius:var(--r-md);padding:var(--sp-3);margin-bottom:var(--sp-4);font-size:13px}.pub .selected-summary .chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.pub .selected-summary .chip{background:#fff;border:1px solid var(--brand-200);color:var(--brand-700);padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.editor-actions-bar{position:sticky;bottom:0;left:0;right:0;background:#fffffff5;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-top:1px solid var(--border);padding:var(--sp-3) var(--sp-4) calc(env(safe-area-inset-bottom,0px) + var(--sp-3));margin:var(--sp-6) calc(-1 * var(--sp-6)) calc(-1 * var(--sp-8));z-index:20;box-shadow:0 -8px 24px #0000000d}.editor-actions-bar .actions-inner{max-width:1200px;margin:0 auto;display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap}.editor-actions-bar .actions-inner .spacer{flex:1}.editor-actions-bar .btn{min-height:44px}.editor-actions-bar .btn.lg{min-height:48px}@media (max-width: 600px){.editor-actions-bar{padding:var(--sp-3) var(--sp-3) calc(env(safe-area-inset-bottom,0px) + var(--sp-3));margin:var(--sp-5) calc(-1 * var(--sp-4)) calc(-1 * var(--sp-6))}.editor-actions-bar .btn-label-md{display:none}.editor-actions-bar .actions-inner>.btn:last-child{flex:1}}@media (max-width: 380px){.editor-actions-bar .actions-inner>.btn{flex:1}.editor-actions-bar .actions-inner>.spacer{display:none}}.empty-mini{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);background:var(--surface-hover);border-radius:var(--r-md);color:var(--text-muted);font-size:13px}.empty-mini .link-btn{background:none;border:none;padding:0;color:var(--brand-700);font-weight:600;cursor:pointer;text-decoration:underline;font-size:inherit}.tunnel-products{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.tp-line{display:grid;grid-template-columns:28px 48px 1fr auto;gap:12px;align-items:center;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);transition:border-color .12s,box-shadow .12s}.tp-line:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.tp-line .pos{width:28px;height:28px;border-radius:999px;background:var(--brand-50);color:var(--brand-700);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;font-variant-numeric:tabular-nums}.tp-line .cover{width:48px;height:48px;border-radius:var(--r-sm);background:#f3f4f6;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--text-soft)}.tp-line .cover img{width:100%;height:100%;object-fit:cover}.tp-line .meta{min-width:0}.tp-line .meta .name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp-line .meta .price{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}.tp-line .ctrl{display:flex;gap:2px}.tp-line .ctrl .remove{color:var(--danger)}@media (max-width: 480px){.tp-line{grid-template-columns:24px 40px 1fr auto;gap:10px;padding:8px 10px}.tp-line .pos{width:24px;height:24px;font-size:11px}.tp-line .cover{width:40px;height:40px}.tp-line .meta .name{font-size:13px}}.catalog-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media (min-width: 520px){.catalog-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}@media (min-width: 900px){.catalog-picker{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}}.pick-tile{background:#fff;border:1.5px solid var(--border);border-radius:var(--r-lg);padding:0;cursor:pointer;font-family:inherit;text-align:left;overflow:hidden;position:relative;display:flex;flex-direction:column;transition:border-color .15s,transform .06s,box-shadow .15s}.pick-tile:hover{border-color:var(--brand-500);box-shadow:var(--shadow-sm)}.pick-tile:active{transform:scale(.98)}.pick-tile.added{border-color:var(--brand-500);background:var(--brand-50)}.pick-tile .img{position:relative;aspect-ratio:1 / 1;background:#f3f4f6;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--text-soft)}.pick-tile .img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.pick-tile:hover .img img{transform:scale(1.04)}.pick-tile.added .img img{filter:brightness(.92)}.pick-tile .check-bubble{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:999px;background:var(--brand-600);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;animation:check-pop-mini .25s cubic-bezier(.16,1,.3,1)}@keyframes check-pop-mini{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}.pick-tile .inactif-tag{position:absolute;top:8px;left:8px;background:#0f172ab3;color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:999px}.pick-tile .info{padding:8px 10px 10px;min-width:0}.pick-tile .info .name{font-size:12px;font-weight:600;line-height:1.3;margin-bottom:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--text)}.pick-tile .info .price{font-size:13px;font-weight:700;color:var(--brand-700);font-variant-numeric:tabular-nums}@media (min-width: 520px){.pick-tile .info{padding:10px 12px 12px}.pick-tile .info .name{font-size:13px}.pick-tile .info .price{font-size:14px}}.slug-status{margin-top:6px;font-size:13px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:500}.slug-status.pending{color:var(--text-muted)}.slug-status.pending .spinner{width:12px;height:12px;border-width:2px}.slug-status.ok{color:var(--success)}.slug-status.ko{color:var(--danger);flex-direction:column;align-items:flex-start}.slug-status.ko .line{display:inline-flex;align-items:center;gap:6px}.slug-status .suggested{background:var(--brand-50);border:1px solid var(--brand-200);color:var(--brand-700);font-size:12px;font-weight:600;padding:5px 10px;border-radius:var(--r-md);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .12s}.slug-status .suggested:hover{background:var(--brand-100)}.slug-status .suggested strong{font-family:ui-monospace,SF Mono,monospace;font-weight:700}.filter-bar{display:flex;gap:var(--sp-3);flex-wrap:wrap;align-items:center}.filter-bar .filter-search{flex:1 1 240px;min-width:0}.filter-bar .filter-cat{flex:0 0 auto;min-width:200px}@media (max-width: 480px){.filter-bar{gap:var(--sp-2);padding:var(--sp-3)}.filter-bar .filter-search,.filter-bar .filter-cat{flex:1 1 100%;min-width:0}}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width: 600px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}}@media (min-width: 1000px){.product-grid{gap:20px}}.product-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform .12s,box-shadow .15s,border-color .12s;min-width:0}.product-tile:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-tile .thumb{position:relative;aspect-ratio:1 / 1;background:#f3f4f6;overflow:hidden}.product-tile .thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.product-tile:hover .thumb img{transform:scale(1.04)}.product-tile .thumb .badge{position:absolute;top:8px;right:8px}.product-tile .info{padding:10px 12px;display:flex;flex-direction:column;gap:2px;flex:1}.product-tile .info h3{font-size:13px;font-weight:600;line-height:1.3;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-tile .info .cat{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:500;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-tile .info .price{font-size:14px;font-weight:700;color:var(--brand-700);margin-top:auto;padding-top:4px;font-variant-numeric:tabular-nums}.product-tile .actions{display:flex;gap:4px;padding:8px;border-top:1px solid var(--border);background:var(--surface-hover)}.product-tile .actions .btn{font-size:12px;padding:6px 8px;min-height:36px}@media (max-width: 380px){.product-tile .actions .btn-label{display:none}}@media (min-width: 600px){.product-tile .info{padding:14px;gap:4px}.product-tile .info h3{font-size:14px}.product-tile .info .cat{font-size:11px}.product-tile .info .price{font-size:16px;padding-top:6px}.product-tile .actions{padding:10px;gap:6px}.product-tile .actions .btn{font-size:13px;padding:8px 10px;min-height:40px}}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--sp-4);animation:modal-fade .2s ease}@keyframes modal-fade{0%{opacity:0}}.modal{background:var(--surface);border-radius:var(--r-lg);width:100%;max-width:560px;max-height:92vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:modal-pop .25s cubic-bezier(.16,1,.3,1)}@keyframes modal-pop{0%{transform:translateY(16px) scale(.98);opacity:.4}}.modal-header{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:var(--sp-2)}.modal-header h3{margin:0;font-size:18px}.modal-body{padding:var(--sp-5);overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-footer{padding:var(--sp-3) var(--sp-5) calc(env(safe-area-inset-bottom,0px) + var(--sp-3));border-top:1px solid var(--border);display:flex;gap:var(--sp-2);justify-content:flex-end;background:var(--surface-hover);flex-shrink:0}@media (max-width: 600px){.modal-scrim{padding:0;align-items:flex-end}.modal{border-radius:16px 16px 0 0;max-height:92vh;max-width:100%;animation:sheet-up .28s cubic-bezier(.16,1,.3,1)}@keyframes sheet-up{0%{transform:translateY(100%)}}.modal:before{content:"";display:block;width:36px;height:4px;background:var(--border-strong);border-radius:999px;margin:8px auto 0;flex-shrink:0}.modal-header{padding:var(--sp-3) var(--sp-4)}.modal-body{padding:var(--sp-4)}.modal-footer{padding:var(--sp-3) var(--sp-4) calc(env(safe-area-inset-bottom,0px) + var(--sp-3))}.modal-footer .btn{flex:1;min-height:46px}}.shop{background:#fff;min-height:100vh;font-family:var(--font);color:#111;position:relative}.shop *{box-sizing:border-box}.shop-nav{position:sticky;top:0;z-index:30;background:#ffffffd9;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid rgba(0,0,0,.06)}.shop-nav-inner{max-width:1280px;margin:0 auto;padding:16px clamp(16px,4vw,32px);display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,2vw,24px)}.shop-nav .menu{display:flex;gap:28px;align-items:center}.shop-nav .menu a{color:#111;text-decoration:none;font-size:13px;font-weight:500;letter-spacing:.01em;transition:opacity .15s;cursor:pointer}.shop-nav .menu a:hover{opacity:.55}.shop-nav .wordmark{display:inline-flex;align-items:center;color:#111;text-decoration:none;cursor:pointer}@media (max-width: 480px){.shop-nav .wordmark img{height:24px!important}}.shop-cart-btn{position:relative;background:transparent;border:none;cursor:pointer;padding:10px;color:#111;display:flex;align-items:center;justify-content:center;border-radius:999px;transition:background .15s;min-width:44px;min-height:44px}.shop-cart-btn:hover{background:#0000000d}.shop-cart-btn .badge-num{position:absolute;top:0;right:0;min-width:18px;height:18px;border-radius:999px;background:#111;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid white;animation:pop-in .3s cubic-bezier(.16,1,.3,1)}@keyframes pop-in{0%{transform:scale(0)}60%{transform:scale(1.25)}to{transform:scale(1)}}@media (max-width: 640px){.shop-nav-inner{padding:14px 20px}.shop-nav .menu{display:none}}.shop-hero{padding:clamp(56px,10vw,96px) clamp(20px,5vw,32px) clamp(48px,8vw,80px);text-align:center;position:relative;overflow:hidden}.shop-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(800px 400px at 20% 0%,rgba(107,124,46,.08),transparent 60%),radial-gradient(600px 400px at 80% 100%,rgba(201,161,74,.1),transparent 60%);pointer-events:none}.shop-hero>*{position:relative}.shop-hero .eyebrow{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#888;margin-bottom:24px}.shop-hero h1{font-family:var(--font-display);font-weight:500;font-size:clamp(34px,8vw,84px);line-height:1.05;letter-spacing:-.025em;color:#111;margin:0 auto 24px;max-width:14ch;word-wrap:break-word;overflow-wrap:break-word}.shop-hero .subtitle{font-size:clamp(15px,1.6vw,18px);color:#555;max-width:540px;margin:0 auto 40px;line-height:1.55;font-weight:400}.shop-hero .signed{display:inline-flex;align-items:center;gap:10px;font-size:clamp(12px,1.4vw,13px);color:#555;padding:8px 16px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:999px;max-width:100%}.shop-hero .signed .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-hero .signed .dot-avatar{width:22px;height:22px;border-radius:999px;background:linear-gradient(135deg,var(--brand-500),var(--brand-700));color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.shop-section-head{display:flex;align-items:flex-end;justify-content:space-between;max-width:1280px;margin:0 auto;padding:0 clamp(20px,5vw,32px) clamp(20px,4vw,32px);border-bottom:1px solid #eee;gap:12px}.shop-section-head h2{font-family:var(--font-display);font-weight:500;font-size:clamp(24px,3vw,32px);letter-spacing:-.02em;color:#111;margin:0}.shop-section-head .count{font-size:13px;color:#888}.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1280px;margin:0 auto;padding:clamp(20px,4vw,32px)}@media (min-width: 700px){.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}@media (min-width: 1100px){.shop-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}}.shop-card{cursor:pointer;display:flex;flex-direction:column;background:transparent;position:relative;text-align:left}.shop-card .img{position:relative;aspect-ratio:4 / 5;background:#f5f5f3;overflow:hidden;border-radius:6px;margin-bottom:16px}.shop-card .img img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1)}.shop-card:hover .img img{transform:scale(1.04)}.shop-card .img .empty-img{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#ccc}.shop-card .add-overlay{position:absolute;left:16px;right:16px;bottom:16px;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}@media (hover: hover){.shop-card:hover .add-overlay{opacity:1;transform:translateY(0)}}@media (hover: none){.shop-card .add-overlay{opacity:1;transform:translateY(0)}}.shop-card .add-overlay .pill{width:100%;background:#fff;color:#111;border:none;padding:12px 18px;min-height:44px;border-radius:999px;font-weight:600;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .15s,color .15s;box-shadow:0 4px 12px #00000014;touch-action:manipulation}.shop-card .add-overlay .pill:hover{background:#111;color:#fff}.shop-card .img .stamp{position:absolute;top:12px;left:12px;background:#fffffff2;color:#111;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px}.shop-card .img .multi{position:absolute;top:12px;right:12px;background:#0000008c;color:#fff;font-size:10px;font-weight:700;padding:4px 8px;border-radius:999px;display:flex;align-items:center;gap:3px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.shop-card .meta{padding:0 4px}.shop-card .meta .cat{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#999;margin-bottom:6px;font-weight:500}.shop-card .meta h3{font-family:var(--font);font-size:14px;font-weight:500;line-height:1.35;color:#111;margin:0 0 6px;letter-spacing:-.005em}.shop-card .meta .price{font-size:14px;font-weight:500;color:#111}.qty-stepper{display:inline-flex;align-items:center;background:#f5f5f3;border-radius:999px;padding:4px;gap:0}.qty-stepper button{width:32px;height:32px;border:none;background:transparent;border-radius:999px;cursor:pointer;color:#111;display:flex;align-items:center;justify-content:center;transition:background .15s;touch-action:manipulation}.qty-stepper button:hover:not(:disabled){background:#fff}.qty-stepper button:disabled{opacity:.3;cursor:not-allowed}.qty-stepper .num{min-width:24px;text-align:center;font-weight:600;font-size:13px;font-variant-numeric:tabular-nums}.shop-about{background:#fafaf7;padding:clamp(56px,10vw,96px) clamp(20px,5vw,32px);border-top:1px solid #eee;margin-top:clamp(40px,7vw,64px)}.shop-about-inner{max-width:720px;margin:0 auto;text-align:center}.shop-about .eyebrow{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#888;margin-bottom:24px}.shop-about .vendor-avatar{width:96px;height:96px;border-radius:999px;background:linear-gradient(135deg,var(--brand-500),var(--brand-700));color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:36px;font-weight:500;margin:0 auto 24px;box-shadow:0 12px 32px #6b7c2e38}.shop-about h3{font-family:var(--font-display);font-weight:500;font-size:clamp(24px,3vw,36px);color:#111;letter-spacing:-.02em;margin-bottom:12px}.shop-about .role{font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#888;margin-bottom:24px}.shop-about .quote{font-family:var(--font-display);font-size:clamp(18px,2vw,22px);font-style:italic;font-weight:400;color:#333;line-height:1.5;max-width:520px;margin:0 auto 32px}.shop-about .quote:before{content:"“ ";color:#aaa}.shop-about .quote:after{content:"  ”";color:#aaa}.shop-about .contact-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.shop-about .contact-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;min-height:48px;background:#111;color:#fff;border:none;border-radius:999px;text-decoration:none;font-weight:600;font-size:14px;cursor:pointer;transition:background .15s,transform .06s}@media (max-width: 480px){.shop-about .contact-row{flex-direction:column;align-items:stretch}.shop-about .contact-btn{width:100%}}.shop-about .contact-btn:hover{background:#222}.shop-about .contact-btn:active{transform:scale(.97)}.shop-about .contact-btn.whatsapp{background:#25d366}.shop-about .contact-btn.whatsapp:hover{background:#1da851}.shop-footer{background:#111;color:#ffffffa6;padding:56px 32px 32px;text-align:center;font-size:12px}.shop-footer .brand{display:flex;justify-content:center;margin-bottom:16px}.shop-footer .footer-vendor{font-size:13px;margin-bottom:24px}.shop-footer .footer-links{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}.shop-footer .footer-links a{color:#fffc;font-size:12px;text-decoration:none;cursor:pointer;transition:color .15s;letter-spacing:.04em}.shop-footer .footer-links a:hover{color:#fff}.shop-footer .legal{font-size:11px;opacity:.5;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}@media (max-width: 640px){.shop-footer{padding:40px 20px 24px}.shop-footer .footer-links{gap:16px}}.modal-pro-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f172a8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:clamp(0px,2vw,16px);animation:fade-in .25s ease}@media (max-width: 600px){.modal-pro-scrim{padding:0;align-items:flex-end}.modal-pro{border-radius:16px 16px 0 0;max-height:92vh;animation:slide-up-mobile .3s cubic-bezier(.16,1,.3,1)}@keyframes slide-up-mobile{0%{transform:translateY(100%)}}}@keyframes fade-in{0%{opacity:0}}.modal-pro{background:#fff;border-radius:16px;width:100%;max-width:980px;max-height:calc(100vh - 32px);overflow:hidden;display:grid;grid-template-columns:1fr;position:relative;animation:slide-up .3s cubic-bezier(.16,1,.3,1)}@keyframes slide-up{0%{transform:translateY(24px);opacity:.4}}@media (min-width: 800px){.modal-pro{grid-template-columns:1.1fr 1fr;max-height:720px}}.modal-pro .gallery-wrap{position:relative;background:#f5f5f3;aspect-ratio:1/1}@media (min-width: 800px){.modal-pro .gallery-wrap{aspect-ratio:auto;min-height:100%}}.modal-pro .gallery-main{width:100%;height:100%;object-fit:cover;display:block}.modal-pro .gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#fff;border:none;border-radius:999px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0000001f;color:#111;transition:transform .15s}.modal-pro .gallery-arrow:hover{transform:translateY(-50%) scale(1.05)}.modal-pro .gallery-arrow.prev{left:16px}.modal-pro .gallery-arrow.next{right:16px}.modal-pro .gallery-thumbs{position:absolute;left:16px;right:16px;bottom:16px;display:flex;gap:8px;justify-content:center;overflow-x:auto}.modal-pro .gallery-thumbs::-webkit-scrollbar{height:0}.modal-pro .gallery-thumbs button{width:56px;height:56px;border-radius:6px;border:2px solid transparent;overflow:hidden;cursor:pointer;background:#fff;padding:0;flex-shrink:0;transition:border-color .15s,transform .15s}.modal-pro .gallery-thumbs button.active{border-color:#111}.modal-pro .gallery-thumbs button img{width:100%;height:100%;object-fit:cover;display:block}.modal-pro .info-wrap{padding:clamp(24px,5vw,48px) clamp(20px,4vw,40px) clamp(20px,4vw,32px);overflow-y:auto;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}.modal-pro .info-wrap .cat{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#999;font-weight:500;margin-bottom:12px}.modal-pro .info-wrap h2{font-family:var(--font-display);font-weight:500;font-size:clamp(24px,3vw,32px);letter-spacing:-.015em;line-height:1.1;color:#111;margin:0 0 16px}.modal-pro .info-wrap .price-pro{font-size:22px;font-weight:500;color:#111;margin-bottom:24px}.modal-pro .info-wrap .desc{font-size:14px;line-height:1.65;color:#444;white-space:pre-wrap;margin-bottom:32px}.modal-pro .info-wrap .actions{margin-top:auto;display:flex;gap:12px;align-items:stretch}.modal-pro .btn-add-pro{flex:1;background:#111;color:#fff;border:none;padding:14px 24px;min-height:48px;border-radius:999px;font-weight:600;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,transform .06s;touch-action:manipulation}.modal-pro .btn-add-pro:hover{background:#333}.modal-pro .btn-add-pro:active{transform:scale(.98)}.modal-pro-close{position:absolute;top:16px;right:16px;z-index:2;width:36px;height:36px;border-radius:999px;background:#fffffff2;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#111;box-shadow:0 2px 8px #00000014;transition:background .15s,transform .15s}.modal-pro-close:hover{background:#fff;transform:rotate(90deg)}.drawer-pro-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0f172a66;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in .25s ease}.drawer-pro{position:fixed;top:0;right:0;bottom:0;z-index:91;width:460px;max-width:100vw;background:#fff;display:flex;flex-direction:column;box-shadow:-16px 0 48px #0000001f;animation:slide-in-r .3s cubic-bezier(.16,1,.3,1)}@keyframes slide-in-r{0%{transform:translate(100%)}}.drawer-pro-head{padding:18px clamp(20px,5vw,28px);border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.drawer-pro-head h3{font-family:var(--font-display);font-weight:500;font-size:22px;color:#111;margin:0;letter-spacing:-.01em}.drawer-pro-body{flex:1;overflow-y:auto;padding:16px clamp(20px,5vw,28px);-webkit-overflow-scrolling:touch}.drawer-pro-foot{border-top:1px solid #eee;padding:18px clamp(20px,5vw,28px) calc(env(safe-area-inset-bottom,0px) + 20px);background:#fff;flex-shrink:0}.cart-line{display:grid;grid-template-columns:72px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid #f0f0f0}@media (min-width: 480px){.cart-line{grid-template-columns:80px 1fr;gap:16px;padding:20px 0}}.cart-line:last-child{border-bottom:none}.cart-line .thumb{width:72px;height:72px;border-radius:8px;background:#f5f5f3;overflow:hidden}@media (min-width: 480px){.cart-line .thumb{width:80px;height:80px}}.cart-line .thumb img{width:100%;height:100%;object-fit:cover;display:block}.cart-line .body{display:flex;flex-direction:column;min-width:0}.cart-line .top-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px}.cart-line h4{font-size:14px;font-weight:500;color:#111;line-height:1.35;margin:0}.cart-line .unit{font-size:12px;color:#888}.cart-line .bottom-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}.cart-line .line-total{font-size:14px;font-weight:600;color:#111;font-variant-numeric:tabular-nums}.cart-line .remove-x{background:none;border:none;cursor:pointer;color:#aaa;padding:4px;transition:color .15s}.cart-line .remove-x:hover{color:#111}.cart-empty-pro{text-align:center;padding:80px 20px}.cart-empty-pro .empty-icon{width:56px;height:56px;border-radius:999px;background:#f5f5f3;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;color:#999}.cart-empty-pro h4{font-family:var(--font-display);font-weight:500;font-size:18px;color:#111;margin-bottom:8px}.cart-empty-pro p{color:#888;font-size:13px}.totals-pro{display:flex;justify-content:space-between;align-items:baseline;padding:12px 0;margin-bottom:16px;border-top:1px solid #eee;border-bottom:1px solid #eee}.totals-pro .label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.08em;font-weight:500}.totals-pro .amount{font-family:var(--font-display);font-weight:500;font-size:28px;color:#111;letter-spacing:-.015em;font-variant-numeric:tabular-nums}.drawer-form .field{margin-bottom:14px}.drawer-form .field label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#777;margin-bottom:6px;display:block}.drawer-form .input{width:100%;padding:12px 14px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;background:#fff;color:#111;transition:border-color .15s,box-shadow .15s;font-family:var(--font)}.drawer-form .input:focus{outline:none;border-color:#111;box-shadow:0 0 0 3px #0000000d}.btn-checkout{width:100%;background:#25d366;color:#fff;border:none;padding:16px 20px;min-height:52px;border-radius:999px;font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .15s,transform .06s;touch-action:manipulation}.btn-checkout:hover{background:#1da851}.btn-checkout:active{transform:scale(.98)}.btn-checkout:disabled{opacity:.55;cursor:not-allowed}.btn-checkout.dark{background:#111}.btn-checkout.dark:hover{background:#333}.checkout-hint{font-size:11px;color:#888;text-align:center;margin-top:12px;line-height:1.5}.cart-bar{position:fixed;left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);z-index:80;max-width:520px;margin:0 auto;pointer-events:none;animation:bar-up .35s cubic-bezier(.16,1,.3,1)}@keyframes bar-up{0%{transform:translateY(140%);opacity:0}}.cart-bar .bar-btn{pointer-events:auto;width:100%;background:#111;color:#fff;border:none;padding:14px 18px 14px 20px;border-radius:999px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-weight:600;font-size:14px;cursor:pointer;box-shadow:0 16px 40px #00000038,0 4px 12px #0000001f;transition:background .15s,transform .06s;font-family:var(--font);touch-action:manipulation;min-height:52px}.cart-bar .bar-btn:hover{background:#222}.cart-bar .bar-btn:active{transform:scale(.98)}.cart-bar .bar-left{display:flex;align-items:center;gap:12px;min-width:0}.cart-bar .bar-left .icon-circle{width:32px;height:32px;border-radius:999px;background:#ffffff1f;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.cart-bar .bar-left .icon-circle .num{position:absolute;top:-4px;right:-4px;background:#25d366;color:#fff;width:18px;height:18px;border-radius:999px;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #111}.cart-bar .bar-left .label{display:flex;flex-direction:column;text-align:left;min-width:0;line-height:1.2}.cart-bar .bar-left .label .top{font-size:11px;font-weight:500;color:#ffffffb3;text-transform:uppercase;letter-spacing:.06em}.cart-bar .bar-left .label .count-text{font-size:14px;font-weight:600;color:#fff}.cart-bar .bar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.cart-bar .bar-right .total{font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.shop.has-cart-bar{padding-bottom:100px}@media (max-width: 480px){.cart-bar{left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px)}.cart-bar .bar-btn{padding:12px 16px 12px 18px}}.shop-success-pro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;background:#fffffff7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fade-in .3s ease}.shop-success-pro .panel{text-align:center;max-width:440px;background:#fff;border-radius:24px;padding:56px 40px;box-shadow:0 24px 80px #00000014;border:1px solid rgba(0,0,0,.04)}.shop-success-pro .check{width:80px;height:80px;margin:0 auto 24px;border-radius:999px;background:var(--brand-50);color:var(--brand-700);display:flex;align-items:center;justify-content:center;animation:check-pop .5s cubic-bezier(.16,1,.3,1)}@keyframes check-pop{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}.shop-success-pro h2{font-family:var(--font-display);font-weight:500;font-size:32px;color:#111;margin-bottom:12px;letter-spacing:-.02em}.shop-success-pro p{color:#555;font-size:14px;line-height:1.6;margin-bottom:32px}