*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#08090c;color:#f7f5f0;font-family:"DM Sans",sans-serif;min-height:100vh;padding-bottom:86px}button,input{font:inherit}.ambient{position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.16;z-index:-1}.a1{width:280px;height:280px;background:#d9a441;top:-100px;right:-100px}.a2{width:240px;height:240px;background:#6b4dff;top:38vh;left:-180px}.topbar{height:64px;padding:0 18px;display:flex;align-items:center;position:sticky;top:0;z-index:20;background:rgba(8,9,12,.76);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06)}.site-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:168px;height:42px;text-decoration:none}.site-logo img{display:block;width:100%;height:auto;max-height:30px;object-fit:contain}.topbar .icon-btn{margin-left:auto}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:700 13px/1 "Manrope",sans-serif;letter-spacing:.08em}.brand b{color:#dcb66a;font-weight:800}.brand-mark{width:30px;height:30px;border:1px solid rgba(220,182,106,.55);border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#252018,#0b0b0d);color:#e7c47e;font:800 15px "Manrope"}.icon-btn{width:40px;height:40px;border-radius:14px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:#fff;font-size:21px}.hero{padding:34px 18px 20px;max-width:1180px;margin:auto}.eyebrow{display:flex;align-items:center;gap:8px;color:#a8a8ad;font-size:10px;letter-spacing:.16em;font-weight:700}.eyebrow span{width:18px;height:1px;background:#dcb66a}.hero h1{font:800 clamp(34px,10vw,72px)/.98 "Manrope",sans-serif;letter-spacing:-.055em;margin:17px 0 15px;max-width:760px}.hero h1 em{font-style:normal;color:#dcb66a}.hero p{color:#a7a7ad;font-size:15px;line-height:1.55;max-width:520px;margin:0 0 23px}.search-wrap{height:54px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.055);border-radius:18px;display:flex;align-items:center;padding:0 16px;gap:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.search-wrap span{font-size:24px;color:#d3af69}.search-wrap input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:15px}.search-wrap input::placeholder{color:#6f7179}.category-strip{display:flex;gap:8px;overflow-x:auto;padding:4px 18px 20px;scrollbar-width:none;max-width:1180px;margin:auto}.category-strip::-webkit-scrollbar{display:none}.chip{white-space:nowrap;border:1px solid rgba(255,255,255,.08);color:#a9abb1;background:#101116;padding:9px 13px;border-radius:999px;font-size:12px;font-weight:600}.chip.active{color:#0b0b0d;background:#e2bd73;border-color:#e2bd73}.catalog-head{padding:8px 18px 14px;display:flex;align-items:end;justify-content:space-between;max-width:1180px;margin:auto}.catalog-head small{color:#767981;font-size:9px;letter-spacing:.16em;font-weight:700}.catalog-head h2{font:700 23px "Manrope";letter-spacing:-.03em;margin:3px 0 0}.catalog-head>span{font-size:12px;color:#777981;background:#111217;border:1px solid rgba(255,255,255,.06);padding:6px 9px;border-radius:999px}
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 12px;max-width:1180px;margin:auto}.card{position:relative;overflow:hidden;background:linear-gradient(155deg,rgba(24,25,31,.98),rgba(14,15,19,.98));border:1px solid rgba(255,255,255,.075);border-radius:22px;padding:10px;min-width:0;transition:.25s transform,.25s border-color;box-shadow:0 16px 35px rgba(0,0,0,.22)}.card:active{transform:scale(.985);border-color:rgba(220,182,106,.35)}.media{aspect-ratio:1.08;border-radius:16px;background:radial-gradient(circle at 50% 15%,#242733,#121319 70%);display:grid;place-items:center;overflow:hidden;position:relative}.media:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,9,12,.22),transparent 50%)}.media img{width:76%;height:76%;object-fit:contain;position:relative;z-index:1}.fallback-logo{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#262832,#14151a);border:1px solid rgba(255,255,255,.08);color:#e7c67f;font:800 28px "Manrope"}.stock{position:absolute;top:9px;left:9px;z-index:2;background:rgba(12,17,14,.82);border:1px solid rgba(72,197,126,.22);color:#76d89f;padding:5px 7px;border-radius:999px;font-size:8px;font-weight:700;backdrop-filter:blur(10px)}.card-body{padding:11px 3px 3px}.card-category{font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#777b84;font-weight:700}.card h3{font:700 13px/1.28 "Manrope";letter-spacing:-.02em;margin:5px 0 11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:33px}.price-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.price{font:800 17px "Manrope";letter-spacing:-.035em;color:#f5f0e6}.mini-arrow{width:30px;height:30px;border-radius:11px;border:1px solid rgba(220,182,106,.22);display:grid;place-items:center;color:#dcb66a;background:#171713}.empty{grid-column:1/-1;text-align:center;padding:50px 20px;color:#777b84}.skeleton{height:270px;border-radius:22px;background:linear-gradient(110deg,#111218 8%,#191a20 18%,#111218 33%);background-size:200% 100%;animation:shine 1.3s linear infinite}@keyframes shine{to{background-position-x:-200%}}.bottom-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;height:72px;padding:8px max(18px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom));display:flex;justify-content:space-around;background:rgba(10,11,14,.92);backdrop-filter:blur(22px);border-top:1px solid rgba(255,255,255,.07)}.bottom-nav button{border:0;background:none;color:#666a72;font-size:10px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:70px}.bottom-nav span{font-size:19px}.bottom-nav .nav-active{color:#dec07e}.sheet{position:fixed;inset:0;z-index:60;pointer-events:none;opacity:0;transition:.22s opacity}.sheet.open{opacity:1;pointer-events:auto}.sheet-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(7px)}.sheet-panel{position:absolute;left:0;right:0;bottom:0;max-height:92vh;overflow:auto;background:#0e0f13;border:1px solid rgba(255,255,255,.09);border-radius:26px 26px 0 0;padding:10px 18px calc(25px + env(safe-area-inset-bottom));transform:translateY(24px);transition:.25s transform}.sheet.open .sheet-panel{transform:translateY(0)}.sheet-handle{width:40px;height:4px;background:#33363d;border-radius:10px;margin:2px auto 18px}.detail-hero{aspect-ratio:1.55;border-radius:22px;background:radial-gradient(circle at 50% 15%,#262936,#121319 70%);display:grid;place-items:center;overflow:hidden}.detail-hero img{width:58%;height:70%;object-fit:contain}.detail-title{font:800 26px/1.08 "Manrope";letter-spacing:-.045em;margin:20px 0 8px}.availability{font-size:12px;color:#68d391}.detail-price{font:800 31px "Manrope";margin:15px 0 18px;color:#f6f1e8}.primary{width:100%;height:54px;border:0;border-radius:17px;background:linear-gradient(135deg,#efd18e,#c4933e);color:#111;font:800 14px "Manrope";box-shadow:0 12px 30px rgba(202,157,70,.18)}.secondary{width:100%;height:50px;border-radius:16px;border:1px solid rgba(255,255,255,.09);background:#15161b;color:#fff;font-weight:700}.detail-copy{margin-top:22px;border-top:1px solid rgba(255,255,255,.07);padding-top:20px;color:#a7aab2;line-height:1.62;font-size:13px;white-space:pre-line}.detail-copy h4{color:#fff;font:700 14px "Manrope";margin:0 0 8px}
.form{display:grid;gap:12px}.field label{display:block;color:#858891;font-size:11px;margin:0 0 6px}.field input{width:100%;height:50px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:#15161b;color:#fff;outline:0;padding:0 14px}.field input:focus{border-color:rgba(220,182,106,.55)}.checkout-summary{display:flex;align-items:center;justify-content:space-between;padding:13px 0 18px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.07)}.checkout-summary span{color:#92959d;font-size:12px}.checkout-summary strong{font:800 18px "Manrope"}.pix-box{text-align:center}.pix-box h3{font:800 23px "Manrope";margin:4px 0 4px}.pix-box p{color:#8b8e96;font-size:12px;line-height:1.5}.qr{width:min(240px,72vw);aspect-ratio:1;background:#fff;border-radius:18px;padding:10px;margin:18px auto;display:block}.pix-code{display:flex;gap:7px}.pix-code input{min-width:0;flex:1;height:47px;border-radius:14px;border:1px solid rgba(255,255,255,.09);background:#15161b;color:#aeb1b8;padding:0 12px;font-size:11px}.pix-code button{border:0;border-radius:14px;background:#e0bd75;color:#111;font-weight:800;padding:0 14px}.waiting{display:inline-flex;align-items:center;gap:7px;margin-top:14px;color:#d9bc7c;font-size:11px}.waiting:before{content:"";width:7px;height:7px;border-radius:50%;background:#d9bc7c;box-shadow:0 0 0 5px rgba(217,188,124,.08);animation:pulse 1.3s infinite}@keyframes pulse{50%{opacity:.35}}.orders-list{display:grid;gap:9px}.order-card{background:#15161b;border:1px solid rgba(255,255,255,.07);border-radius:17px;padding:13px}.order-card strong{display:block;font:700 13px "Manrope";margin-bottom:5px}.order-card div{display:flex;justify-content:space-between;color:#858891;font-size:11px}.delivered{color:#6ed89b!important}.toast{position:fixed;z-index:100;left:50%;bottom:92px;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#f4efe4;color:#111;padding:10px 14px;border-radius:12px;font-size:12px;font-weight:700;box-shadow:0 12px 35px rgba(0,0,0,.35);transition:.2s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}.secure-note{display:flex;gap:9px;align-items:flex-start;color:#777b83;font-size:10px;line-height:1.4;margin-top:12px}.secure-note span{color:#d9b76e}.delivery-box{background:#131519;border:1px solid rgba(99,209,145,.18);border-radius:17px;padding:14px;margin-top:14px}.delivery-box pre{white-space:pre-wrap;word-break:break-word;color:#dfe6e1;font:12px/1.55 monospace;margin:0}.error-note{background:rgba(185,69,69,.08);border:1px solid rgba(210,90,90,.18);color:#e6a2a2;padding:12px;border-radius:14px;font-size:12px;margin-top:12px}@media(min-width:720px){body{padding-bottom:30px}.bottom-nav{display:none}.topbar{padding:0 34px}.site-logo{width:190px}.hero{padding:64px 32px 28px}.hero p{font-size:17px}.search-wrap{max-width:620px}.category-strip,.catalog-head{padding-left:32px;padding-right:32px}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;padding:0 32px}.card{padding:12px}.card h3{font-size:15px;min-height:38px}.price{font-size:20px}.sheet-panel{left:50%;right:auto;bottom:24px;width:min(560px,calc(100% - 32px));border-radius:26px;transform:translate(-50%,24px)}.sheet.open .sheet-panel{transform:translate(-50%,0)}}@media(min-width:1080px){.product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
