*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--gold:#d9bb8f;--gold-l:#E2C97E;--gold-d:#9B7A2F;--black:#080808;--charcoal:#131313;--dark:#1A1A1A;--white:#FFFFFF;--muted:#7A7A72;--fd:'Cormorant Garamond',serif;--fb:'Montserrat',sans-serif;}
html{scroll-behavior:smooth}
body{font-family:var(--fb);background:var(--black);color:var(--white);overflow-x:hidden}
#vgHeader{position:fixed;top:0;left:0;right:0;z-index:1000;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 40px;height:80px;background:linear-gradient(to bottom,rgba(0,0,0,.82) 0%,rgba(0,0,0,0) 100%);transition:background .35s,height .3s;}
#vgHeader.scrolled{background:#452613;backdrop-filter:blur(12px);border-bottom:1px solid rgba(201,168,76,.14);height:66px;}
#vgHeader:hover{background:#452613;backdrop-filter:blur(12px);}
.hd-nav{display:flex;gap:32px;align-items:center;margin-top:69px;}
.hd-nav-item{position:relative}
.hd-nav a{font-family:var(--fb);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:#d9bb8f;text-decoration:none !important;font-weight:400;position:relative;padding-bottom:2px;transition:color .2s;white-space:nowrap;display:inline-block;vertical-align:middle;}
.hd-nav a::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;}
.hd-nav a:hover{color:var(--gold)}
.hd-nav a:hover::after{transform:scaleX(1)}
.hd-logo{display:flex;flex-direction:column;align-items:center;text-decoration:none;gap:0;cursor:pointer;justify-self:center;}
.hd-logo img{height:54px;width:auto;object-fit:contain;transition:height .35s;filter:drop-shadow(0 0 8px rgba(201,168,76,.18));}
.hd-logo-text{font-family:var(--fd);font-size:24px;letter-spacing:.2em;color:var(--gold-l)}
#vgHeader.scrolled .hd-logo img{height:44px}
.hd-utils{display:flex;align-items:flex-start;gap:7px;justify-content:flex-end;margin-top:69px;}
.hd-lang-btn{display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.07);border:1px solid #d9bb8f;border-radius:3px;padding:0 9px;height:33px;font-size:10px;letter-spacing:.08em;color:#d9bb8f;cursor:pointer;font-family:var(--fb);white-space:nowrap;position:relative;transition:border-color .2s,background .2s;}
.hd-lang-btn:hover{border-color:var(--gold);background:rgba(201,168,76,.1)}
.hd-lang-btn .flag{font-size:13px}
.lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:rgba(10,10,10,.96);border:1px solid rgba(201,168,76,.25);border-radius:4px;min-width:160px;z-index:2000;overflow:hidden;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .2s,transform .2s;}
.lang-dropdown.open{opacity:1;pointer-events:all;transform:translateY(0)}
.lang-dropdown a{display:flex;align-items:center;gap:10px;padding:10px 14px;font-family:var(--fb);font-size:11px;letter-spacing:.08em;color:rgba(255,255,255,.75);text-decoration:none;transition:background .15s,color .15s;}
.lang-dropdown a:hover{background:rgba(201,168,76,.12);color:var(--gold)}
.hd-icon{width:33px;height:33px;border:1px solid #d9bb8f;border-radius:3px;background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#d9bb8f;transition:border-color .2s,background .2s,color .2s;text-decoration:none;}
.hd-icon:hover{border-color:var(--gold);background:rgba(201,168,76,.1);color:var(--gold)}
.hd-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* ---- Mega menu (category dropdown, unlimited depth from Admin > Categories) ---- */
.mega-panel{position:absolute;top:calc(100% + 18px);left:0;min-width:240px;background:#452613;border:1px solid rgba(201,168,76,.22);border-radius:4px;padding:14px 0;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .2s,transform .2s;z-index:1500;max-height:70vh;overflow-y:auto;box-shadow:0 12px 30px rgba(0,0,0,.4);}
.hd-nav-item.has-mega:hover .mega-panel,.hd-nav-item.has-mega:focus-within .mega-panel{opacity:1;pointer-events:all;transform:translateY(0)}
.mega-list{list-style:none}
.mega-list.depth-0{min-width:240px}
.mega-item{position:relative}
.mega-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 20px;}
.mega-row a{font-family:var(--fb);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.78);text-decoration:none;transition:color .2s;white-space:nowrap;}
.mega-row a:hover{color:var(--gold)}
.mega-arrow{color:var(--gold);cursor:pointer;font-size:15px;line-height:1;padding:2px 6px;user-select:none;transition:transform .2s;}
.mega-item.open>.mega-row>.mega-arrow{transform:rotate(90deg)}
.mega-branch{display:none;background:rgba(255,255,255,.03);}
.mega-item.open>.mega-branch{display:block}
.mega-branch .mega-row{padding-left:34px}
.mega-branch .mega-branch .mega-row{padding-left:48px}
.hd-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:5px;margin-left:auto;}
.hd-burger span{display:block;width:23px;height:1.5px;background:var(--white);transition:all .3s}
#mobileDrawer{display:none;position:fixed;inset:0;z-index:1100;background:rgba(8,8,8,.98);flex-direction:column;align-items:center;justify-content:center;gap:0;opacity:0;pointer-events:none;transition:opacity .4s ease;}
#mobileDrawer.open{opacity:1;pointer-events:all}
.drawer-logo{margin-bottom:48px}
.drawer-logo img{height:64px;filter:drop-shadow(0 0 12px rgba(201,168,76,.3))}
.drawer-links{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}
.drawer-links a{font-family:var(--fd);font-size:38px;color:var(--white);text-decoration:none;letter-spacing:.06em;font-weight:300;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);width:70%;text-align:center;transition:color .2s;}
.drawer-links a:hover{color:var(--gold)}
.drawer-close{position:absolute;top:22px;right:24px;font-size:26px;color:rgba(255,255,255,.6);cursor:pointer;line-height:1;transition:color .2s;}
.drawer-close:hover{color:var(--gold)}
.drawer-utils{margin-top:44px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}
.drawer-utils .hd-lang-btn{font-size:11px}
.drawer-utils .hd-icon{width:38px;height:38px}
.drawer-lang-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;padding:0 20px;}
.drawer-lang-list a{font-family:var(--fb);font-size:11px;letter-spacing:.08em;color:rgba(255,255,255,.6);text-decoration:none;border:1px solid rgba(255,255,255,.12);border-radius:3px;padding:6px 12px;display:flex;align-items:center;gap:6px;transition:border-color .2s,color .2s;}
.drawer-lang-list a:hover{border-color:var(--gold);color:var(--gold)}
/* Banner shows at natural width:100% / height:auto (no cropping) —
 * the section's height simply follows the image, same on desktop and
 * mobile, instead of a fixed viewport-height crop. */
#hero{position:relative;width:100%;min-height:220px;overflow:hidden;}
.slides-wrap{display:flex;align-items:flex-start;transition:transform .95s cubic-bezier(.77,0,.18,1);}
.slide{flex:0 0 100%;position:relative;}
.slide-img{display:block;width:100%;height:auto;}
.slide-deco{position:absolute;right:-8%;top:0;bottom:0;width:58%;z-index:1;clip-path:polygon(18% 0%,100% 0%,100% 100%,0% 100%);background:radial-gradient(ellipse at 60% 50%,#C9A84C 0%,transparent 70%);opacity:.16}
.slide-content{position:absolute;left:9%;top:50%;transform:translateY(-50%);z-index:2;max-width:540px;}
.s-eyebrow{display:flex;align-items:center;gap:12px;font-family:var(--fb);font-size:9.5px;letter-spacing:.42em;color:var(--gold);text-transform:uppercase;margin-bottom:22px;}
.s-eyebrow::before{content:'';display:block;width:30px;height:1px;background:var(--gold)}
.s-heading{font-family:var(--fd);font-size:clamp(44px,6.2vw,84px);line-height:1.03;font-weight:300;color:var(--white);letter-spacing:.01em;margin-bottom:22px;}
.s-heading em{font-style:italic;color:var(--gold-l)}
.s-body{font-family:var(--fb);font-size:11.5px;letter-spacing:.12em;color:rgba(255,255,255,.55);line-height:2;margin-bottom:38px;font-weight:300;max-width:360px;}
.s-cta{display:inline-flex;align-items:center;gap:14px;font-family:var(--fb);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--white);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:5px;transition:color .25s,gap .3s;}
.s-cta:hover{color:var(--gold);gap:22px}
.s-cta svg{width:20px;height:10px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.carousel-ctrl{position:absolute;bottom:38px;left:9%;display:flex;align-items:center;gap:20px;z-index:3;}
.c-btn{width:42px;height:42px;border-radius:50%;border:1px solid rgba(201,168,76,.45);background:rgba(0,0,0,.28);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--white);font-size:22px;line-height:1;transition:border-color .2s,background .2s;user-select:none;}
.c-btn:hover{border-color:var(--gold);background:rgba(201,168,76,.14)}
.c-dots{display:flex;gap:8px;align-items:center}
.c-dot{width:18px;height:1px;background:rgba(255,255,255,.28);cursor:pointer;transition:width .3s,background .3s}
.c-dot.on{width:38px;background:var(--gold)}
.slide-num{position:absolute;bottom:38px;right:44px;z-index:3;font-family:var(--fd);font-size:12px;color:rgba(255,255,255,.35);letter-spacing:.22em;}
.slide-num b{color:var(--gold);font-weight:400}
.scroll-hint{position:absolute;bottom:44px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:3;}
.scroll-hint-line{width:1px;height:38px;background:linear-gradient(to bottom,rgba(201,168,76,.6),transparent);animation:sh 2.2s ease-in-out infinite;}
@keyframes sh{0%,100%{opacity:.7;transform:scaleY(1)}50%{opacity:.25;transform:scaleY(.55)}}
.slide-content>*{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease;}
.slide.active .slide-content>*:nth-child(1){opacity:1;transform:none;transition-delay:.1s}
.slide.active .slide-content>*:nth-child(2){opacity:1;transform:none;transition-delay:.26s}
.slide.active .slide-content>*:nth-child(3){opacity:1;transform:none;transition-delay:.42s}
.slide.active .slide-content>*:nth-child(4){opacity:1;transform:none;transition-delay:.58s}
.marquee-wrap{overflow:hidden;border-top:1px solid rgba(201,168,76,.14);border-bottom:1px solid rgba(201,168,76,.14);padding:15px 0;background:#f4d9b9;}
.marquee-track{display:flex;white-space:nowrap;animation:mq 26s linear infinite;}
.mq-item{display:inline-flex;align-items:center;gap:28px;padding:0 28px;font-family:var(--fd);font-size:14px;font-style:italic;color:black;}
.mq-dot{width:3px;height:3px;border-radius:50%;background:var(--gold);opacity:.35;flex-shrink:0}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.section{padding:96px 48px}
.sec-eye{display:flex;align-items:center;gap:13px;font-family:var(--fb);font-size:9.5px;letter-spacing:.42em;color:var(--gold);text-transform:uppercase;margin-bottom:16px;}
.sec-eye::before{content:'';width:26px;height:1px;background:var(--gold)}
.sec-h{font-family:var(--fd);font-size:clamp(30px,3.8vw,52px);font-weight:300;color:var(--white);letter-spacing:.02em;line-height:1.08;margin-bottom:14px;}
.sec-h em{font-style:italic;color:var(--gold-l)}
.sec-p{font-family:var(--fb);font-size:11.5px;color:var(--muted);line-height:2.1;letter-spacing:.05em;max-width:460px;margin-bottom:52px;font-weight:300;}
.col-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:18px;}
.col-card{position:relative;overflow:hidden;background:var(--dark);cursor:pointer;text-decoration:none;display:block}
.col-card--big{grid-row:span 2}
.card-ph{width:100%;aspect-ratio:3/4;transition:transform .7s cubic-bezier(.33,1,.68,1);background-size:cover;background-position:center}
.col-card--big .card-ph{aspect-ratio:auto;height:100%;min-height:480px}
.col-card:hover .card-ph{transform:scale(1.06)}
.card-ov{position:absolute;bottom:0;left:0;right:0;padding:36px 22px 22px;background:linear-gradient(to top,rgba(0,0,0,.88),transparent);transform:translateY(6px);transition:transform .4s;}
.col-card:hover .card-ov{transform:translateY(0)}
.card-cat{font-family:var(--fb);font-size:9px;letter-spacing:.35em;color:var(--gold);text-transform:uppercase;margin-bottom:7px}
.card-nm{font-family:var(--fd);font-size:21px;color:var(--white);font-weight:300;letter-spacing:.02em;margin-bottom:3px}
.card-pr{font-family:var(--fb);font-size:11px;color:rgba(255,255,255,.48);letter-spacing:.08em}
.ph1{background:linear-gradient(148deg,#1a1208 0%,#261a0a 60%,#0e0e0a 100%)}
.ph2{background:linear-gradient(148deg,#08101a 0%,#10182a 60%,#080c14 100%)}
.ph3{background:linear-gradient(148deg,#100808 0%,#1c1008 60%,#0a0808 100%)}
.ph4{background:linear-gradient(148deg,#141414 0%,#1c1c1c 100%)}
.ph5{background:linear-gradient(148deg,#181208 0%,#231808 100%)}
.about{padding:96px 48px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.about-frame{width:100%;aspect-ratio:4/5;background:var(--dark);position:relative;overflow:hidden;background-size:cover;background-position:center}
.about-frame::before{content:'';position:absolute;top:-14px;right:-14px;bottom:14px;left:14px;border:1px solid rgba(201,168,76,.28);pointer-events:none;z-index:2;}
.about-bignum{font-family:var(--fd);font-size:88px;color:rgba(201,168,76,.07);line-height:.85;margin-bottom:20px;letter-spacing:-.02em;}
.about-body{font-family:var(--fb);font-size:11.5px;line-height:2.2;color:var(--muted);letter-spacing:.05em;font-weight:300;margin-bottom:38px;}
.btn-ol{display:inline-flex;align-items:center;gap:13px;font-family:var(--fb);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(201,168,76,.38);padding:13px 30px;text-decoration:none;transition:background .3s,border-color .3s;}
.btn-ol:hover{background:rgba(201,168,76,.08);border-color:var(--gold)}
.editorial{padding:0 48px 96px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.ed-item{position:relative;overflow:hidden;cursor:pointer}
.ed-ph{width:100%;aspect-ratio:2/3;transition:transform .6s cubic-bezier(.33,1,.68,1);background-size:cover;background-position:center}
.ed-item:hover .ed-ph{transform:scale(1.05)}
.ed-nm{padding:14px 0 0;font-family:var(--fd);font-size:19px;font-weight:300;color:var(--white);letter-spacing:.03em;}
.ed-sub{font-family:var(--fb);font-size:9.5px;letter-spacing:.22em;color:var(--gold);text-transform:uppercase;margin-top:5px;}
footer{background:var(--charcoal);border-top:1px solid rgba(201,168,76,.11);padding:72px 48px 38px;}
.ft-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:44px;margin-bottom:56px;}
.ft-brand{font-family:var(--fd);font-size:20px;letter-spacing:.32em;color:var(--gold);font-weight:400}
.ft-tag{font-family:var(--fb);font-size:8.5px;letter-spacing:.26em;color:rgba(201,168,76,.48);text-transform:uppercase;margin:5px 0 18px}
.ft-desc{font-family:var(--fb);font-size:11px;line-height:1.95;color:var(--muted);letter-spacing:.04em;font-weight:300}
.ft-col-h{font-family:var(--fb);font-size:9.5px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin-bottom:22px;font-weight:500}
.ft-col ul{list-style:none}
.ft-col ul li{margin-bottom:11px}
.ft-col ul li a{font-family:var(--fb);font-size:11px;color:var(--muted);text-decoration:none;letter-spacing:.07em;font-weight:300;transition:color .2s}
.ft-col ul li a:hover{color:var(--gold)}
.ft-bot{border-top:1px solid rgba(255,255,255,.06);padding-top:30px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;}
.ft-copy{font-family:var(--fb);font-size:10px;color:rgba(255,255,255,.22);letter-spacing:.1em}
.ft-soc{display:flex;gap:12px}
.soc-a{width:31px;height:31px;border-radius:50%;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:var(--muted);text-decoration:none;transition:border-color .2s,color .2s;}
.soc-a:hover{border-color:var(--gold);color:var(--gold)}
.soc-a svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#google_translate_element{display:none}
body>.skiptranslate{display:none !important}
body{top:0 !important}
.goog-te-banner-frame{display:none !important}
/* ---- form / auth / catalog page extras ---- */
.pg-wrap{padding:150px 48px 96px;max-width:1200px;margin:0 auto}
.pg-title{font-family:var(--fd);font-size:clamp(30px,4vw,48px);font-weight:300;margin-bottom:30px;color:var(--white)}
.form-box{max-width:480px;background:var(--dark);border:1px solid rgba(201,168,76,.18);border-radius:8px;padding:36px;margin:0 auto}
.form-box label{display:block;font-family:var(--fb);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;margin-top:16px}
.form-box input,.form-box textarea{width:100%;padding:12px 14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);border-radius:5px;color:#fff;font-family:var(--fb);font-size:13px}
.form-box button{margin-top:24px;width:100%;padding:13px;background:var(--gold-d);color:#fff;border:none;border-radius:5px;font-family:var(--fb);letter-spacing:.16em;text-transform:uppercase;font-size:11px;cursor:pointer}
.form-box button:hover{background:#7c6226}
.msg-ok{background:rgba(60,140,60,.15);color:#7dd67d;padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:13px}
.msg-err{background:rgba(180,60,60,.15);color:#ff9a9a;padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:13px}
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px}
.p-card{text-decoration:none;color:#fff;display:block;background:var(--dark);border-radius:6px;overflow:hidden}
.p-card img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.p-card .p-body{padding:16px}
.p-card .p-name{font-family:var(--fd);font-size:18px;font-weight:300}
.p-card .p-price{font-family:var(--fb);font-size:12px;color:var(--gold);margin-top:6px}
.gate-lock{padding:60px 20px;text-align:center;background:var(--dark);border-radius:8px;border:1px dashed rgba(201,168,76,.3)}
.gate-lock a{color:var(--gold)}
.pd-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:56px}
.pd-main-img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:6px;background:var(--dark)}
.pd-thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.pd-thumbs img{width:64px;height:64px;object-fit:cover;border-radius:4px;cursor:pointer;border:1px solid rgba(255,255,255,.1)}
.pd-colors{margin-top:18px}
.pd-colors-label{font-family:var(--fb);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.pd-swatch-row{display:flex;gap:10px;flex-wrap:wrap}
.pd-swatch{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.25);cursor:pointer;padding:0;transition:border-color .2s,transform .2s}
.pd-swatch:hover{transform:scale(1.08)}
.pd-swatch.active{border-color:var(--gold)}
.pd-color-name{font-family:var(--fb);font-size:11px;color:var(--muted);margin-top:8px;letter-spacing:.05em}
.pd-spec{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin:20px 0;font-size:12.5px;color:var(--muted)}
.pd-spec b{color:#fff;font-weight:500}
@media(max-width:1024px){#vgHeader{padding:0 24px}.hd-nav{gap:22px}.col-grid{grid-template-columns:repeat(2,1fr)}.col-card--big{grid-row:span 1}.col-card--big .card-ph{min-height:0}.about{gap:44px}.editorial{grid-template-columns:repeat(2,1fr)}.ft-top{grid-template-columns:1fr 1fr;gap:30px}.pd-grid{grid-template-columns:1fr}}
@media(max-width:768px){#vgHeader{grid-template-columns:auto 1fr;height:64px;padding:0 18px}.hd-nav{display:none}.hd-utils{display:none}.hd-burger{display:flex}.hd-logo img{height:44px}#vgHeader.scrolled .hd-logo img{height:38px}#vgHeader.scrolled{height:56px}#mobileDrawer{display:flex}#hero{min-height:0;}.slide-content{left:5%;right:5%;max-width:none}.s-heading{font-size:clamp(34px,9.5vw,54px)}.s-body{font-size:10.5px;max-width:none}.carousel-ctrl{left:5%;bottom:26px}.slide-num{right:18px;bottom:26px}.scroll-hint{display:none}.section{padding:60px 20px}.col-grid{grid-template-columns:1fr;gap:14px}.col-card--big .card-ph{min-height:420px}.about{grid-template-columns:1fr;gap:36px;padding:60px 20px}.about-bignum{font-size:60px}.editorial{grid-template-columns:1fr 1fr;padding:0 20px 60px}footer{padding:52px 20px 30px}.ft-top{grid-template-columns:1fr;gap:32px}.ft-bot{flex-direction:column;align-items:flex-start}.pg-wrap{padding:110px 20px 60px}}
@media(max-width:480px){.s-heading{font-size:clamp(30px,10vw,46px)}.editorial{grid-template-columns:1fr}}