@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=DM+Sans:wght@300;400;500;600&display=swap";
@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulseGold{0%,to{box-shadow:0 0 #b8922a4d}50%{box-shadow:0 0 0 8px #b8922a00}}:root{--bg:#fff;--bg2:#f7f7f5;--text:#0a0a0a;--muted:#0a0a0a80;--line:#0a0a0a17;--card:#fff;--shadow:0 24px 64px #00000014;--shadow2:0 8px 24px #0000000f;--radius:20px;--gold:#b8922a;--goldSoft:#b8922a1a;--goldLine:#b8922a38;--dark:#0a0a0a;--navy:#0d1b2a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text);-webkit-font-smoothing:antialiased;background:linear-gradient(#fff 0%,#f9f9f7 50%,#f5f4f0 100%) fixed;font-family:DM Sans,ui-sans-serif,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.reveal{opacity:0;filter:blur(2px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1),filter .9s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.reveal.visible{opacity:1;filter:blur();transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.appShell{min-height:100vh;padding-top:72px}.nav{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--line);background:#fffffff2;justify-content:center;align-items:center;height:72px;transition:background .3s,box-shadow .3s;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{background:#fffffff2;box-shadow:0 1px 24px #0000000f}.glass{-webkit-backdrop-filter:blur(16px);background:#ffffff8c;border:1px solid #ffffff40;box-shadow:0 8px 32px #0000000f}.navInner{align-items:center;gap:16px;width:min(1200px,94vw);display:flex}.brand{border-radius:14px;align-items:center;gap:10px;padding:8px 12px;transition:background .2s;display:flex}.brand:hover{background:#00000008}.brandMark{background:var(--dark);color:#fff;letter-spacing:-.5px;border-radius:10px;place-items:center;width:34px;height:34px;font-family:Playfair Display,serif;font-size:15px;font-weight:700;display:grid}.brandTitle{flex-direction:column;line-height:1.1;display:flex}.brandTitle strong{letter-spacing:.3px;font-size:13px;font-weight:600}.brandTitle span{color:var(--muted);font-size:11px}.navLinks{border:1px solid var(--line);background:#ffffffb3;border-radius:999px;align-items:center;gap:2px;padding:5px;display:flex}.navLinks a{color:#0a0a0ab8;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:500;transition:background .15s,color .15s}.navLinks a:hover{color:var(--text);background:#0000000d}.navRight{align-items:center;gap:8px;margin-left:auto;display:flex}.pill{border:1px solid var(--line);background:#fffc;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;display:flex}.pill select{color:var(--text);cursor:pointer;background:0 0;border:0;outline:0;font-size:13px}select,select option{color:#111;background:#fff}.btn{border:1px solid var(--line);cursor:pointer;background:#ffffffe6;border-radius:999px;padding:10px 18px;font-size:13px;font-weight:500;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,background .2s,border-color .2s;box-shadow:0 2px 8px #0000000a}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.btn:active{transition-duration:.1s;transform:translateY(0)scale(.98)}.btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.btnPrimary{background:var(--dark);color:#fff;border-color:var(--dark);box-shadow:0 4px 16px #0000002e}.btnPrimary:hover{background:#1a1a1a;box-shadow:0 8px 28px #0000003d}.btnPrimary:active{transform:translateY(0)scale(.98);box-shadow:0 2px 8px #00000026}.btnGold{color:#fff;background:linear-gradient(135deg,#c9a84c,#b8922a);border-color:#0000;box-shadow:0 4px 16px #b8922a4d}.btnGold:hover{transform:translateY(-2px);box-shadow:0 8px 32px #b8922a66}.btnGold:active{transform:translateY(0)scale(.98)}.container{width:min(1200px,94vw);margin:0 auto;padding:0 16px 80px}.heroSection{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:88vh;padding:80px 24px 60px;animation:.8s ease-out fadeIn;display:flex;position:relative;overflow:hidden}.heroSection:before{content:"";pointer-events:none;background:radial-gradient(800px 500px at 50% 0,#b8922a0f,#0000 60%),radial-gradient(600px 400px at 80% 80%,#00000008,#0000 55%);position:absolute;inset:0}.heroEyebrow{border:1px solid var(--goldLine);background:var(--goldSoft);letter-spacing:.8px;text-transform:uppercase;color:var(--gold);border-radius:999px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.heroTitle{letter-spacing:-.03em;color:var(--text);max-width:14ch;margin:0 auto 24px;font-family:Playfair Display,serif;font-size:clamp(48px,7vw,96px);font-weight:700;line-height:1;animation:.8s cubic-bezier(.16,1,.3,1) .1s both fadeInUp}.heroTitle em{color:var(--gold);font-style:italic}.heroSub{color:var(--muted);max-width:48ch;margin:0 auto 40px;font-size:clamp(16px,1.8vw,20px);font-weight:300;line-height:1.6;animation:.8s cubic-bezier(.16,1,.3,1) .2s both fadeInUp}.heroActions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;animation:.8s cubic-bezier(.16,1,.3,1) .3s both fadeInUp;display:flex}.heroBranch{color:var(--muted);margin-top:20px;font-size:13px}.heroBranch strong{color:var(--text)}.heroStats{border-top:1px solid var(--line);justify-content:center;align-items:center;gap:48px;width:100%;margin-top:64px;padding-top:40px;animation:.8s cubic-bezier(.16,1,.3,1) .4s both fadeInUp;display:flex}.heroStat{text-align:center}.heroStat strong{letter-spacing:-1px;font-family:Playfair Display,serif;font-size:32px;font-weight:700;display:block}.heroStat span{color:var(--muted);font-size:13px;font-weight:400}.section{padding:80px 0}.sectionEyebrow{letter-spacing:1.2px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;font-size:11px;font-weight:700}.sectionTitle{margin:0 0 40px}.sectionTitle h2{letter-spacing:-.02em;font-family:Playfair Display,serif;font-size:clamp(28px,3.5vw,44px);font-weight:700;line-height:1.1}.sectionTitle p{color:var(--muted);margin-top:10px;font-size:16px;font-weight:300}.sectionRow{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:32px;display:flex}.productGrid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.productCard{border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#ffffffbf;border:1px solid #ffffff59;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .3s;overflow:hidden}.productCard:hover{border-color:#b8922a26;transform:translateY(-4px);box-shadow:0 20px 48px #b8922a1a,0 8px 24px #00000014}.productMedia{background:var(--bg2);height:180px;color:var(--muted);justify-content:center;align-items:center;font-size:13px;display:flex;position:relative}.productBadge{letter-spacing:.3px;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:12px;left:12px}.badgeGold{color:#fff;background:linear-gradient(135deg,#c9a84c,#b8922a)}.badgeDark{background:var(--dark);color:#fff}.badgeGreen{color:#059669;background:#10b9811f;border:1px solid #10b98138}.badgeRed{color:#dc2626;background:#ef44441a;border:1px solid #ef444433}.productInfo{padding:14px}.productCat{letter-spacing:.6px;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:11px;font-weight:600}.productName{margin-bottom:10px;font-size:14px;font-weight:600;line-height:1.3}.productFooter{justify-content:space-between;align-items:center;gap:8px;display:flex}.productPrice{letter-spacing:-.5px;font-family:Playfair Display,serif;font-size:18px;font-weight:700}.productStock{color:var(--muted);font-size:12px}.addBtn{border:1px solid var(--line);background:var(--dark);color:#fff;cursor:pointer;border-radius:50%;place-items:center;width:34px;height:34px;font-size:20px;line-height:1;transition:transform .2s,box-shadow .2s;display:grid}.addBtn:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.dealsStrip{background:var(--dark);border-radius:24px;grid-template-columns:1fr 2fr;align-items:center;gap:48px;padding:48px;display:grid}.dealLabel{letter-spacing:1.2px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;font-size:11px;font-weight:700}.dealTitle{color:#fff;letter-spacing:-.02em;font-family:Playfair Display,serif;font-size:clamp(24px,2.5vw,36px);font-weight:700;line-height:1.1}.dealSub{color:#ffffff8c;margin-top:10px;font-size:14px}.dealCards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.dealCard{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;padding:16px;transition:background .2s}.dealCard:hover{background:#ffffff1a}.dealCardTag{letter-spacing:.8px;text-transform:uppercase;color:var(--gold);margin-bottom:6px;font-size:10px;font-weight:700}.dealCardName{color:#fff;margin-bottom:8px;font-size:13px;font-weight:600}.dealCardPrice{color:#fff;font-family:Playfair Display,serif;font-size:20px;font-weight:700}.howGrid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.howStep{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:28px 24px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .3s;position:relative}.howStep:hover{box-shadow:var(--shadow);border-color:#b8922a2e;transform:translateY(-4px)}.howNum{color:#0a0a0a0f;margin-bottom:16px;font-family:Playfair Display,serif;font-size:48px;font-weight:700;line-height:1}.howIcon{margin-bottom:12px;font-size:24px}.howStep h4{margin-bottom:6px;font-size:15px;font-weight:600}.howStep p{color:var(--muted);font-size:13px;line-height:1.5}.branchGrid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.branchCard{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .3s;overflow:hidden}.branchCard:hover{box-shadow:var(--shadow);border-color:#b8922a26;transform:translateY(-4px)}.branchMedia{background:var(--bg2);height:140px;color:var(--muted);justify-content:center;align-items:center;font-size:13px;display:flex}.branchInfo{padding:18px}.branchCity{letter-spacing:.8px;text-transform:uppercase;color:var(--gold);margin-bottom:4px;font-size:11px;font-weight:700}.branchName{margin-bottom:12px;font-size:16px;font-weight:700}.branchMeta{color:var(--muted);font-size:13px}.logisticsTeaser{border:1px solid var(--line);background:var(--bg2);border-radius:24px;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:56px 48px;display:grid}.logisticsFeatures{flex-direction:column;gap:16px;margin-top:28px;display:flex}.logisticsFeature{align-items:flex-start;gap:14px;display:flex}.featureIcon{background:var(--dark);color:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:16px;display:grid}.featureText h5{margin-bottom:2px;font-size:14px;font-weight:600}.featureText p{color:var(--muted);font-size:13px}.logisticsVisual{grid-template-columns:1fr 1fr;gap:12px;display:grid}.logisticsTile{border:1px solid var(--line);background:var(--card);text-align:center;border-radius:16px;padding:20px}.logisticsTile span{margin-bottom:8px;font-size:28px;display:block}.logisticsTile strong{font-size:13px;font-weight:600;display:block}.logisticsTile small{color:var(--muted);font-size:12px}.mostBoughtGrid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.mostBoughtCard{border:1px solid var(--line);background:var(--card);border-radius:16px;align-items:center;gap:16px;padding:16px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s;display:flex}.mostBoughtCard:hover{box-shadow:var(--shadow2);border-color:#b8922a26;transform:translateY(-2px)}.mostBoughtRank{color:#0a0a0a14;min-width:32px;font-family:Playfair Display,serif;font-size:28px;font-weight:700;line-height:1}.mostBoughtInfo{flex:1}.mostBoughtName{margin-bottom:4px;font-size:14px;font-weight:600}.mostBoughtMeta{color:var(--muted);font-size:12px}.mostBoughtPrice{font-family:Playfair Display,serif;font-size:18px;font-weight:700}.grid{grid-template-columns:repeat(12,1fr);gap:14px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow2);grid-column:span 4;overflow:hidden}.cardWide{grid-column:span 8}.cardHeader{justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.cardHeader strong{font-size:14px;font-weight:600}.cardHeader small{color:var(--muted);font-size:12px}.media{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:170px;color:var(--muted);justify-content:center;align-items:center;font-size:13px;display:flex}.cardBody{padding:12px 16px 16px}.cardFooter{justify-content:space-between;align-items:center;gap:10px;padding:0 16px 16px;display:flex}.tag{border:1px solid var(--line);color:#0a0a0ab3;background:#fffc;border-radius:999px;padding:6px 12px;font-size:12px}.tagGold{border-color:var(--goldLine);background:var(--goldSoft);color:var(--gold)}.badge{border:1px solid var(--line);background:var(--bg2);border-radius:999px;padding:6px 10px;font-size:12px}.badgeOk{color:#059669;background:#10b9811a;border-color:#10b98138}.badgeNo{color:#dc2626;background:#ef444414;border-color:#ef444433}.kv{flex-wrap:wrap;gap:8px;display:flex}.price{font-weight:700}.backdrop{-webkit-backdrop-filter:blur(8px);z-index:70;background:#0000004d;animation:.25s ease-out fadeIn;position:fixed;inset:0}.drawer{border-left:1px solid var(--line);z-index:80;background:#fff;flex-direction:column;width:min(440px,92vw);height:100vh;animation:.4s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;position:fixed;top:0;right:0;box-shadow:-32px 0 80px #0000001f}.drawerHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:72px;padding:0 20px;display:flex}.drawerHeader strong{font-size:15px;font-weight:600}.drawerBody{flex:1;padding:16px 20px;overflow:auto}.drawerFooter{border-top:1px solid var(--line);gap:10px;padding:16px 20px;display:flex}.row{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.row small{color:var(--muted);font-size:12px}.qty{align-items:center;gap:10px;display:flex}.iconBtn{border:1px solid var(--line);cursor:pointer;background:#ffffffe6;border-radius:8px;place-items:center;width:32px;height:32px;font-size:16px;transition:background .15s;display:grid}.iconBtn:hover{background:var(--bg2)}.modalWrap{z-index:90;place-items:center;display:grid;position:fixed;inset:0}.modal{-webkit-backdrop-filter:saturate(180%)blur(24px);border:1px solid var(--line);width:min(980px,94vw);box-shadow:var(--shadow);background:#fffc;border-radius:24px;animation:.3s cubic-bezier(.16,1,.3,1) scaleIn;overflow:hidden}.modalTop{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modalTop strong{font-size:15px;font-weight:600}.modalBody{grid-template-columns:1fr 1fr;gap:14px;padding:20px;display:grid}.modalBlock{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg2);padding:16px}.modalBlock h4{margin:0 0 12px;font-size:14px;font-weight:600}.field{flex-direction:column;gap:6px;margin-top:10px;display:flex}.field label{color:var(--muted);font-size:12px;font-weight:500}.field input,.field select{border:1px solid var(--line);background:#fff;border-radius:12px;outline:none;height:44px;padding:0 14px;font-size:14px;transition:border-color .15s}.field input:focus,.field select:focus{border-color:var(--gold)}.field input:focus-visible,.field select:focus-visible{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}.toggle{flex-wrap:wrap;gap:10px;display:flex}.toggle button{flex:1;min-width:140px}.modalActions{flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:0 20px 20px;display:flex}.footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:24px 0;font-size:13px;display:flex}@media (max-width:1024px){.productGrid,.howGrid{grid-template-columns:repeat(2,1fr)}.dealsStrip,.logisticsTeaser{grid-template-columns:1fr}}@media (max-width:768px){.heroStats{flex-wrap:wrap;gap:24px}.branchGrid,.mostBoughtGrid,.dealCards{grid-template-columns:1fr}.dealsStrip,.logisticsTeaser{padding:32px 24px}.card{grid-column:span 12}}@media (max-width:640px){.productGrid,.howGrid{grid-template-columns:1fr}}@media (max-width:768px){.container{width:100%;margin:0 auto;padding:0 16px 60px}.heroSection{padding:48px 24px 40px}.section{padding:48px 0}.modalBody{grid-template-columns:1fr!important}.modal{max-height:85vh;overflow-y:auto;width:92vw!important}.modalActions{flex-direction:column}.modalActions button{width:100%}.contactLayout{grid-template-columns:1fr!important;gap:24px!important}.contactNameEmail{grid-template-columns:1fr!important}.contactButtons{flex-direction:column}.contactButtons button{width:100%;min-width:unset!important}.contactLayout input,.contactLayout textarea{font-size:16px!important}}button{color:inherit}.btn{color:var(--text)!important}.btnPrimary,.btnGold{color:#fff!important}@media (max-width:768px){.adminLayout{flex-direction:column!important}.adminSidebar{flex-direction:row!important;gap:4px!important;width:100%!important;min-height:auto!important;padding:8px!important;overflow-x:auto!important}.adminSidebar button{white-space:nowrap;border-bottom:3px solid #0000;flex-shrink:0;border-left:none!important}.adminContent{padding:16px!important}.adminKpiGrid{grid-template-columns:repeat(2,1fr)!important}}