@font-face{font-family: "Inter var";src: url("../fonts/inter-400.woff2") format("woff2");font-weight: 100 900;font-style: normal;font-display: swap;}@font-face{font-family: "Playfair";src: url("../fonts/playfair-600.woff2") format("woff2");font-weight: 400 800;font-style: normal;font-display: swap;}:root{--ink: #0a0a0b;--ink-2: #101012;--panel: #141416;--panel-2: #1a1a1d;--paper: #f5efe4;--paper-2: #ece4d5;--gold: #c6a15b;--gold-soft: #e3c48d;--text: #f2ede3;--muted: #9c968a;--muted-2: #6f6a61;--line: rgba(242, 237, 227, 0.11);--line-strong: rgba(242, 237, 227, 0.2);--red: #c8102e;--ok: #7fbf8a;--sans: "Inter var", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--serif: "Playfair", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--r-sm: 10px;--r-md: 16px;--r-lg: 26px;--ease: cubic-bezier(0.22, 0.72, 0.2, 1); --phi: 1.618;--s-1: 8px;--s-2: 13px;--s-3: 21px;--s-4: 34px;--s-5: 55px;--s-6: 89px;--s-7: 144px;--fs-xs: 0.618rem;--fs-sm: 0.786rem;--fs-md: 1.272rem;--fs-lg: 1.618rem;--fs-xl: 2.057rem;--fs-2xl: 2.617rem;--fs-3xl: 3.328rem;--fs-4xl: 4.233rem;--fs-5xl: 5.384rem;--header-h: 74px;--shadow-lg: 0 40px 90px -20px rgba(0, 0, 0, 0.65);}*, *::before, *::after{box-sizing: border-box;}html{scroll-behavior: smooth;-webkit-text-size-adjust: 100%;}body{margin: 0;background: var(--ink);color: var(--text);font-family: var(--sans);font-size: 16px;line-height: 1.6;-webkit-font-smoothing: antialiased;overflow-x: hidden;}body.is-locked{overflow: hidden;}img{display: block;max-width: 100%;height: auto;}.wa-icon{width: 16px;height: 16px;fill: currentColor;flex: 0 0 auto;}a{color: inherit;text-decoration: none;}button, input, select{font: inherit;color: inherit;}button{cursor: pointer;}h1, h2, h3, h4, p{margin: 0;}::selection{background: var(--gold);color: #151515;}:focus-visible{outline: 2px solid var(--gold-soft);outline-offset: 3px;border-radius: 4px;} .container{width: min(1280px, 100% - 48px);margin-inline: auto;}.eyebrow{font-size: 11px;font-weight: 600;letter-spacing: 0.22em;text-transform: uppercase;color: var(--gold);}.serif{font-family: var(--serif);font-weight: 600;letter-spacing: -0.015em;line-height: 1.02;}.skip-link{position: absolute;left: 50%;top: -60px;transform: translateX(-50%);background: var(--gold);color: #111;padding: 10px 18px;border-radius: 0 0 10px 10px;z-index: 200;font-weight: 600;transition: top 0.2s;}.skip-link:focus{top: 0;} .announce{background: #08080a;border-bottom: 1px solid var(--line);font-size: 12px;letter-spacing: 0.06em;color: var(--muted);text-align: center;padding: 9px 16px;}.announce strong{color: var(--gold-soft);font-weight: 600;}.announce .dot{opacity: 0.4;margin: 0 10px;}.site-header{position: sticky;top: 0;z-index: 70;background: rgba(10, 10, 11, 0.72);backdrop-filter: blur(16px) saturate(1.4);-webkit-backdrop-filter: blur(16px) saturate(1.4);border-bottom: 1px solid transparent;transition: border-color 0.3s, background 0.3s;}.site-header.is-stuck{border-bottom-color: var(--line);background: rgba(8, 8, 10, 0.92);}.nav{height: var(--header-h);display: flex;align-items: center;gap: 28px;}.brand{display: flex;align-items: baseline;gap: 10px;margin-right: auto;white-space: nowrap;}.brand-mark{font-family: var(--serif);font-size: 22px;font-weight: 700;letter-spacing: 0.02em;}.brand-mark span{color: var(--gold);}.brand-sub{font-size: 9px;letter-spacing: 0.28em;color: var(--muted-2);text-transform: uppercase;padding-bottom: 2px;}.nav-links{display: flex;align-items: center;gap: 30px;}.nav-links a{font-size: 13.5px;letter-spacing: 0.02em;color: var(--muted);position: relative;padding: 6px 0;transition: color 0.2s;}.nav-links a::after{content: "";position: absolute;left: 0;bottom: 0;height: 1px;width: 0;background: var(--gold);transition: width 0.3s var(--ease);}.nav-links a:hover{color: var(--text);}.nav-links a:hover::after{width: 100%;}.wa-btn{display: inline-flex;align-items: center;gap: 8px;border: 1px solid rgba(37, 211, 102, 0.42);background: rgba(37, 211, 102, 0.07);color: #8fe7ae;border-radius: 999px;padding: 9px 15px;font-size: 13px;font-weight: 500;white-space: nowrap;transition: background 0.22s, border-color 0.22s, color 0.22s;}.wa-btn:hover{background: #25d366;border-color: #25d366;color: #07230f;}.wa-btn .wa-icon{width: 15px;height: 15px;}.burger{display: none;width: 40px;height: 40px;border: 1px solid var(--line-strong);border-radius: 999px;background: transparent;place-items: center;padding: 0;}.burger span{display: block;width: 15px;height: 1.5px;background: var(--text);position: relative;}.burger span::before, .burger span::after{content: "";position: absolute;left: 0;width: 15px;height: 1.5px;background: var(--text);}.burger span::before{top: -5px;}.burger span::after{top: 5px;} .hero{position: relative;overflow: hidden;border-bottom: 1px solid var(--line);}.hero::before{content: "";position: absolute;width: 900px;height: 900px;right: -250px;top: -380px;background: radial-gradient( circle, rgba(198, 161, 91, 0.14), transparent 62% );pointer-events: none;}.hero::after{content: "";position: absolute;inset: 0;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");opacity: 0.35;mix-blend-mode: overlay;pointer-events: none;}.hero-grid{position: relative;z-index: 1;display: grid;grid-template-columns: 1.618fr 1fr;align-items: center;gap: clamp(32px, 4vw, var(--s-5));padding: clamp(55px, 7vw, var(--s-6)) 0 clamp(55px, 7vw, var(--s-7));}.hero-copy .eyebrow{display: inline-flex;align-items: center;gap: 9px;margin-bottom: 22px;}.hero-copy .eyebrow::before{content: "";width: 26px;height: 1px;background: var(--gold);opacity: 0.7;}.hero h1{font-family: var(--serif);font-weight: 600;font-size: clamp(2.9rem, 5.6vw, var(--fs-5xl));line-height: 0.98;letter-spacing: -0.025em;margin-bottom: var(--s-3);}.hero h1 em{font-style: normal;color: var(--gold-soft);}.hero-sub{max-width: 46ch;color: var(--muted);font-size: clamp(15px, 1.25vw, 17px);line-height: 1.65;}.hero-actions{display: flex;flex-wrap: wrap;align-items: center;gap: 14px;margin-top: 34px;}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 10px;border: 1px solid transparent;border-radius: 999px;padding: 15px 28px;font-size: 14px;font-weight: 600;letter-spacing: 0.01em;transition: transform 0.25s var(--ease), background 0.25s, color 0.25s, border-color 0.25s, box-shadow 0.25s;white-space: nowrap;}.btn svg{width: 15px;height: 15px;transition: transform 0.3s var(--ease);}.btn:hover svg{transform: translateX(3px);}.btn-primary{background: var(--gold);color: #17130a;box-shadow: 0 12px 30px -12px rgba(198, 161, 91, 0.7);}.btn-primary:hover{background: var(--gold-soft);transform: translateY(-1px);}.btn-wa{border-color: rgba(37, 211, 102, 0.45);background: rgba(37, 211, 102, 0.07);color: #93e9b1;}.btn-wa:hover{background: #25d366;border-color: #25d366;color: #07230f;transform: translateY(-1px);}.btn-wa .wa-icon{width: 17px;height: 17px;}.btn-wa-solid{width: 100%;margin-top: auto;background: #25d366;color: #07230f;box-shadow: 0 14px 30px -14px rgba(37, 211, 102, 0.65);}.btn-wa-solid:hover{background: #2ee06f;transform: translateY(-1px);}.btn-wa-solid .wa-icon{width: 17px;height: 17px;}.btn-ghost{border-color: var(--line-strong);color: var(--text);}.btn-ghost:hover{border-color: var(--gold);color: var(--gold-soft);}.hero-ship{display: flex;align-items: center;gap: 8px;margin-top: 16px;font-size: 13px;color: var(--gold-soft);}.hero-ship svg{width: 16px;height: 16px;flex: 0 0 auto;}.hero-meta{display: flex;flex-wrap: wrap;gap: 8px 22px;margin-top: 34px;padding-top: 24px;border-top: 1px solid var(--line);font-size: 12px;letter-spacing: 0.04em;color: var(--muted-2);}.hero-meta span{display: inline-flex;align-items: center;gap: 7px;}.hero-meta span::before{content: "";width: 4px;height: 4px;border-radius: 50%;background: var(--gold);opacity: 0.8;} .hero-stage{position: relative;display: flex;flex-direction: column;gap: 16px;width: 100%;max-width: 100%;justify-self: end;}.hero-panel{position: relative;width: 100%;aspect-ratio: 1 / 1.04;} .hero-halo{position: absolute;left: 2%;right: 2%;top: 8%;bottom: 6%;border-radius: 50%;background: radial-gradient( circle at 50% 42%, rgba(201, 166, 101, 0.26), rgba(201, 166, 101, 0.08) 46%, transparent 70% );filter: blur(6px);pointer-events: none;} .hero-floor{position: absolute;left: 4%;right: 4%;bottom: 1%;height: 11%;z-index: 1;border-radius: 50%;background: radial-gradient( ellipse at 50% 50%, rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0) 70% );filter: blur(14px);pointer-events: none;}.hero-pack{position: absolute;height: auto;pointer-events: none;}.hero-pack--front{width: 58%;left: 6%;top: 6%;z-index: 2;transform: rotate(-5deg);filter: drop-shadow(0 34px 40px rgba(0, 0, 0, 0.62));}.hero-pack--back{width: 47%;right: 11%;top: 19%;z-index: 1;transform: rotate(9deg);filter: drop-shadow(0 26px 34px rgba(0, 0, 0, 0.5)) brightness(0.9) saturate(0.95);}.hero-note{position: absolute;left: 2px;top: 0;z-index: 3;display: inline-flex;align-items: center;gap: 10px;font-size: 10px;font-weight: 600;letter-spacing: 0.18em;text-transform: uppercase;color: var(--gold);white-space: nowrap;}.hero-note::before{content: "";width: 22px;height: 1px;background: var(--gold);opacity: 0.65;}.hero-info{display: flex;align-items: center;justify-content: space-between;gap: 18px;padding: 0 2px;color: var(--text);}.hero-info-copy{display: grid;gap: 4px;min-width: 0;}.hero-info-copy b{font-family: var(--serif);font-size: var(--fs-md);font-weight: 600;letter-spacing: -0.01em;line-height: 1.15;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.hero-info-copy span{font-size: 10px;letter-spacing: 0.16em;text-transform: uppercase;color: var(--muted-2);white-space: nowrap;}.hero-info-price{display: inline-flex;align-items: center;gap: 9px;flex: 0 0 auto;}.hero-info-price .now{font-family: var(--serif);font-size: var(--fs-lg);font-weight: 600;letter-spacing: -0.02em;}.hero-info-price .was{font-size: 11.5px;color: var(--muted-2);text-decoration: line-through;}.hero-info-arrow{width: 34px;height: 34px;margin-left: 1px;border-radius: 50%;border: 1px solid var(--line-strong);display: grid;place-items: center;transition: background 0.22s, border-color 0.22s, color 0.22s, transform 0.22s;}.hero-info-arrow svg{width: 14px;height: 14px;}.hero-info:hover .hero-info-arrow{background: var(--gold);border-color: var(--gold);color: #17130a;transform: translateX(2px);}50%{transform: translateY(-9px);}} .brand-rail{border-bottom: 1px solid var(--line);padding: 26px 0;}.brand-rail-inner{display: flex;align-items: center;gap: clamp(20px, 4vw, 54px);flex-wrap: wrap;justify-content: space-between;}.brand-rail-label{font-size: 10px;letter-spacing: 0.26em;text-transform: uppercase;color: var(--muted-2);flex: 0 0 100%;}@media (min-width: 900px){.brand-rail-label{flex: 0 0 auto;}}.brand-rail ul{display: flex;flex-wrap: wrap;gap: clamp(20px, 4vw, 54px);list-style: none;margin: 0;padding: 0;align-items: center;}.brand-rail li{font-family: var(--serif);font-size: clamp(15px, 1.6vw, 20px);letter-spacing: 0.04em;color: #b9b1a1;opacity: 0.72;transition: opacity 0.25s, color 0.25s;cursor: default;}.brand-rail li:hover{opacity: 1;color: var(--gold-soft);} .value{padding: clamp(55px, 6vw, var(--s-6)) 0;border-bottom: 1px solid var(--line);}.value-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 1px;background: var(--line);border: 1px solid var(--line);border-radius: var(--r-md);overflow: hidden;}.value-item{background: var(--ink);padding: 30px 26px;transition: background 0.3s;}.value-item:hover{background: #0f0f11;}.value-item svg{width: 22px;height: 22px;color: var(--gold);margin-bottom: 16px;}.value-item h3{font-size: 15px;font-weight: 600;margin-bottom: 7px;letter-spacing: 0.01em;}.value-item p{font-size: 13.5px;color: var(--muted);line-height: 1.6;} .shop{padding: clamp(55px, 6vw, var(--s-6)) 0 clamp(55px, 7vw, var(--s-6));scroll-margin-top: calc(var(--header-h) + 10px);}.shop-head{display: flex;align-items: flex-end;justify-content: space-between;gap: 24px;flex-wrap: wrap;margin-bottom: 28px;}.shop-head h2{font-family: var(--serif);font-size: clamp(1.9rem, 3.6vw, var(--fs-3xl));font-weight: 600;letter-spacing: -0.02em;line-height: 1.05;margin-top: var(--s-2);}.shop-head p{color: var(--muted);font-size: 14px;margin-top: 10px;}.toolbar{position: sticky;top: var(--header-h);z-index: 50;display: flex;align-items: center;gap: 14px;flex-wrap: wrap;padding: 12px 0;margin-bottom: 26px;background: linear-gradient( to bottom, var(--ink) 55%, rgba(10, 10, 11, 0.85) 85%, transparent );backdrop-filter: blur(6px);}.chips{display: flex;gap: 8px;overflow-x: auto;scrollbar-width: none;padding: 2px;flex: 1 1 auto;min-width: 0;}.chips::-webkit-scrollbar{display: none;}.chip{border: 1px solid var(--line-strong);background: transparent;color: var(--muted);border-radius: 999px;padding: 8px 15px;font-size: 12.5px;white-space: nowrap;transition: all 0.22s;}.chip:hover{color: var(--text);border-color: var(--muted-2);}.chip.is-active{background: var(--paper);border-color: var(--paper);color: #17140e;font-weight: 600;}.tool-right{display: flex;align-items: center;gap: 10px;flex: 0 0 auto;}.search-wrap{position: relative;}.search-wrap svg{position: absolute;left: 13px;top: 50%;transform: translateY(-50%);width: 14px;height: 14px;color: var(--muted-2);pointer-events: none;}.search-wrap input{width: 190px;background: var(--panel);border: 1px solid var(--line);border-radius: 999px;padding: 9px 14px 9px 34px;font-size: 13px;transition: border-color 0.2s, width 0.25s var(--ease);}.search-wrap input::placeholder{color: var(--muted-2);}.search-wrap input:focus{outline: none;border-color: var(--gold);width: 220px;}.sort{background: var(--panel);border: 1px solid var(--line);border-radius: 999px;padding: 9px 34px 9px 15px;font-size: 13px;appearance: none;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%239c968a' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 14px center;cursor: pointer;}.sort:focus{outline: none;border-color: var(--gold);}.grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));gap: var(--s-3);}.card{position: relative;background: var(--panel);border: 1px solid var(--line);border-radius: var(--r-md);overflow: hidden;transition: transform 0.35s var(--ease), border-color 0.3s, box-shadow 0.35s;display: flex;flex-direction: column;}.card:hover{transform: translateY(-4px);border-color: rgba(198, 161, 91, 0.42);box-shadow: 0 26px 50px -30px rgba(0, 0, 0, 0.9);}.card-hit{position: absolute;inset: 0;z-index: 1;border-radius: inherit;}.card-name a{color: inherit;text-decoration: none;}.card-name a:hover{color: var(--gold-soft);}.card-media{position: relative;background: radial-gradient(120% 100% at 50% 0%, #faf6ee, #ece3d3);aspect-ratio: 1 / 1;overflow: hidden;}.card-media img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: contain;padding: 9%;mix-blend-mode: multiply;transition: transform 0.6s var(--ease);}.card:hover .card-media img{transform: scale(1.045) rotate(-1.2deg);}.card-save{position: absolute;top: 12px;left: 12px;z-index: 2;background: #14120d;color: var(--gold-soft);font-size: 10.5px;font-weight: 600;letter-spacing: 0.1em;text-transform: uppercase;padding: 6px 10px;border-radius: 999px;}.card-quick{position: absolute;left: 12px;right: 12px;bottom: 12px;z-index: 2;border: 0;border-radius: 999px;background: rgba(18, 16, 12, 0.9);color: var(--paper);font-size: 12.5px;font-weight: 500;letter-spacing: 0.04em;padding: 11px;opacity: 0;transform: translateY(8px);transition: opacity 0.3s, transform 0.3s var(--ease);backdrop-filter: blur(6px);}.card:hover .card-quick, .card:focus-within .card-quick{opacity: 1;transform: none;}.card-quick:hover{background: #12100c;}.card-body{padding: 16px 17px 18px;display: flex;flex-direction: column;flex: 1;}.card-brand{font-size: 10px;letter-spacing: 0.2em;text-transform: uppercase;color: var(--gold);margin-bottom: 6px;}.card-name{font-family: var(--serif);font-size: var(--fs-md);font-weight: 600;letter-spacing: -0.01em;line-height: 1.22;margin-bottom: 5px;}.card-meta{font-size: 12px;color: var(--muted-2);letter-spacing: 0.01em;}.card-foot{margin-top: auto;padding-top: 16px;display: flex;align-items: flex-end;justify-content: space-between;gap: 10px;}.price{display: flex;align-items: baseline;gap: 8px;flex-wrap: wrap;}.price .now{font-size: 19px;font-weight: 600;letter-spacing: -0.02em;}.price .was{font-size: 12.5px;color: var(--muted-2);text-decoration: line-through;}.price .unit{white-space: nowrap;font-size: 10.5px;color: var(--muted-2);letter-spacing: 0.06em;text-transform: uppercase;flex: 0 0 100%;margin-top: 2px;}.card[hidden]{display: none !important;}.btn-order{flex: 0 0 auto;display: inline-flex;align-items: center;gap: 7px;height: 40px;padding: 0 15px;border-radius: 999px;border: 1px solid rgba(37, 211, 102, 0.42);background: rgba(37, 211, 102, 0.07);color: #8fe7ae;font-size: 12.5px;font-weight: 600;transition: background 0.22s, border-color 0.22s, color 0.22s, transform 0.22s;}.btn-order svg{width: 17px;height: 17px;}.btn-order:hover{background: #25d366;border-color: #25d366;color: #07230f;transform: translateY(-1px);}.empty-state{grid-column: 1 / -1;text-align: center;padding: 70px 20px;color: var(--muted);border: 1px dashed var(--line-strong);border-radius: var(--r-md);}.empty-state b{display: block;font-family: var(--serif);font-size: 22px;color: var(--text);margin-bottom: 6px;} .packed{border-top: 1px solid var(--line);padding: clamp(44px, 5vw, 72px) 0 clamp(40px, 5vw, 64px);background: #0a0a0c;scroll-margin-top: calc(var(--header-h) + 10px);}.packed-head{display: flex;align-items: flex-end;justify-content: space-between;gap: 24px;flex-wrap: wrap;margin-bottom: 26px;}.packed-head h2{font-family: var(--serif);font-size: clamp(1.9rem, 3.4vw, var(--fs-2xl));font-weight: 600;letter-spacing: -0.02em;line-height: 1.05;margin: var(--s-2) 0 var(--s-2);}.packed-sub{color: var(--muted);font-size: 14.5px;max-width: 48ch;}.packed-nav{display: flex;gap: 8px;}.rail-btn{width: 44px;height: 44px;border-radius: 50%;border: 1px solid var(--line-strong);background: transparent;color: var(--text);display: grid;place-items: center;transition: border-color 0.2s, color 0.2s, background 0.2s, opacity 0.2s;}.rail-btn svg{width: 16px;height: 16px;}.rail-btn:hover:not(:disabled){border-color: var(--gold);color: var(--gold-soft);background: rgba(198, 161, 91, 0.07);}.rail-btn:disabled{opacity: 0.28;cursor: default;}.packed-rail{display: flex;gap: var(--s-2);overflow-x: auto;scroll-snap-type: x mandatory;scrollbar-width: none;padding-bottom: 4px;}.packed-rail::-webkit-scrollbar{display: none;}.packed-card{flex: 0 0 clamp(180px, 15.5vw, 222px);margin: 0;aspect-ratio: 1 / var(--phi);border-radius: 14px;overflow: hidden;border: 1px solid var(--line);background: #16161a;scroll-snap-align: start;}.packed-card img{width: 100%;height: 100%;object-fit: cover;filter: brightness(1.07) contrast(1.03) saturate(1.04);transition: transform 0.6s var(--ease);}.packed-card:hover img{transform: scale(1.035);} .reviews{border-top: 1px solid var(--line);scroll-margin-top: calc(var(--header-h) + 10px);padding: clamp(44px, 5vw, 72px) 0 clamp(56px, 7vw, 96px);background: linear-gradient(180deg, #0b0b0d, #08080a);}.reviews-head{display: flex;align-items: flex-end;justify-content: space-between;gap: 32px;flex-wrap: wrap;margin-bottom: 34px;}.reviews-title h2{font-family: var(--serif);font-size: clamp(1.9rem, 3.6vw, var(--fs-3xl));font-weight: 600;letter-spacing: -0.02em;line-height: 1.04;margin: var(--s-2) 0 var(--s-2);}.reviews-sub{color: var(--muted);font-size: 14.5px;max-width: 48ch;}.rating{display: flex;align-items: center;gap: 16px;border-left: 1px solid var(--line-strong);padding-left: 26px;}.rating-score{font-family: var(--serif);font-size: var(--fs-3xl);line-height: 0.9;font-weight: 600;letter-spacing: -0.02em;}.rating-meta{display: grid;gap: 5px;}.rating-count{font-size: 11.5px;color: var(--muted-2);letter-spacing: 0.04em;}.stars{color: var(--gold);font-size: 13px;letter-spacing: 3px;line-height: 1;}.stars-lg{font-size: 15px;}.reviews-rail{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: var(--s-3);}.review{background: var(--panel);border: 1px solid var(--line);border-radius: var(--r-md);overflow: hidden;display: flex;flex-direction: column;transition: transform 0.3s var(--ease), border-color 0.3s;}.review:hover{transform: translateY(-3px);border-color: rgba(198, 161, 91, 0.35);}.review-photo{position: relative;aspect-ratio: var(--phi) / 1;overflow: hidden;background: #16161a;}.review-photo img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.6s var(--ease);}.review:hover .review-photo img{transform: scale(1.03);}.review-badge{position: absolute;left: 10px;bottom: 10px;background: rgba(10, 10, 11, 0.82);color: var(--gold-soft);border: 1px solid rgba(198, 161, 91, 0.45);font-size: 9.5px;letter-spacing: 0.12em;text-transform: uppercase;padding: 4px 9px;border-radius: 999px;backdrop-filter: blur(4px);}.review-body{display: flex;flex-direction: column;gap: 9px;padding: 16px 16px 15px;flex: 1;}.review-text{font-size: 13.5px;line-height: 1.62;color: #cbc5b9;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}.review-foot{margin-top: auto;padding-top: 12px;border-top: 1px solid var(--line);display: grid;gap: 7px;}.review-who{display: flex;align-items: center;gap: 8px;}.review-name{font-size: 12px;color: #b6b0a5;letter-spacing: 0.02em;}.review-country{font-size: 9px;letter-spacing: 0.14em;color: var(--muted-2);border: 1px solid var(--line-strong);border-radius: 4px;padding: 1px 5px;}.review-product{font-size: 11px;color: var(--gold);letter-spacing: 0.01em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: color 0.2s;}.review-product:hover{color: var(--gold-soft);}.reviews-foot{margin-top: 26px;padding-top: 22px;border-top: 1px solid var(--line);display: flex;align-items: center;justify-content: space-between;gap: 16px;flex-wrap: wrap;font-size: 12.5px;color: var(--muted-2);}.reviews-foot .btn{padding: 11px 20px;font-size: 13px;} .how{border-top: 1px solid var(--line);border-bottom: 1px solid var(--line);padding: clamp(55px, 7vw, var(--s-6)) 0;background: linear-gradient(180deg, #0c0c0e, #09090a);}.how-grid{display: grid;grid-template-columns: 1fr 1.618fr;gap: clamp(34px, 5vw, var(--s-6));align-items: start;}.how h2{font-family: var(--serif);font-size: clamp(2rem, 3.8vw, var(--fs-3xl));font-weight: 600;letter-spacing: -0.02em;line-height: 1.04;margin: var(--s-2) 0 var(--s-3);}.how p.lead{color: var(--muted);font-size: 15px;max-width: 36ch;}.steps{list-style: none;margin: 0;padding: 0;display: grid;gap: 0;}.step{display: grid;grid-template-columns: 54px 1fr;gap: 20px;padding: 24px 0;border-top: 1px solid var(--line);}.step:last-child{border-bottom: 1px solid var(--line);}.step-num{font-family: var(--serif);font-size: 15px;color: var(--gold);border: 1px solid rgba(198, 161, 91, 0.45);width: 42px;height: 42px;border-radius: 50%;display: grid;place-items: center;letter-spacing: 0.02em;}.step h3{font-size: 16px;font-weight: 600;margin-bottom: 5px;}.step p{font-size: 14px;color: var(--muted);line-height: 1.65;max-width: 52ch;} .faq{padding: clamp(55px, 7vw, var(--s-6)) 0;scroll-margin-top: var(--header-h);}.faq-grid{display: grid;grid-template-columns: 1fr 1.618fr;gap: clamp(34px, 5vw, var(--s-6));align-items: start;}.faq h2{font-family: var(--serif);font-size: clamp(1.9rem, 3.4vw, var(--fs-2xl));font-weight: 600;letter-spacing: -0.02em;line-height: 1.05;margin: var(--s-2) 0 var(--s-2);}.faq-side p{color: var(--muted);font-size: 14.5px;max-width: 30ch;margin-bottom: 20px;}.faq-side a{color: var(--gold-soft);border-bottom: 1px solid rgba(227, 196, 141, 0.4);padding-bottom: 2px;}.acc{border-top: 1px solid var(--line);}.acc details{border-bottom: 1px solid var(--line);}.acc summary{list-style: none;cursor: pointer;display: flex;align-items: center;justify-content: space-between;gap: 20px;padding: 22px 2px;font-size: 15.5px;font-weight: 500;letter-spacing: 0.005em;transition: color 0.2s;}.acc summary::-webkit-details-marker{display: none;}.acc summary:hover{color: var(--gold-soft);}.acc summary .plus{position: relative;flex: 0 0 auto;width: 13px;height: 13px;}.acc summary .plus::before, .acc summary .plus::after{content: "";position: absolute;background: currentColor;opacity: 0.7;transition: transform 0.3s var(--ease), opacity 0.3s;}.acc summary .plus::before{left: 0;top: 6px;width: 13px;height: 1.2px;}.acc summary .plus::after{top: 0;left: 6px;width: 1.2px;height: 13px;}.acc details[open] summary .plus::after{transform: rotate(90deg);opacity: 0;}.acc .answer{padding: 0 44px 24px 2px;color: var(--muted);font-size: 14.5px;line-height: 1.7;max-width: 62ch;} .cta{position: relative;overflow: hidden;border-top: 1px solid var(--line);background: radial-gradient( 90% 130% at 50% 0%, rgba(198, 161, 91, 0.13), transparent 60% );padding: clamp(55px, 7vw, var(--s-6)) 0;text-align: center;}.cta h2{font-family: var(--serif);font-size: clamp(1.9rem, 3.8vw, var(--fs-3xl));font-weight: 600;letter-spacing: -0.02em;line-height: 1.05;margin: var(--s-2) auto var(--s-2);max-width: 20ch;}.cta p{color: var(--muted);font-size: 14.5px;max-width: 48ch;margin: 0 auto 30px;}.signup{display: flex;gap: 10px;max-width: 460px;margin: 0 auto;}.signup input{flex: 1;background: var(--panel);border: 1px solid var(--line-strong);border-radius: 999px;padding: 15px 20px;font-size: 14px;}.signup input:focus{outline: none;border-color: var(--gold);}.signup button{flex: 0 0 auto;}.signup-note{font-size: 11.5px;color: var(--muted-2);margin-top: 14px;letter-spacing: 0.04em;} .site-footer{border-top: 1px solid var(--line);padding: clamp(48px, 6vw, 76px) 0 34px;background: #08080a;}.foot-grid{display: grid;grid-template-columns: 1.618fr 1fr 1fr 1fr;gap: var(--s-4);margin-bottom: var(--s-5);}.foot-about .brand{margin-bottom: 14px;}.foot-about p{font-size: 13px;color: var(--muted-2);max-width: 32ch;line-height: 1.7;}.foot-col h4{font-size: 10.5px;letter-spacing: 0.2em;text-transform: uppercase;color: var(--muted);margin-bottom: 16px;font-weight: 600;}.foot-col ul{list-style: none;margin: 0;padding: 0;display: grid;gap: 11px;}.foot-col a{font-size: 13.5px;color: #b6b0a5;transition: color 0.2s;}.foot-col a:hover{color: var(--gold-soft);}.warning{border: 1px solid var(--line-strong);border-radius: var(--r-sm);padding: 16px 18px;font-size: 12.5px;letter-spacing: 0.03em;color: #cfc8ba;background: rgba(255, 255, 255, 0.02);margin-bottom: 26px;}.warning b{color: var(--text);font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase;font-size: 11.5px;display: block;margin-bottom: 6px;}.foot-legal{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 14px;padding-top: 24px;border-top: 1px solid var(--line);font-size: 12px;color: var(--muted-2);}.badge-21{display: inline-grid;place-items: center;width: 34px;height: 34px;border-radius: 50%;border: 1px solid var(--line-strong);font-size: 11px;font-weight: 700;letter-spacing: 0.04em;color: var(--text);margin-right: 10px;flex: 0 0 auto;}.legal-left{display: flex;align-items: center;gap: 4px;flex-wrap: wrap;} .gate{position: fixed;inset: 0;z-index: 300;display: grid;place-items: center;padding: 20px;background: rgba(6, 6, 7, 0.82);backdrop-filter: blur(18px);-webkit-backdrop-filter: blur(18px);transition: opacity 0.4s, visibility 0.4s;}.gate.is-hidden{opacity: 0;visibility: hidden;pointer-events: none;}.gate-card{width: min(470px, 100%);background: var(--paper);color: #191510;border-radius: 22px;padding: clamp(28px, 4vw, 40px);box-shadow: var(--shadow-lg);text-align: center;animation: gateIn 0.5s var(--ease);}@keyframes gateIn{from{opacity: 0;transform: translateY(14px) scale(0.985);}}.gate-mark{font-family: var(--serif);font-size: 20px;font-weight: 700;letter-spacing: 0.02em;margin-bottom: 22px;}.gate-mark span{color: #9a7a3c;}.gate h2{font-family: var(--serif);font-size: clamp(25px, 3.4vw, 31px);line-height: 1.1;letter-spacing: -0.015em;margin-bottom: 12px;}.gate p{font-size: 13.5px;line-height: 1.65;color: #5d5548;margin-bottom: 24px;}.gate-actions{display: grid;gap: 10px;}.gate .btn{width: 100%;padding: 14px 20px;}.gate-yes{background: #17140e;color: var(--paper);}.gate-yes:hover{background: #000;}.gate-no{background: transparent;border-color: rgba(25, 21, 16, 0.2);color: #191510;}.gate-no:hover{border-color: #191510;}.gate-warn{margin-top: 20px;padding-top: 16px;border-top: 1px solid rgba(25, 21, 16, 0.14);font-size: 10.5px;line-height: 1.6;color: #7a7163;letter-spacing: 0.02em;} .modal{position: fixed;inset: 0;z-index: 120;display: grid;place-items: center;padding: 20px;background: rgba(5, 5, 6, 0.72);backdrop-filter: blur(8px);opacity: 0;visibility: hidden;transition: opacity 0.3s, visibility 0.3s;}.modal.is-open{opacity: 1;visibility: visible;}.modal-card{width: min(860px, 100%);max-height: 90vh;overflow: auto;background: #0f0f11;border: 1px solid var(--line);border-radius: 20px;display: grid;grid-template-columns: 1fr 1fr;position: relative;transform: translateY(12px) scale(0.99);transition: transform 0.35s var(--ease);}.modal.is-open .modal-card{transform: none;}.modal-media{background: radial-gradient(120% 100% at 40% 20%, #fbf7f0, #e8dfcf);border-radius: 20px 0 0 20px;display: grid;place-items: center;padding: 26px;min-height: 320px;}.modal-media img{width: 100%;max-width: 360px;mix-blend-mode: multiply;}.modal-body{padding: clamp(24px, 3vw, 38px);display: flex;flex-direction: column;}.modal-close{position: absolute;top: 14px;right: 14px;z-index: 2;width: 34px;height: 34px;border-radius: 50%;border: 1px solid var(--line-strong);background: rgba(15, 15, 17, 0.8);display: grid;place-items: center;}.modal-close:hover{border-color: var(--gold);color: var(--gold);}.modal-close svg{width: 13px;height: 13px;}.modal-body .card-brand{margin-bottom: 10px;}.modal-body h3{font-family: var(--serif);font-size: clamp(25px, 3vw, 33px);line-height: 1.08;letter-spacing: -0.015em;margin-bottom: 10px;}.modal-meta{font-size: 12.5px;color: var(--muted-2);letter-spacing: 0.03em;margin-bottom: 18px;}.modal-desc{font-size: 14px;color: var(--muted);line-height: 1.7;margin-bottom: 22px;}.modal-price{display: flex;align-items: baseline;gap: 10px;margin-bottom: 4px;}.modal-price .now{font-family: var(--serif);font-size: 32px;font-weight: 600;}.modal-price .was{font-size: 14px;color: var(--muted-2);text-decoration: line-through;}.modal-save{color: var(--gold-soft);font-size: 12px;letter-spacing: 0.05em;margin-bottom: 22px;}.modal-body .btn{width: 100%;margin-top: auto;}.modal-foot{font-size: 11.5px;color: var(--muted-2);margin-top: 12px;text-align: center;letter-spacing: 0.03em;} .wa-fab{position: fixed;right: 22px;bottom: 22px;z-index: 85;opacity: 0;visibility: hidden;transform: translateY(14px);width: 56px;height: 56px;border-radius: 50%;background: #1d1a14;color: #07230f;padding: 0;overflow: hidden;display: grid;place-items: center;box-shadow: 0 16px 34px -10px rgba(37, 211, 102, 0.6);transition: opacity 0.3s var(--ease), transform 0.3s var(--ease), visibility 0.3s, background 0.2s;}.wa-fab.is-on{opacity: 1;visibility: visible;transform: none;}.wa-fab:hover{transform: translateY(-2px) scale(1.04);background: #2ee06f;}.wa-fab .wa-icon{width: 27px;height: 27px;}.wa-fab::after{content: "";position: absolute;inset: -7px;border-radius: 50%;border: 1px solid rgba(37, 211, 102, 0.5);animation: waPulse 3s ease-out infinite;pointer-events: none;}@keyframes waPulse{0%{transform: scale(0.9);opacity: 0.7;}70%{transform: scale(1.25);opacity: 0;}100%{opacity: 0;}} .toast{position: fixed;left: 50%;bottom: 28px;transform: translate(-50%, 20px);background: var(--paper);color: #17130c;padding: 13px 22px;border-radius: 999px;font-size: 13px;font-weight: 500;box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.6);z-index: 150;opacity: 0;pointer-events: none;transition: opacity 0.3s, transform 0.35s var(--ease);max-width: calc(100% - 32px);text-align: center;}.toast.is-visible{opacity: 1;transform: translate(-50%, 0);} .reveal{opacity: 0;transform: translateY(22px);transition: opacity 0.8s var(--ease), transform 0.8s var(--ease);}.reveal.is-in{opacity: 1;transform: none;} @media (max-width: 1080px){.value-grid{grid-template-columns: repeat(2, 1fr);}.foot-grid{grid-template-columns: 1.4fr 1fr 1fr;}.foot-about{grid-column: 1 / -1;}}@media (max-width: 1024px){.reviews-rail{grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 980px){.hero-grid{grid-template-columns: 1fr;gap: 44px;}.hero-stage{max-width: 520px;width: 100%;justify-self: center;}}@media (max-width: 860px){.nav-links{display: none;}.rating{border-left: 0;padding-left: 0;border-top: 1px solid var(--line);padding-top: 18px;width: 100%;}.rating-score{font-size: 44px;}.site-header.is-open .nav-links{display: flex;position: absolute;top: 100%;left: 0;right: 0;flex-direction: column;align-items: stretch;gap: 0;padding: 6px 24px 18px;background: #0a0a0c;border-bottom: 1px solid var(--line);box-shadow: 0 24px 40px -20px rgba(0, 0, 0, 0.9);}.site-header.is-open .nav-links a{font-size: 16px;padding: 15px 0;border-bottom: 1px solid var(--line);color: var(--text);}.site-header.is-open .nav-links a::after{display: none;}.burger{display: grid;}.how-grid, .faq-grid{grid-template-columns: 1fr;gap: 28px;}.modal-card{grid-template-columns: 1fr;}.modal-media{border-radius: 20px 20px 0 0;min-height: 220px;padding: 18px;}.modal-media img{max-width: 210px;}.toolbar{position: static;}}@media (max-width: 640px){.container{width: calc(100% - 32px);}.announce{font-size: 10.5px;letter-spacing: 0.03em;padding: 8px 12px;}.announce .hide-sm{display: none;}.nav{gap: 10px;}.brand-sub{display: none;}.brand-mark{font-size: 19px;}.wa-btn{padding: 8px 12px;}.wa-btn-label{display: none;}.wa-fab{right: 16px;bottom: 16px;width: 52px;height: 52px;}.packed-nav{display: none;}.packed-rail{margin-inline: -16px;padding-inline: 16px;gap: 10px;scroll-padding-inline: 16px;}.packed-card{flex: 0 0 62vw;}.reviews-rail{display: flex;gap: 12px;overflow-x: auto;scroll-snap-type: x mandatory;margin-inline: -16px;padding: 2px 16px 16px;scrollbar-width: none;}.reviews-rail::-webkit-scrollbar{display: none;}.review{flex: 0 0 78%;scroll-snap-align: start;}.reviews-head{margin-bottom: 22px;}.card-foot{flex-direction: column;align-items: stretch;gap: 11px;}.btn-order{width: 100%;height: 38px;justify-content: center;border-radius: 10px;font-size: 12.5px;}.hero-grid{padding-top: 36px;}.hero h1{font-size: clamp(38px, 10.5vw, 54px);}.hero-actions .btn{flex: 1 1 auto;}.hero-meta{gap: 6px 16px;font-size: 11px;}.hero-panel{aspect-ratio: 1 / 1.08;}.hero-info-copy b{font-size: 1.06rem;}.hero-info-price .now{font-size: 1.28rem;}.hero-info-price .was{display: none;}.hero-info-arrow{width: 30px;height: 30px;}.value-grid{grid-template-columns: 1fr 1fr;}.value-item{padding: 22px 18px;}.value-item h3{font-size: 13.5px;}.value-item p{font-size: 12.5px;}.grid{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 10px;}.card-body{padding: 12px 12px 14px;}.card-name{font-size: 15px;}.card-meta{font-size: 10.5px;}.price .now{font-size: 16px;}.price .was{font-size: 11px;}.card-quick{opacity: 1;transform: none;left: 8px;right: 8px;bottom: 8px;padding: 8px;font-size: 11px;}.card-save{font-size: 9px;padding: 5px 8px;top: 8px;left: 8px;}.tool-right{width: 100%;}.search-wrap{flex: 1;}.search-wrap input, .search-wrap input:focus{width: 100%;}.foot-grid{grid-template-columns: 1fr 1fr;gap: 28px;}.site-footer{padding-bottom: 84px;}.signup{flex-direction: column;}.signup .btn{width: 100%;}.step{grid-template-columns: 44px 1fr;gap: 14px;}.step-num{width: 36px;height: 36px;font-size: 13px;}}@media (prefers-reduced-motion: reduce){*, *::before, *::after{animation-duration: 0.001ms !important;animation-iteration-count: 1 !important;transition-duration: 0.001ms !important;scroll-behavior: auto !important;}.reveal{opacity: 1;transform: none;}}  body.show-guides::before{content: "";position: fixed;top: 0;bottom: 0;left: 0;right: 0;margin-inline: auto;width: min(1280px, 100% - 48px);z-index: 180;pointer-events: none;background-image: linear-gradient( to right, transparent calc(38.2% - 0.5px), rgba(198, 161, 91, 0.6) calc(38.2% - 0.5px), rgba(198, 161, 91, 0.6) calc(38.2% + 0.5px), transparent calc(38.2% + 0.5px) ), linear-gradient( to right, transparent calc(61.8% - 0.5px), rgba(198, 161, 91, 0.6) calc(61.8% - 0.5px), rgba(198, 161, 91, 0.6) calc(61.8% + 0.5px), transparent calc(61.8% + 0.5px) );}@media (max-width: 640px){body.show-guides::before{width: calc(100% - 32px);}} .crumbs{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;padding: 22px 0 0;font-size: 11.5px;letter-spacing: 0.04em;color: var(--muted-2);}.crumbs a{color: var(--muted);transition: color 0.2s;}.crumbs a:hover{color: var(--gold-soft);}.crumbs .is-current{color: var(--text);}.pdp{padding: clamp(28px, 4vw, 48px) 0 clamp(44px, 5vw, 72px);}.pdp-grid{display: grid;grid-template-columns: 1fr 1.618fr;gap: clamp(28px, 4vw, 55px);align-items: start;}.pdp-media{position: sticky;top: calc(var(--header-h) + 24px);}.pdp-stage{position: relative;border-radius: var(--r-lg);background: radial-gradient(120% 90% at 50% 6%, #ffffff, #fbf6ec 56%, #ece1cd);aspect-ratio: 1 / 1.02;overflow: hidden;box-shadow: 0 40px 80px -40px rgba(0, 0, 0, 0.8);}.pdp-stage img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: contain;padding: 9%;mix-blend-mode: multiply;}.pdp-info h1{font-family: var(--serif);font-size: clamp(2.2rem, 4vw, 3.328rem);font-weight: 600;letter-spacing: -0.02em;line-height: 1.02;margin: var(--s-2) 0 var(--s-2);}.pdp-sub{color: var(--muted);font-size: 14.5px;max-width: 46ch;}.pdp-price{display: flex;align-items: baseline;gap: 12px;margin-top: var(--s-4);}.pdp-price .now{font-family: var(--serif);font-size: var(--fs-3xl);font-weight: 600;letter-spacing: -0.02em;}.pdp-price .was{font-size: 14px;color: var(--muted-2);text-decoration: line-through;}.pdp-price .save{font-size: 10.5px;letter-spacing: 0.12em;text-transform: uppercase;color: var(--gold);border: 1px solid rgba(198, 161, 91, 0.45);border-radius: 999px;padding: 4px 9px;}.pdp-unit{margin-top: 6px;font-size: 11.5px;letter-spacing: 0.06em;color: var(--muted-2);text-transform: uppercase;}.pdp-cta{margin-top: var(--s-4);max-width: 340px;}.pdp-ship{margin: 10px 0 0;font-size: 12.5px;color: var(--gold-soft);letter-spacing: 0.02em;}.pdp-trust{list-style: none;margin: var(--s-4) 0 0;padding: 0;display: grid;gap: 9px;font-size: 13px;color: var(--muted);}.pdp-trust li{display: flex;align-items: flex-start;gap: 9px;}.pdp-trust li::before{content: "";margin-top: 7px;width: 5px;height: 5px;border-radius: 50%;background: var(--gold);flex: 0 0 auto;}.pdp-acc{margin-top: var(--s-5);border-top: 1px solid var(--line);}.related{border-top: 1px solid var(--line);padding: clamp(36px, 4vw, 60px) 0 clamp(48px, 5vw, 80px);background: #0a0a0c;}.related-head{display: flex;align-items: baseline;justify-content: space-between;gap: 20px;margin-bottom: 22px;}.related-head h2{font-family: var(--serif);font-size: clamp(1.6rem, 2.6vw, 2.057rem);font-weight: 600;letter-spacing: -0.015em;}.related-all{font-size: 12.5px;color: var(--gold);white-space: nowrap;}.related-all:hover{color: var(--gold-soft);}.related-grid{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: var(--s-3);}.card-link{text-decoration: none;color: inherit;}.card-link .card-foot{padding-top: 12px;}.page{padding: clamp(28px, 4vw, 48px) 0 clamp(56px, 6vw, 89px);}.page-inner{max-width: 760px;}.page h1{font-family: var(--serif);font-size: clamp(2rem, 3.4vw, 2.617rem);font-weight: 600;letter-spacing: -0.02em;line-height: 1.05;margin: var(--s-2) 0 var(--s-3);}.page-lede{font-size: 15px;color: var(--muted);margin-bottom: var(--s-5);max-width: 52ch;}.page-body h2{font-size: 12px;font-weight: 600;letter-spacing: 0.12em;text-transform: uppercase;color: var(--gold);margin: var(--s-4) 0 var(--s-2);}.page-body p{font-size: 14.5px;line-height: 1.75;color: #cfc9bd;margin-bottom: var(--s-2);max-width: 62ch;}.page-body a{color: var(--gold-soft);border-bottom: 1px solid rgba(227, 196, 141, 0.35);}.contact-block{margin-bottom: var(--s-4);}.contact-block .btn{display: inline-flex;width: auto;}@media (max-width: 980px){.pdp-grid{grid-template-columns: 1fr;gap: var(--s-4);}.pdp-stage{max-width: 420px;}.related-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 640px){.pdp-cta{max-width: none;width: 100%;}.related-grid{gap: 10px;}.related-head{flex-direction: column;align-items: flex-start;gap: 8px;}} .wa-desk{position: fixed;inset: 0;z-index: 260;display: flex;align-items: center;justify-content: center;padding: 24px;background: rgba(6, 6, 7, 0.72);backdrop-filter: blur(6px);}.wa-desk-card{position: relative;width: min(460px, 100%);background: #14110c;border: 1px solid rgba(198, 161, 91, 0.28);border-radius: 18px;padding: 28px 26px 24px;box-shadow: 0 40px 80px rgba(0, 0, 0, 0.6);}.wa-desk-x{position: absolute;top: 12px;right: 14px;width: 30px;height: 30px;border: 0;border-radius: 50%;background: rgba(255, 255, 255, 0.06);color: #cfc7b8;font-size: 18px;line-height: 1;cursor: pointer;}.wa-desk-eyebrow{margin: 0 0 6px;font-size: 11px;letter-spacing: 0.14em;text-transform: uppercase;color: #c6a15b;}.wa-desk-card h3{margin: 0 0 8px;font-size: 22px;color: #f3ede1;}.wa-desk-sub{margin: 0 0 18px;font-size: 13px;line-height: 1.55;color: #928b7e;}.wa-desk-row{display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 12px 14px;border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 12px;margin-bottom: 12px;}.wa-desk-num{font-size: 17px;letter-spacing: 0.04em;color: #f3ede1;}.wa-desk-btn{border: 1px solid rgba(198, 161, 91, 0.4);background: transparent;color: #c6a15b;font-size: 12px;padding: 7px 12px;border-radius: 999px;cursor: pointer;white-space: nowrap;}.wa-desk-btn:hover{background: rgba(198, 161, 91, 0.12);}.wa-desk-msg{position: relative;border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 12px;padding: 12px 14px 44px;margin-bottom: 14px;}.wa-desk-msg pre{margin: 0;font-family: inherit;font-size: 13px;line-height: 1.5;color: #b9b1a3;white-space: pre-wrap;word-break: break-word;}.wa-desk-msg .wa-desk-btn{position: absolute;right: 12px;bottom: 10px;}.wa-desk-open{display: block;text-align: center;font-size: 13px;color: #8d8779;text-decoration: underline;text-underline-offset: 3px;} .wa-avatar{display: inline-block;width: 26px;height: 26px;border-radius: 50%;object-fit: cover;flex: 0 0 auto;background: #1d1a14;box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.16);}.btn-wa .wa-avatar{width: 22px;height: 22px;}.btn-order .wa-avatar{width: 18px;height: 18px;}.btn-wa-solid .wa-avatar, .pdp-cta .wa-avatar{width: 24px;height: 24px;}.wa-fab .wa-avatar{width: 34px;height: 34px;box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2);}.wa-desk-who{display: flex;align-items: center;gap: 12px;margin: 2px 0 16px;}.wa-desk-who img{width: 44px;height: 44px;border-radius: 50%;object-fit: cover;box-shadow: 0 0 0 2px rgba(198, 161, 91, 0.35);}.wa-desk-who b{display: block;font-size: 14px;color: #f3ede1;letter-spacing: 0.02em;}.wa-desk-who span{display: block;font-size: 11.5px;color: #8d8779;}
/* ---------- payment methods ---------- */
.pay { padding: 96px 0; border-top: 1px solid var(--line); }
.pay-head {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: end;
  margin-bottom: 40px;
}
.pay-lede { font-size: 15px; line-height: 1.65; color: var(--muted-2); max-width: 44ch; }
.pay-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
}
.pay-card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 22px 20px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.015);
  transition: border-color .25s ease, transform .25s ease;
}
.pay-card:hover { border-color: rgba(198, 161, 91, .45); transform: translateY(-2px); }
.pay-ico { color: #e7e0d2; height: 26px; display: flex; align-items: center; margin-bottom: 10px; }
.pay-ico svg { width: 26px; height: 26px; }
.pay-duo { display: flex; gap: 8px; }
.pay-duo svg { width: 30px; height: 26px; }
.pay-card b { font-size: 14px; font-weight: 600; color: var(--text); }
.pay-sub { font-size: 12px; color: var(--muted-2); letter-spacing: .01em; }
.pay-note { font-size: 12.5px; color: var(--muted-2); }
@media (max-width: 900px) {
  .pay { padding: 64px 0; }
  .pay-head { grid-template-columns: 1fr; gap: 18px; align-items: start; }
  .pay-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .pay-card { padding: 18px 16px; }
}

/* ---------- bestsellers strip ---------- */
.hot { padding: 88px 0 8px; }
.hot-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 30px; }
.hot-head h2 { margin: 6px 0 0; }
.hot-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.hot-card {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.015);
  transition: border-color .25s ease, transform .25s ease;
}
.hot-card:hover { border-color: rgba(198, 161, 91, .45); transform: translateY(-2px); }
.hot-media img { width: 86px; height: 86px; object-fit: contain; display: block; }
.hot-body { min-width: 0; flex: 1; }
.hot-brand { margin: 0; font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--muted-2); }
.hot-name { margin: 2px 0 8px; font-size: 16px; }
.hot-name a { color: var(--text); text-decoration: none; }
.hot-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.hot-price { font-size: 17px; color: var(--gold-soft); }
.hot-order {
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(198, 161, 91, .5);
  color: var(--gold-soft);
  text-decoration: none;
  white-space: nowrap;
}
.hot-order:hover { background: var(--gold); color: #17130a; }
@media (max-width: 900px) {
  .hot { padding: 56px 0 0; }
  .hot-grid { grid-template-columns: 1fr; gap: 10px; }
  .hot-media img { width: 64px; height: 64px; }
}

/* ---------- 转化强化：紧迫 / 风险承诺 ---------- */
.hero-cutoff {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 18px 0 0;
  padding: 7px 14px;
  border: 1px solid rgba(198, 161, 91, .35);
  border-radius: 999px;
  font-size: 12.5px;
  letter-spacing: .02em;
  color: var(--gold-soft);
  background: rgba(198, 161, 91, .07);
}
.dot-live {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #4ade80;
  box-shadow: 0 0 0 3px rgba(74, 222, 128, .15);
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: .45; }
}

.risk { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 34px 0; background: rgba(255, 255, 255, .012); }
.risk-inner { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.risk-item b { display: block; font-size: 14px; color: var(--text); margin-bottom: 4px; }
.risk-item span { font-size: 13px; line-height: 1.5; color: var(--muted-2); }
.risk-item::before {
  content: "✓";
  float: left;
  margin-right: 8px;
  color: var(--gold);
  font-weight: 600;
}

.faq-more { margin-top: 22px; font-size: 12.5px; color: var(--muted-2); }
.faq-more a { color: var(--gold-soft); }

@media (max-width: 900px) {
  .risk-inner { grid-template-columns: 1fr; gap: 16px; }
  .risk { padding: 26px 0; }
}

/* ============================================================
   手机端专项优化（≤820px）—— 80% 流量来自这里
   ============================================================ */
@media (max-width: 820px) {
  /* ① 首屏收紧：让 Order now 尽量落在第一屏 */
  .hero-grid { padding-top: 22px; gap: 26px; }
  .hero-copy .eyebrow { margin-bottom: 10px; }
  .hero h1 { font-size: clamp(33px, 9.4vw, 46px); line-height: 1; margin-bottom: 10px; }
  .hero-sub { font-size: 14.5px; line-height: 1.55; }
  .hero-actions { margin-top: 18px; gap: 10px; }
  .hero-actions .btn { flex: 1 1 100%; padding: 15px 18px; font-size: 15px; }
  .hero-cutoff {
    margin-top: 12px;
    font-size: 12px;
    padding: 6px 12px;
    white-space: normal;
  }
  .hero-ship { margin-top: 8px; font-size: 12px; line-height: 1.5; }
  /* 首屏底部的三条信任点在手机上重复了，收起来 */
  .hero-meta { display: none; }

  /* ② 手机上只保留一个悬浮 CTA（底部胶囊），隐藏圆形按钮 */
  #us-sticky ~ .wa-fab,
  .wa-fab { display: none !important; }

  /* ③ 商品卡：更大的字、更大的按钮，方便 35+ 阅读和点击 */
  .card-name { font-size: 15.5px; }
  .card-meta { font-size: 11px; }
  .price .now { font-size: 17px; }
  .btn-order { height: 44px; font-size: 13.5px; }
  .card-quick { padding: 10px; font-size: 12px; }

  /* ④ 正文可读性 */
  .step p, .acc .answer, .page-body p, .review-text { font-size: 15px; }
  .risk-item span { font-size: 13.5px; }
  .hot-name { font-size: 17px; }
  .hot-order { padding: 10px 16px; font-size: 13px; }

  /* ⑤ 触摸目标不小于 44px */
  .chip { padding: 11px 16px; font-size: 13px; }
  .sort, .search-wrap input { padding-top: 11px; padding-bottom: 11px; }
}

/* ⑥ 手机上把「Order now」提到第一位并做成实心主按钮 */
@media (max-width: 820px) {
  .hero-actions .btn-wa {
    order: -1;
    background: #25d366;
    border-color: #25d366;
    color: #07230f;
    font-weight: 700;
    box-shadow: 0 14px 30px -14px rgba(37, 211, 102, 0.7);
  }
  .hero-actions .btn-wa .wa-avatar { box-shadow: 0 0 0 2px rgba(7, 35, 15, 0.25); }
  .hero-actions .btn-primary {
    background: transparent;
    color: var(--text);
    border-color: var(--line-strong);
    box-shadow: none;
    font-weight: 500;
  }
}

/* 热销位：划线价 + 折扣 */
.hot-price { display: inline-flex; align-items: baseline; gap: 6px; flex-wrap: wrap; }
.hot-price s { font-size: 12px; color: var(--muted-2); text-decoration: line-through; }
.hot-price em {
  font-style: normal;
  font-size: 10.5px;
  letter-spacing: .06em;
  color: #17130a;
  background: var(--gold);
  border-radius: 999px;
  padding: 2px 6px;
}

/* 无 WhatsApp 时的备用下单通道 */
.alt-store {
  margin: 12px 0 0;
  font-size: 12.5px;
  color: var(--muted-2);
  letter-spacing: .01em;
}
.alt-store a {
  color: var(--gold-soft);
  border-bottom: 1px solid rgba(227, 196, 141, .4);
  padding-bottom: 1px;
}
.alt-store a:hover { color: var(--gold); }
