:root{--gold:#bc975e;--dark:#0b0d0e;--panel:#151719;--paper:#f2f0eb;--line:#d6d2ca;--wrap:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f4f0;color:#151719;font-family:Arial,sans-serif;line-height:1.5}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.wrap{width:min(var(--wrap),calc(100% - 48px));margin:auto}
.topLine{background:#070809;color:#aeb2b4;border-bottom:1px solid #242729;font-size:11px;letter-spacing:.13em}.topInner{height:34px;display:flex;align-items:center;justify-content:space-between}.siteHeader{position:relative;z-index:50;background:#0d0f10;color:#fff}.navBar{height:86px;display:flex;align-items:center;gap:30px}.brand{width:278px}.brand img{width:100%;max-height:58px;object-fit:contain;object-position:left}.brandFallback{display:none;font-size:21px;font-weight:800}.brandFallback span,.footerBrand span{color:var(--gold)}.desktopNav{display:flex;gap:27px;margin-left:auto;align-items:center;font-size:14px}.desktopNav>a,.megaTrigger>a{display:block;padding:31px 0}.headerActions{display:flex;gap:11px;align-items:center}.languageMenu{display:flex;gap:4px}.lang{font-size:10px;color:#73797c;padding:4px}.lang.active{color:#fff}.quoteBtn,.primaryBtn{display:inline-flex;justify-content:center;align-items:center;background:var(--gold);color:#0b0c0d;padding:14px 21px;font-size:13px;font-weight:750}.menuBtn{display:none;border:0;background:none;color:#fff;font-size:24px}.mobileNav{display:none}
.megaTrigger{position:relative}.mega{position:absolute;top:76px;left:50%;transform:translateX(-50%) translateY(8px);width:min(940px,92vw);background:#111315;border:1px solid #2b2e30;padding:30px;opacity:0;visibility:hidden;transition:.2s}.megaTrigger:hover .mega{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.megaGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.megaGrid strong{display:block;color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:12px}.megaGrid a{display:block;color:#cfd2d3;font-size:13px;padding:6px 0}
.heroV7{min-height:760px;position:relative;color:#fff;background-image:var(--hero);background-size:cover;background-position:center;display:flex;align-items:flex-end}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,7,.84),rgba(4,6,7,.25) 70%),linear-gradient(0deg,rgba(4,6,7,.82),transparent 60%)}.heroContent{position:relative;padding-bottom:148px}.heroKicker,.kicker,.eyebrow,.summaryKicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.heroContent h1{font:400 clamp(48px,6vw,84px)/.98 Georgia,serif;max-width:940px;margin:18px 0 25px}.heroContent p{font-size:18px;color:#d7dadb;max-width:720px}.heroActions{display:flex;gap:12px;margin-top:31px}.ghostBtn{border:1px solid rgba(255,255,255,.45);padding:14px 21px;font-size:13px}.heroStats{position:absolute;z-index:2;bottom:0;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.22)}.heroStats div{padding:21px 29px;border-right:1px solid rgba(255,255,255,.18)}.heroStats b{display:block;font-size:25px;font-weight:500}.heroStats span{font-size:10px;color:#b9bdbe;text-transform:uppercase;letter-spacing:.11em}
.section{padding:96px 0}.sectionHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.sectionHead h2,.processIntro h2,.finalCta h2,.productContent h2{font:400 clamp(34px,4vw,56px)/1.05 Georgia,serif;margin:8px 0}.sectionHead.light h2{color:#fff}.textLink{font-size:13px;font-weight:700}.categoryGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.categoryCard{min-height:330px;position:relative;overflow:hidden;background:#222}.categoryMedia,.categoryMedia img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.categoryMedia:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,7,8,.87),rgba(5,7,8,.08) 72%)}.categoryOverlay{position:absolute;left:24px;right:24px;bottom:22px;color:#fff}.categoryOverlay span{font-size:10px;color:#c5c8c9;text-transform:uppercase;letter-spacing:.1em}.categoryOverlay h3{font:400 27px/1.1 Georgia,serif;margin:5px 40px 0 0}.categoryOverlay b{position:absolute;right:0;bottom:0;color:var(--gold);font-size:23px}
.darkSection{background:#0e1011}.productGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.productCard{background:#fff;border:1px solid #ddd9d1}.darkSection .productCard{background:#161819;color:#fff;border-color:#2b2f31}.productImage{display:block;aspect-ratio:4/3;overflow:hidden;background:#242729}.productImage img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.productCard:hover .productImage img{transform:scale(1.025)}.productInfo{padding:20px}.productInfo h3{font:400 21px/1.17 Georgia,serif;min-height:49px;margin:8px 0 20px}.productMeta{display:flex;justify-content:space-between;border-top:1px solid #ddd9d1;padding-top:12px;margin-bottom:15px;color:#747a7d;font-size:10px}.darkSection .productMeta{border-color:#33373a}.productInfo .textLink{color:var(--gold)}
.processSection{padding:116px 0;background:#e9e6df}.processSection>.wrap{display:grid;grid-template-columns:.9fr 1.4fr;gap:90px}.processIntro p{color:#5d6265}.steps{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #c9c5bd;border-left:1px solid #c9c5bd}.steps>div{min-height:175px;padding:27px;border-right:1px solid #c9c5bd;border-bottom:1px solid #c9c5bd}.steps b{font-size:11px;color:var(--gold)}.steps h3{font:400 23px Georgia,serif;margin-top:38px}
.finalCta{padding:74px 0;background:#121415;color:#fff}.finalCta>.wrap{display:flex;justify-content:space-between;align-items:center;gap:45px}.finalCta span{font-size:10px;letter-spacing:.16em;color:var(--gold)}.finalCta p{color:#aeb3b5;max-width:720px}.catalogHero{padding:88px 0 70px;background:#111315;color:#fff}.catalogHero h1,.categoryHero h1{font:400 clamp(48px,6vw,76px) Georgia,serif;margin:9px 0}.catalogTools{position:sticky;top:0;z-index:10;background:#f5f4f0;padding:15px 0 24px;display:grid;grid-template-columns:1fr 280px 70px;gap:12px}.catalogTools input,.catalogTools select{padding:14px;border:1px solid #d0ccc4;background:#fff;font:inherit}.catalogTools span{display:grid;place-items:center;background:#111315;color:#fff}
.categoryHero{min-height:430px;position:relative;background-image:var(--cat);background-size:cover;background-position:center;color:#fff;display:flex;align-items:end}.categoryHeroShade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,6,7,.89),rgba(4,6,7,.19))}.categoryHero>.wrap{position:relative;padding-bottom:54px}
.productHeroV7{padding:34px 0 54px;background:#0d0f10;color:#fff}.productHeroGrid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(310px,.8fr);gap:22px}.productMain{position:relative;height:100%;min-height:580px;background:#202325;overflow:hidden}.productMain>img{width:100%;height:100%;min-height:580px;object-fit:cover}.productMain:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,7,8,.86),transparent 56%);pointer-events:none}.productImageOverlay{position:absolute;z-index:2;left:34px;right:34px;bottom:29px}.productImageOverlay span{font-size:10px;letter-spacing:.15em;color:#d2b682;text-transform:uppercase}.productImageOverlay h1{font:400 clamp(38px,4.8vw,66px)/1 Georgia,serif;max-width:850px;margin:8px 0 17px}.productSummary{background:#17191b;border:1px solid #2c2f31;padding:29px;display:flex;flex-direction:column}.facts{margin:30px 0}.facts>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #303437;padding:17px 0}.facts span{font-size:10px;color:#8e9497;letter-spacing:.1em;text-transform:uppercase}.facts b{font-weight:500;text-align:right}.productSummary p{color:#999ea1;font-size:13px;margin:auto 0 24px}.full{width:100%}.productContent{padding:82px 0;background:#f3f1ec}.twoCol{display:grid;grid-template-columns:1.2fr .8fr;gap:88px}.twoCol p{color:#5d6265}.miniFacts{border-top:1px solid #ccc8bf}.miniFacts>div{display:flex;justify-content:space-between;border-bottom:1px solid #ccc8bf;padding:16px 0}.gallerySection{padding:86px 0;background:#111315;color:#fff}.thumbGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.thumb{padding:0;border:0;background:#222;aspect-ratio:4/3;overflow:hidden;cursor:pointer}.thumb img{width:100%;height:100%;object-fit:cover}.softSection{background:#e9e6df}.contactGrid{display:grid;grid-template-columns:.7fr 1.3fr;gap:85px}.contactDetails{display:flex;flex-direction:column;gap:10px}.contactDetails h2{font:400 35px Georgia,serif}.quoteForm{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quoteForm label{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.quoteForm input,.quoteForm textarea{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #cbc7be;background:#fff;font:inherit}.quoteForm label:nth-child(5),.quoteForm .privacy,.quoteForm button{grid-column:1/-1}.privacy{display:flex!important;align-items:center;gap:8px}.privacy input{width:auto;margin:0}.hp{position:absolute!important;left:-9999px!important}.imagePlaceholder{width:100%;height:100%;background:linear-gradient(135deg,#2c3032,#151719)}
footer{padding:63px 0 24px;background:#08090a;color:#a8adaf}.footerGrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:65px}.footerGrid>div{display:flex;flex-direction:column;gap:8px}.footerGrid strong{color:#fff;font-size:12px}.footerBrand{color:#fff;font-size:22px;font-weight:800}.footerBottom{border-top:1px solid #25282a;margin-top:42px;padding-top:18px;font-size:10px}
@media(max-width:1050px){.desktopNav,.languageMenu,.quoteBtn{display:none}.menuBtn{display:block;margin-left:auto}.mobileNav{display:none;padding:0 24px 24px}.menuOpen .mobileNav{display:flex;flex-direction:column;gap:12px}.mobileLangs{display:flex;gap:9px;margin-top:8px}.productGrid{grid-template-columns:repeat(3,1fr)}.categoryGrid{grid-template-columns:repeat(2,1fr)}.productHeroGrid{grid-template-columns:1fr}.productMain,.productMain>img{min-height:0}.productMain>img{height:auto}.productSummary{min-height:340px}}
@media(max-width:720px){.wrap{width:min(100% - 28px,var(--wrap))}.navBar{height:70px}.brand{width:228px}.topInner{height:31px;font-size:9px}.heroV7{min-height:690px}.heroContent{padding-bottom:150px}.heroContent h1{font-size:46px}.heroContent p{font-size:15px}.heroActions{flex-direction:column;align-items:flex-start}.heroStats div{padding:13px 10px}.heroStats b{font-size:20px}.heroStats span{font-size:8px}.section{padding:64px 0}.categoryGrid,.productGrid{grid-template-columns:1fr}.categoryCard{min-height:290px}.processSection{padding:70px 0}.processSection>.wrap,.twoCol,.contactGrid{grid-template-columns:1fr;gap:36px}.steps{grid-template-columns:1fr}.steps>div{min-height:130px}.finalCta>.wrap{align-items:flex-start;flex-direction:column}.catalogTools{grid-template-columns:1fr}.catalogTools span{min-height:44px}.categoryHero{min-height:360px}.productHeroV7{padding:12px 0 28px}.productHeroGrid{width:100%}.productMain>img{width:100%;height:auto;object-fit:contain}.productImageOverlay{left:18px;right:18px;bottom:18px}.productImageOverlay h1{font-size:36px}.productSummary{border-left:0;border-right:0}.thumbGrid{grid-template-columns:1fr 1fr}.quoteForm{grid-template-columns:1fr}.quoteForm label{grid-column:1/-1}.footerGrid{grid-template-columns:1fr;gap:30px}}


/* ============================================================
   V7.0.1 PATCH
   - Circular language flags
   - Product fullscreen lightbox
   - Hero/category background URL recovery
   ============================================================ */

.languageMenu,.mobileLangs{align-items:center}
.languageMenu .lang,.mobileLangs .lang{
  width:28px;height:28px;padding:0;border-radius:50%;
  overflow:hidden;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(255,255,255,.25);background:#171a1c;
  transition:transform .18s,border-color .18s,box-shadow .18s;
}
.languageMenu .lang:hover,.mobileLangs .lang:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.7)}
.languageMenu .lang.active,.mobileLangs .lang.active{
  border-color:var(--gold);box-shadow:0 0 0 2px rgba(188,151,94,.18)
}
.langFlag{width:100%;height:100%;display:block;object-fit:cover}
.productMain>img{cursor:zoom-in}
.thumb{position:relative}
.thumb:after{content:"";position:absolute;inset:0;border:1px solid transparent;pointer-events:none;transition:border-color .18s}
.thumb:hover:after{border-color:var(--gold)}

.galleryLightbox{
  position:fixed;inset:0;z-index:9999;background:rgba(4,5,6,.96);
  display:none;align-items:center;justify-content:center;color:#fff;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)
}
.galleryLightbox.open{display:flex}
.galleryStage{
  position:absolute;inset:58px 88px 74px;display:flex;align-items:center;justify-content:center;
  overflow:hidden
}
.galleryStage img{
  max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;
  transform:scale(1);transition:transform .22s ease;cursor:zoom-in;user-select:none;
  -webkit-user-drag:none
}
.galleryStage img.zoomed{transform:scale(1.75);cursor:zoom-out}
.galleryClose,.galleryPrev,.galleryNext,.galleryZoom{
  position:absolute;z-index:3;border:1px solid rgba(255,255,255,.28);
  background:rgba(15,17,18,.72);color:#fff;display:grid;place-items:center;
  cursor:pointer;transition:background .18s,border-color .18s
}
.galleryClose:hover,.galleryPrev:hover,.galleryNext:hover,.galleryZoom:hover{background:#1b1e20;border-color:var(--gold)}
.galleryClose{right:22px;top:20px;width:44px;height:44px;font-size:25px}
.galleryZoom{right:76px;top:20px;width:44px;height:44px;font-size:20px}
.galleryPrev,.galleryNext{top:50%;width:48px;height:64px;transform:translateY(-50%);font-size:31px}
.galleryPrev{left:22px}.galleryNext{right:22px}
.galleryCounter{
  position:absolute;bottom:24px;left:50%;transform:translateX(-50%);
  font-size:12px;letter-spacing:.15em;color:#c6c9ca
}
.galleryCaption{
  position:absolute;left:24px;bottom:22px;max-width:55vw;
  font:400 18px Georgia,serif;color:#fff
}
body.lightboxOpen{overflow:hidden}

@media(max-width:1050px){
  .mobileLangs .lang{width:31px;height:31px}
}
@media(max-width:720px){
  .galleryStage{inset:72px 12px 86px}
  .galleryPrev,.galleryNext{width:42px;height:58px;background:rgba(10,12,13,.58)}
  .galleryPrev{left:8px}.galleryNext{right:8px}
  .galleryClose{right:10px;top:12px}
  .galleryZoom{right:62px;top:12px}
  .galleryCaption{left:14px;right:14px;bottom:50px;max-width:none;font-size:15px}
  .galleryCounter{bottom:18px}
}


/* ============================================================
   V7.1 - ORIGINAL BRANDING + MULTILINGUAL HERO SLIDER
   ============================================================ */

.heroV7{
  transition:background-image .55s ease-in-out;
  isolation:isolate;
}
.heroV7.isChanging:before{
  content:"";
  position:absolute;
  inset:0;
  background:#0d0f10;
  opacity:.12;
  z-index:0;
  pointer-events:none;
}
.heroSlideArrow{
  position:absolute;
  z-index:5;
  top:50%;
  transform:translateY(-50%);
  width:54px;
  height:54px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.42);
  background:rgba(8,10,11,.28);
  color:#fff;
  display:grid;
  place-items:center;
  font-size:31px;
  cursor:pointer;
  transition:background .18s,border-color .18s,transform .18s;
}
.heroSlideArrow:hover{
  background:rgba(10,12,13,.72);
  border-color:var(--gold);
}
.heroSlideArrow.prev{left:24px}
.heroSlideArrow.next{right:24px}
.heroSliderControls{
  position:absolute;
  z-index:6;
  left:50%;
  bottom:108px;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:999px;
  background:rgba(12,14,15,.50);
  border:1px solid rgba(255,255,255,.10);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
.heroDot{
  width:10px;
  height:10px;
  border:0;
  border-radius:50%;
  padding:0;
  background:rgba(255,255,255,.48);
  cursor:pointer;
  transition:transform .18s,background .18s;
}
.heroDot.active{
  background:var(--gold);
  transform:scale(1.18);
}
.heroPause{
  width:28px;
  height:28px;
  border:0;
  border-left:1px solid rgba(255,255,255,.18);
  margin-left:3px;
  padding-left:8px;
  background:transparent;
  color:#fff;
  cursor:pointer;
  font-size:15px;
}
.heroSlideNumber{
  position:absolute;
  z-index:5;
  right:max(24px,calc((100vw - var(--wrap))/2));
  bottom:116px;
  color:#d9dcdd;
  font-size:10px;
  letter-spacing:.15em;
}
.heroV7 .heroContent,
.heroV7 .heroStats{
  z-index:3;
}
.heroV7 .heroShade{
  z-index:1;
}

@media(max-width:1050px){
  .heroSlideArrow{width:46px;height:46px;font-size:27px}
  .heroSlideArrow.prev{left:12px}
  .heroSlideArrow.next{right:12px}
}
@media(max-width:720px){
  .heroV7{
    min-height:760px;
    background-position:center center;
  }
  .heroContent{
    padding-bottom:175px;
  }
  .heroSlideArrow{
    top:auto;
    bottom:116px;
    width:42px;
    height:42px;
    background:rgba(8,10,11,.55);
  }
  .heroSlideArrow.prev{left:14px}
  .heroSlideArrow.next{right:14px}
  .heroSliderControls{
    bottom:120px;
  }
  .heroSlideNumber{
    display:none;
  }
}

/* V7.4 SMART TAXONOMY */
.mega{width:min(1080px,94vw)}
.megaGrid{grid-template-columns:repeat(3,1fr);row-gap:30px}
.megaGrid strong a{color:var(--gold)}
.sectionFamilyGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sectionFamilyCard{position:relative;min-height:390px;overflow:hidden;background:#202326;color:#fff}
.sectionFamilyCard .familyMedia,.sectionFamilyCard .familyMedia img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sectionFamilyCard .familyMedia:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,7,8,.9),rgba(5,7,8,.1) 70%)}
.sectionFamilyCard .familyCopy{position:absolute;z-index:2;left:26px;right:26px;bottom:24px}
.sectionFamilyCard .familyCopy span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#d0d3d4}
.sectionFamilyCard .familyCopy h3{font:400 31px/1.05 Georgia,serif;margin:7px 0 0}
.sectionFamilyCard .familyCopy b{position:absolute;right:0;bottom:3px;color:var(--gold);font-size:24px}
.subcategoryGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:62px}
.subcategoryCard{padding:22px;background:#fff;border:1px solid #ddd9d1;display:flex;justify-content:space-between;gap:18px;align-items:center}
.subcategoryCard h3{font:400 21px/1.15 Georgia,serif;margin:0}
.subcategoryCard span{font-size:10px;color:#7c8184}
.sectionHero{min-height:470px;position:relative;background-size:cover;background-position:center;color:#fff;display:flex;align-items:end}
.sectionHero:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,6,7,.9),rgba(4,6,7,.18))}
.sectionHero .wrap{position:relative;padding-bottom:56px}
.sectionHero h1{font:400 clamp(50px,6vw,78px)/1 Georgia,serif;margin:9px 0}
.catalogCardSection{margin-top:50px}
@media(max-width:900px){.sectionFamilyGrid,.subcategoryGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.megaGrid{grid-template-columns:1fr}.sectionFamilyGrid,.subcategoryGrid{grid-template-columns:1fr}.sectionFamilyCard{min-height:320px}}


/* ============================================================
   V7.5 ULTRA PREMIUM DARK
   No white page/card backgrounds. Larger desktop logo.
   ============================================================ */

:root{
  --premium-bg:#080a0b;
  --premium-bg-2:#0d1011;
  --premium-panel:#121517;
  --premium-panel-2:#171a1c;
  --premium-line:rgba(255,255,255,.105);
  --premium-text:#f1f2f2;
  --premium-muted:#9ca2a5;
  --premium-gold:#c09a60;
}

html{background:var(--premium-bg)}
body{
  background:
    radial-gradient(circle at 72% 10%,rgba(192,154,96,.045),transparent 28%),
    linear-gradient(180deg,#090b0c 0%,#0b0e0f 100%);
  color:var(--premium-text);
}

/* Larger, more confident brand presence */
.navBar{height:104px}
.brand{width:340px;min-width:295px;display:flex;align-items:center}
.brand img{
  width:auto!important;
  height:82px!important;
  max-height:none!important;
  object-fit:contain;
  object-position:left center;
}
.desktopNav{gap:30px}
.siteHeader{
  background:rgba(10,12,13,.985);
  border-bottom:1px solid rgba(255,255,255,.055);
}
.topLine{background:#050607}

/* Dark catalogue surfaces */
.section,
.softSection,
.productContent,
.processSection{
  background:var(--premium-bg)!important;
  color:var(--premium-text)!important;
}
.darkSection,
.gallerySection{
  background:#060809!important;
}
.catalogHero{
  background:
    radial-gradient(circle at 75% 20%,rgba(192,154,96,.08),transparent 32%),
    linear-gradient(135deg,#111416,#080a0b)!important;
}
.catalogTools{
  background:rgba(8,10,11,.94)!important;
  border-bottom:1px solid var(--premium-line);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.catalogTools input,
.catalogTools select{
  background:#111416!important;
  color:var(--premium-text)!important;
  border:1px solid #2c3235!important;
}
.catalogTools input::placeholder{color:#72797d}
.catalogTools span{background:var(--premium-gold)!important;color:#08090a!important;font-weight:800}

/* Premium product cards */
.productCard{
  background:
    linear-gradient(180deg,#171a1c 0%,#101315 100%)!important;
  color:var(--premium-text)!important;
  border:1px solid var(--premium-line)!important;
  box-shadow:0 20px 48px rgba(0,0,0,.18);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.productCard:hover{
  transform:translateY(-4px);
  border-color:rgba(192,154,96,.42)!important;
  box-shadow:0 30px 70px rgba(0,0,0,.38);
}
.productImage{
  background:#0b0d0e!important;
  position:relative;
}
.productImage:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),
             inset 0 -42px 55px rgba(0,0,0,.10);
}
.productImage img{
  background:#0b0d0e;
}
.productInfo{background:transparent!important}
.productInfo h3,
.productInfo h3 a{color:var(--premium-text)!important}
.productMeta{
  color:var(--premium-muted)!important;
  border-color:var(--premium-line)!important;
}
.eyebrow,.kicker,.summaryKicker{color:var(--premium-gold)!important}

/* Category / family cards */
.categoryCard,
.sectionFamilyCard{
  border:1px solid var(--premium-line);
  box-shadow:0 24px 60px rgba(0,0,0,.22);
}
.categoryCard:hover,
.sectionFamilyCard:hover{
  border-color:rgba(192,154,96,.45);
}
.subcategoryCard{
  background:
    linear-gradient(145deg,#16191b,#0f1213)!important;
  color:var(--premium-text)!important;
  border:1px solid var(--premium-line)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.18);
}
.subcategoryCard span{color:var(--premium-muted)!important}
.subcategoryCard b{color:var(--premium-gold)}

/* Process / information panels */
.processSection{
  border-top:1px solid var(--premium-line);
  border-bottom:1px solid var(--premium-line);
}
.processIntro p,
.twoCol p,
.productSummary p,
.finalCta p{color:var(--premium-muted)!important}
.steps{
  border-color:#252b2e!important;
}
.steps>div{
  background:linear-gradient(145deg,#111416,#0c0f10);
  border-color:#252b2e!important;
}
.steps h3{color:var(--premium-text)}
.steps b{color:var(--premium-gold)}

/* Product detail */
.productHeroV7{background:#060809!important}
.productSummary{
  background:
    linear-gradient(165deg,#171a1c,#0e1112)!important;
  border-color:#2a3033!important;
  box-shadow:0 26px 60px rgba(0,0,0,.24);
}
.productContent{
  border-top:1px solid var(--premium-line);
  border-bottom:1px solid var(--premium-line);
}
.productContent h2{color:var(--premium-text)}
.miniFacts{
  border-color:#2a3033!important;
}
.miniFacts>div{
  border-color:#2a3033!important;
  color:var(--premium-text);
}
.facts>div{border-color:#2b3134!important}

/* Contact page / quote form */
.contactDetails h2,
.contactDetails a{color:var(--premium-text)}
.quoteForm{
  padding:28px;
  background:linear-gradient(160deg,#15191b,#0e1112);
  border:1px solid var(--premium-line);
  box-shadow:0 25px 70px rgba(0,0,0,.25);
}
.quoteForm label{color:#c1c5c7!important}
.quoteForm input,
.quoteForm textarea,
.quoteForm select{
  background:#0b0e0f!important;
  color:var(--premium-text)!important;
  border:1px solid #2b3235!important;
}
.quoteForm input:focus,
.quoteForm textarea:focus,
.quoteForm select:focus{
  outline:none;
  border-color:var(--premium-gold)!important;
  box-shadow:0 0 0 3px rgba(192,154,96,.09);
}

/* Selected product identity shown on quotation page */
.selectedProductBox{
  grid-column:1/-1;
  padding:20px 22px;
  margin-bottom:4px;
  background:
    linear-gradient(135deg,rgba(192,154,96,.12),rgba(192,154,96,.035));
  border:1px solid rgba(192,154,96,.34);
}
.selectedProductBox .selectedProductLabel{
  display:block;
  color:var(--premium-gold);
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:7px;
}
.selectedProductBox strong{
  display:block;
  color:#fff;
  font:400 23px/1.2 Georgia,serif;
  margin-bottom:8px;
}
.selectedProductBox a{
  display:block;
  color:#aeb4b7;
  font-size:11px;
  overflow-wrap:anywhere;
}
.selectedProductBox a:hover{color:var(--premium-gold)}

/* Footer and miscellaneous surfaces */
footer{background:#040506!important;border-top:1px solid var(--premium-line)}
.imagePlaceholder{background:linear-gradient(135deg,#171b1d,#090b0c)!important}
.finalCta{
  background:
    radial-gradient(circle at 80% 50%,rgba(192,154,96,.08),transparent 30%),
    #0b0e0f!important;
  border-top:1px solid var(--premium-line);
}
.primaryBtn,.quoteBtn{
  background:linear-gradient(135deg,#c9a66d,#b78e51)!important;
  color:#090a0b!important;
  box-shadow:0 10px 28px rgba(192,154,96,.13);
}
.ghostBtn{background:rgba(7,9,10,.22)}
.sectionHead h2,.processIntro h2,.finalCta h2{color:var(--premium-text)}

/* Kill inherited light backgrounds explicitly */
.productGrid,
.catalogGrid,
.contactGrid,
.twoCol,
.sectionHead,
.categoryGrid,
.sectionFamilyGrid,
.subcategoryGrid{background:transparent!important}

@media(max-width:1050px){
  .navBar{height:86px}
  .brand{width:290px;min-width:250px}
  .brand img{height:70px!important}
}
@media(max-width:720px){
  .navBar{height:74px}
  .brand{width:238px;min-width:210px}
  .brand img{height:58px!important}
  .quoteForm{padding:20px}
  .selectedProductBox strong{font-size:20px}
}


/* ============================================================
   V7.6 PREMIUM HEADER + MOBILE CATALOGUE NAVIGATION
   ============================================================ */

/* Desktop header: give the brand the visual weight it deserves. */
:root{--wrap:1360px}

.siteHeader{
  position:relative;
  z-index:1000;
}
.navBar{
  min-height:126px!important;
  height:126px!important;
  gap:24px!important;
}
.brand{
  width:390px!important;
  min-width:390px!important;
  flex:0 0 390px!important;
  overflow:visible!important;
}
.brand img{
  display:block!important;
  width:390px!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.desktopNav{
  gap:24px!important;
  white-space:nowrap;
}
.desktopNav>a,.megaTrigger>a{
  padding:45px 0!important;
}
.headerActions{
  margin-left:auto;
  flex:0 0 auto;
}

/* Desktop mega menu stays premium and readable. */
.mega{
  top:103px!important;
  width:min(1120px,94vw)!important;
  max-height:min(680px,calc(100vh - 150px));
  overflow:auto;
  box-shadow:0 35px 90px rgba(0,0,0,.55);
}
.megaGrid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:30px 38px!important;
}
.megaGrid>div{
  padding:4px 0 10px;
}
.megaGrid strong{
  padding-bottom:9px;
  border-bottom:1px solid rgba(192,154,96,.24);
}
.megaGrid a{
  line-height:1.35;
}

/* Mobile/tablet header becomes an app-like navigation drawer. */
@media(max-width:1050px){
  .topLine{
    position:relative;
    z-index:1004;
  }
  .topInner>span:first-child{
    display:none;
  }
  .topInner{
    justify-content:center!important;
    letter-spacing:.08em;
  }

  .siteHeader{
    position:sticky!important;
    top:0;
    z-index:1000;
    box-shadow:0 10px 32px rgba(0,0,0,.28);
  }

  .navBar{
    height:94px!important;
    min-height:94px!important;
    gap:14px!important;
  }
  .brand{
    width:300px!important;
    min-width:0!important;
    flex:0 1 300px!important;
    max-width:calc(100% - 62px)!important;
  }
  .brand img{
    width:300px!important;
    max-width:100%!important;
    height:auto!important;
  }

  .menuBtn{
    display:grid!important;
    place-items:center;
    position:relative;
    width:48px;
    height:48px;
    flex:0 0 48px;
    margin-left:auto!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:2px;
    background:#141719!important;
    color:#fff!important;
    font-size:0!important;
    cursor:pointer;
    z-index:1006;
  }
  .menuBtn .menuLines,
  .menuBtn .menuLines:before,
  .menuBtn .menuLines:after{
    display:block;
    width:20px;
    height:2px;
    background:#f5f5f3;
    transition:transform .22s ease,opacity .22s ease,top .22s ease;
    content:"";
    position:relative;
  }
  .menuBtn .menuLines:before{
    position:absolute;
    top:-7px;
    left:0;
  }
  .menuBtn .menuLines:after{
    position:absolute;
    top:7px;
    left:0;
  }
  body.menuOpen .menuBtn .menuLines{
    background:transparent;
  }
  body.menuOpen .menuBtn .menuLines:before{
    top:0;
    transform:rotate(45deg);
  }
  body.menuOpen .menuBtn .menuLines:after{
    top:0;
    transform:rotate(-45deg);
  }

  .mobileMenuBackdrop{
    position:fixed;
    inset:0;
    z-index:998;
    background:rgba(0,0,0,.66);
    opacity:0;
    visibility:hidden;
    transition:opacity .24s ease,visibility .24s ease;
    -webkit-backdrop-filter:blur(4px);
    backdrop-filter:blur(4px);
  }
  body.menuOpen .mobileMenuBackdrop{
    opacity:1;
    visibility:visible;
  }

  .mobileNav{
    display:block!important;
    position:fixed!important;
    z-index:1002;
    top:125px;
    right:0;
    bottom:0;
    left:auto;
    width:min(460px,100vw);
    max-width:100vw;
    padding:0!important;
    margin:0!important;
    overflow-y:auto;
    overscroll-behavior:contain;
    background:
      radial-gradient(circle at 80% 0,rgba(192,154,96,.09),transparent 27%),
      #0b0e0f!important;
    border-left:1px solid rgba(255,255,255,.09);
    box-shadow:-24px 0 70px rgba(0,0,0,.48);
    transform:translateX(102%);
    opacity:0;
    visibility:hidden;
    transition:transform .28s cubic-bezier(.2,.75,.25,1),opacity .24s ease,visibility .24s;
  }
  body.menuOpen .mobileNav{
    transform:translateX(0);
    opacity:1;
    visibility:visible;
  }
  body.menuOpen{
    overflow:hidden;
  }

  .mobileMenuInner{
    min-height:100%;
    padding:22px 20px 34px;
  }
  .mobileQuickLinks{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-bottom:24px;
  }
  .mobileQuickLinks>a{
    min-height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:12px;
    background:#131719;
    border:1px solid rgba(255,255,255,.09);
    color:#f1f2f2;
    font-size:13px;
    font-weight:700;
  }
  .mobileQuickLinks>a:first-child{
    border-color:rgba(192,154,96,.32);
  }

  .mobileCatalogLabel{
    display:flex;
    justify-content:space-between;
    align-items:end;
    margin:8px 0 12px;
    padding-bottom:10px;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  .mobileCatalogLabel span:first-child{
    color:var(--premium-gold);
    font-size:10px;
    letter-spacing:.16em;
    text-transform:uppercase;
  }
  .mobileCatalogLabel span:last-child{
    color:#70777a;
    font-size:10px;
  }

  .mobileCategoryAccordion{
    display:block;
  }
  .mobileCategoryAccordion details{
    margin:0;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  .mobileCategoryAccordion summary{
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    min-height:58px;
    padding:15px 2px;
    color:#fff;
    cursor:pointer;
    font:400 20px/1.15 Georgia,serif;
    -webkit-tap-highlight-color:transparent;
  }
  .mobileCategoryAccordion summary::-webkit-details-marker{
    display:none;
  }
  .mobileCategoryAccordion summary:after{
    content:"+";
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    flex:0 0 28px;
    color:var(--premium-gold);
    font:400 22px/1 Arial,sans-serif;
    border:1px solid rgba(192,154,96,.27);
    transition:transform .2s ease;
  }
  .mobileCategoryAccordion details[open] summary:after{
    transform:rotate(45deg);
  }
  .mobileCategoryLinks{
    padding:0 0 17px 12px;
  }
  .mobileCategoryLinks a{
    display:flex!important;
    align-items:center;
    min-height:42px;
    padding:8px 12px!important;
    color:#b6bbbd!important;
    border-left:1px solid #2d3336;
    font-size:13px!important;
    line-height:1.3;
  }
  .mobileCategoryLinks a:first-child{
    color:var(--premium-gold)!important;
    font-weight:700;
  }
  .mobileCategoryLinks a:hover,
  .mobileCategoryLinks a:focus{
    color:#fff!important;
    border-left-color:var(--premium-gold);
    background:rgba(255,255,255,.025);
  }

  .mobileQuoteCta{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:54px;
    margin:24px 0 20px;
    padding:13px 16px;
    background:linear-gradient(135deg,#c9a66d,#b78e51);
    color:#08090a!important;
    font-weight:800;
    font-size:13px;
  }

  .mobileMenuLanguages{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding-top:18px;
    border-top:1px solid rgba(255,255,255,.08);
  }
  .mobileMenuLanguages .lang{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px;
  }

  /* Never let old .menuOpen mobile rules turn this into a loose flex column. */
  body.menuOpen .mobileNav{
    display:block!important;
  }

  /* Touch catalogue/category pages */
  .catalogTools{
    position:static!important;
    top:auto!important;
  }
  .subcategoryCard{
    min-height:68px;
  }
}

@media(max-width:720px){
  .topInner{
    height:30px!important;
  }
  .navBar{
    height:84px!important;
    min-height:84px!important;
  }
  .brand{
    width:272px!important;
    flex-basis:272px!important;
    max-width:calc(100% - 60px)!important;
  }
  .brand img{
    width:272px!important;
  }
  .menuBtn{
    width:44px;
    height:44px;
    flex-basis:44px;
  }
  .mobileNav{
    top:114px;
    width:100vw;
    border-left:0;
  }
  .mobileMenuInner{
    padding:18px 14px 30px;
  }
  .mobileQuickLinks{
    grid-template-columns:1fr 1fr;
  }
  .mobileCategoryAccordion summary{
    font-size:19px;
    min-height:56px;
  }

  /* Make categories look intentional rather than squeezed desktop cards. */
  .sectionHero,
  .categoryHero{
    min-height:310px!important;
  }
  .sectionHero h1,
  .categoryHero h1{
    font-size:42px!important;
    line-height:1.02!important;
  }
  .sectionFamilyCard{
    min-height:295px!important;
  }
  .categoryCard{
    min-height:270px!important;
  }
  .subcategoryGrid{
    gap:10px!important;
  }
  .subcategoryCard{
    padding:18px!important;
  }
  .productGrid{
    gap:14px!important;
  }
  .productInfo h3{
    min-height:auto!important;
  }
}

@media(max-width:390px){
  .brand{
    width:238px!important;
    flex-basis:238px!important;
  }
  .brand img{
    width:238px!important;
  }
  .mobileQuickLinks{
    grid-template-columns:1fr;
  }
}


/* ============================================================
   V7.6.1 LOGO BRANDING PATCH
   Replace plain text brand blocks with the real logo on quote/contact areas.
   ============================================================ */

.brandLogoBlock{
  display:block!important;
  line-height:0!important;
}
.brandLogoBlock img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:left center;
}

.contactDetails h2.brandLogoBlock{
  width:min(420px,100%);
  max-width:420px;
  margin:0 0 18px!important;
}
.contactDetails h2.brandLogoBlock img{
  width:100%;
}

.footerBrand.brandLogoBlock,
a.footerBrand.brandLogoBlock{
  width:min(330px,100%);
  max-width:330px;
  font-size:0!important;
  color:transparent!important;
}
.footerBrand.brandLogoBlock img,
a.footerBrand.brandLogoBlock img{
  width:100%;
}

/* If some footer brand is wrapped by an anchor, keep it visually clean. */
.footerBrand.brandLogoBlock span,
a.footerBrand.brandLogoBlock span{
  display:none!important;
}

/* Success/response pages generated by inquiry.php */
.boxBrandLogo{
  width:min(360px,100%);
  margin:0 0 14px;
}
.boxBrandLogo img{
  display:block;
  width:100%;
  height:auto;
}

@media(max-width:720px){
  .contactDetails h2.brandLogoBlock{
    width:min(330px,100%);
    margin-bottom:14px!important;
  }
  .footerBrand.brandLogoBlock,
  a.footerBrand.brandLogoBlock{
    width:min(270px,100%);
  }
  .boxBrandLogo{
    width:min(270px,100%);
  }
}


/* ============================================================
   V7.9 PREMIUM LANGUAGE COMBO
   Desktop: current flag + native language name.
   Mobile: compact current flag + language code, always visible.
   ============================================================ */

.headerActions{
  position:relative;
}

/* Existing desktop language container becomes the combo root. */
.languageMenu.languageCombo{
  display:block;
  position:relative;
  flex:0 0 auto;
}

.languageComboButton{
  height:42px;
  min-width:148px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:6px 10px 6px 7px;
  border:1px solid rgba(255,255,255,.13);
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),
    #101315;
  color:#f4f4f2;
  cursor:pointer;
  font:700 12px/1 Arial,sans-serif;
  letter-spacing:.01em;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
  -webkit-tap-highlight-color:transparent;
}
.languageComboButton:hover,
.languageComboButton:focus-visible,
.languageCombo.open .languageComboButton{
  border-color:rgba(192,154,96,.6);
  background:#15191b;
  outline:none;
  box-shadow:0 0 0 3px rgba(192,154,96,.075);
}
.languageComboCurrent{
  display:flex;
  align-items:center;
  min-width:0;
  gap:9px;
}
.languageComboButton .langFlag{
  width:28px!important;
  height:28px!important;
  flex:0 0 28px;
  border-radius:50%;
  object-fit:cover;
  box-shadow:0 0 0 1px rgba(255,255,255,.18);
}
.languageComboCurrentName{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.languageComboChevron{
  width:9px;
  height:9px;
  flex:0 0 9px;
  border-right:1.5px solid #b9bec0;
  border-bottom:1.5px solid #b9bec0;
  transform:rotate(45deg) translateY(-2px);
  transition:transform .18s ease;
}
.languageCombo.open .languageComboChevron{
  transform:rotate(225deg) translate(-1px,-1px);
}

.languageComboMenu{
  position:absolute;
  z-index:1100;
  top:calc(100% + 9px);
  right:0;
  width:226px;
  padding:7px;
  background:
    radial-gradient(circle at 90% 0,rgba(192,154,96,.08),transparent 32%),
    #0c0f10;
  border:1px solid rgba(255,255,255,.11);
  box-shadow:0 24px 65px rgba(0,0,0,.55);
  opacity:0;
  visibility:hidden;
  transform:translateY(-7px);
  transition:opacity .16s ease,transform .16s ease,visibility .16s;
}
.languageCombo.open .languageComboMenu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.languageCombo .languageOption{
  width:100%!important;
  height:auto!important;
  min-height:43px;
  padding:7px 9px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  display:flex!important;
  align-items:center;
  gap:10px;
  color:#b7bdc0!important;
  background:transparent!important;
  font-size:12px!important;
  line-height:1.2;
  text-decoration:none;
  transition:background .14s ease,color .14s ease;
}
.languageCombo .languageOption + .languageOption{
  border-top:1px solid rgba(255,255,255,.05)!important;
}
.languageCombo .languageOption:hover,
.languageCombo .languageOption:focus-visible{
  color:#fff!important;
  background:rgba(255,255,255,.045)!important;
  outline:none;
}
.languageCombo .languageOption.active{
  color:#fff!important;
  background:rgba(192,154,96,.10)!important;
}
.languageCombo .languageOption.active:after{
  content:"✓";
  margin-left:auto;
  color:var(--premium-gold,#c09a60);
  font-weight:800;
}
.languageCombo .languageOption .langFlag{
  width:26px!important;
  height:26px!important;
  flex:0 0 26px;
  border-radius:50%;
  object-fit:cover;
  box-shadow:0 0 0 1px rgba(255,255,255,.15);
}
.languageOptionName{
  flex:1;
  color:inherit;
}
.languageOptionCode{
  color:#697175;
  font-size:9px;
  letter-spacing:.12em;
  text-transform:uppercase;
}

/* Mobile header language selector is separate from the catalogue drawer. */
.mobileHeaderLanguage{
  display:none;
  position:relative;
  flex:0 0 auto;
}
.mobileHeaderLanguage .languageComboButton{
  min-width:72px;
  height:44px;
  padding:5px 8px;
  gap:7px;
}
.mobileHeaderLanguage .languageComboCurrent{
  gap:6px;
}
.mobileHeaderLanguage .languageComboButton .langFlag{
  width:27px!important;
  height:27px!important;
  flex-basis:27px;
}
.mobileHeaderLanguage .languageComboCurrentName{
  font-size:10px;
  letter-spacing:.08em;
}
.mobileHeaderLanguage .languageComboMenu{
  width:220px;
  top:calc(100% + 9px);
  right:0;
}

/* The old copied flags inside hamburger are no longer needed. */
.mobileMenuLanguages{
  display:none!important;
}

@media(max-width:1180px) and (min-width:1051px){
  .languageComboButton{
    min-width:122px;
  }
  .languageComboCurrentName{
    max-width:62px;
  }
}

@media(max-width:1050px){
  /* Old CSS hides .languageMenu here. Keep desktop combo hidden, show compact mobile combo. */
  .languageMenu.languageCombo{
    display:none!important;
  }
  .mobileHeaderLanguage{
    display:block!important;
  }

  /* Make room for language + hamburger without crushing the logo. */
  .navBar{
    gap:10px!important;
  }
  .headerActions{
    gap:8px!important;
    margin-left:auto;
  }
  .brand{
    width:clamp(205px,58vw,280px)!important;
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:calc(100% - 126px)!important;
  }
  .brand img{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
  }
}

@media(max-width:720px){
  .navBar{
    gap:8px!important;
  }
  .brand{
    width:clamp(190px,56vw,250px)!important;
    max-width:calc(100% - 122px)!important;
  }
  .mobileHeaderLanguage .languageComboButton{
    min-width:68px;
    height:42px;
    padding:5px 7px;
  }
  .mobileHeaderLanguage .languageComboButton .langFlag{
    width:25px!important;
    height:25px!important;
    flex-basis:25px;
  }
  .menuBtn{
    width:42px!important;
    height:42px!important;
    flex-basis:42px!important;
  }
}

@media(max-width:390px){
  .brand{
    width:clamp(176px,52vw,210px)!important;
    max-width:calc(100% - 116px)!important;
  }
  .mobileHeaderLanguage .languageComboButton{
    min-width:64px;
  }
  .mobileHeaderLanguage .languageComboCurrentName{
    font-size:9px;
  }
}


/* ============================================================
   V8.1 PREMIUM CONTACT HEADER
   Prominent Tel / Viber / WhatsApp contact strip for desktop + mobile.
   ============================================================ */

.topLine{
  min-height:54px!important;
  height:auto!important;
  background:
    radial-gradient(circle at 78% 0,rgba(192,154,96,.10),transparent 30%),
    #050607!important;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.topInner{
  min-height:54px!important;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px;
}
.topInner>span:first-child{
  color:#8e9699;
  font-size:10px;
  letter-spacing:.18em;
  white-space:nowrap;
}

.headerContactCluster{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:11px;
  margin-left:auto;
  min-width:0;
}
.headerContactLead{
  color:#a5abad;
  font-size:11px;
  line-height:1;
  font-weight:700;
  letter-spacing:.025em;
  white-space:nowrap;
}
.headerContactNumber{
  color:#fff!important;
  font:700 20px/1 Arial,sans-serif!important;
  letter-spacing:.025em;
  white-space:nowrap;
  text-decoration:none!important;
  transition:color .16s ease;
}
.headerContactNumber:hover,
.headerContactNumber:focus-visible{
  color:var(--premium-gold,#c09a60)!important;
  outline:none;
}
.headerContactActions{
  display:flex;
  align-items:center;
  gap:6px;
  margin-left:3px;
}
.headerContactAction{
  width:31px;
  height:31px;
  display:grid!important;
  place-items:center;
  flex:0 0 31px;
  padding:0!important;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.14);
  background:#111416;
  color:#e7e9e9!important;
  text-decoration:none!important;
  font:800 9px/1 Arial,sans-serif!important;
  letter-spacing:-.02em;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
.headerContactAction:hover,
.headerContactAction:focus-visible{
  background:#1a1e20;
  color:var(--premium-gold,#c09a60)!important;
  border-color:rgba(192,154,96,.52);
  transform:translateY(-1px);
  outline:none;
}
.headerContactAction.callAction{
  display:none!important;
}

@media(max-width:1050px){
  .topLine{
    min-height:44px!important;
  }
  .topInner{
    min-height:44px!important;
    height:44px!important;
    justify-content:center!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .topInner>span:first-child{
    display:none!important;
  }
  .headerContactCluster{
    width:100%;
    margin:0;
    justify-content:center;
    gap:7px;
  }
  .headerContactLead{
    color:#9ea5a8;
    font-size:10px;
  }
  .headerContactNumber{
    font-size:16px!important;
  }
  .headerContactActions{
    gap:5px;
    margin-left:1px;
  }
  .headerContactAction{
    width:27px;
    height:27px;
    flex-basis:27px;
    font-size:8px!important;
  }
  .headerContactAction.callAction{
    display:grid!important;
  }

  /* 44px contact strip + 94px tablet header */
  .mobileNav{
    top:138px!important;
  }
}

@media(max-width:720px){
  .topLine{
    min-height:43px!important;
  }
  .topInner{
    min-height:43px!important;
    height:43px!important;
  }
  .headerContactCluster{
    gap:6px;
  }
  .headerContactLead{
    font-size:9px;
    letter-spacing:0;
  }
  .headerContactNumber{
    font-size:15px!important;
    letter-spacing:.005em;
  }
  .headerContactAction{
    width:26px;
    height:26px;
    flex-basis:26px;
  }

  /* 43px contact strip + 84px mobile header */
  .mobileNav{
    top:127px!important;
  }
}

@media(max-width:430px){
  .topInner{
    padding-left:5px!important;
    padding-right:5px!important;
  }
  .headerContactCluster{
    gap:5px;
  }
  .headerContactLead{
    font-size:8.5px;
  }
  .headerContactNumber{
    font-size:14px!important;
  }
  .headerContactActions{
    gap:4px;
  }
  .headerContactAction{
    width:24px;
    height:24px;
    flex-basis:24px;
    font-size:7px!important;
  }
}

@media(max-width:360px){
  .headerContactLead{
    font-size:7.5px;
  }
  .headerContactNumber{
    font-size:13px!important;
  }
  .headerContactAction{
    width:23px;
    height:23px;
    flex-basis:23px;
  }
}


/* ============================================================
   V8.2 LIGHTER HERO + RESPONSIVE MOBILE TITLE
   - Hero slides less dark
   - Prevent horizontal overflow on mobile
   - Better typography scaling for long Greek titles
   ============================================================ */

html,
body{
  overflow-x:hidden;
}

.heroShade{
  background:
    linear-gradient(90deg,rgba(4,6,7,.62),rgba(4,6,7,.12) 72%),
    linear-gradient(0deg,rgba(4,6,7,.58),rgba(4,6,7,.06) 60%) !important;
}

.heroContent{
  max-width:min(980px,100%);
  overflow:hidden;
}

.heroContent h1,
.sectionHero h1,
.categoryHero h1{
  max-width:min(940px,100%);
  overflow-wrap:anywhere;
  word-break:normal;
  hyphens:auto;
  text-wrap:balance;
}

.heroContent p{
  color:#eceeed;
  max-width:min(720px,100%);
}

@media(max-width:1050px){
  .heroV7{
    min-height:700px;
  }
  .heroContent{
    padding-bottom:152px;
  }
  .heroContent h1{
    font-size:clamp(42px,6.3vw,72px)!important;
    line-height:1.02!important;
    margin:14px 0 18px!important;
    max-width:12.5ch;
  }
}

@media(max-width:720px){
  .heroV7{
    min-height:650px!important;
    background-position:center center!important;
  }
  .heroContent{
    padding-bottom:166px!important;
  }
  .heroContent h1{
    font-size:clamp(31px,8vw,50px)!important;
    line-height:1.03!important;
    letter-spacing:-.015em;
    margin:10px 0 14px!important;
    max-width:11ch!important;
  }
  .heroContent p{
    font-size:15px!important;
    line-height:1.5!important;
    max-width:38ch!important;
  }
  .heroActions{
    gap:10px;
    flex-wrap:wrap;
  }
  .heroActions .btn,
  .heroActions .ghostBtn{
    padding:13px 17px!important;
    font-size:12px!important;
  }
}

@media(max-width:520px){
  .heroV7{
    min-height:610px!important;
  }
  .heroContent{
    padding-bottom:158px!important;
  }
  .heroContent h1{
    font-size:clamp(27px,8.4vw,40px)!important;
    line-height:1.04!important;
    max-width:10.2ch!important;
  }
  .heroContent p{
    font-size:14px!important;
    max-width:33ch!important;
  }
  .heroSliderControls{
    bottom:108px!important;
  }
  .heroSlideArrow{
    bottom:104px!important;
  }
}

@media(max-width:390px){
  .heroV7{
    min-height:590px!important;
  }
  .heroContent{
    padding-bottom:150px!important;
  }
  .heroContent h1{
    font-size:clamp(24px,8.6vw,34px)!important;
    line-height:1.05!important;
    max-width:9.6ch!important;
  }
  .heroContent p{
    font-size:13.5px!important;
    max-width:30ch!important;
  }
  .heroActions .btn,
  .heroActions .ghostBtn{
    width:auto;
    min-width:0;
  }
}

/* Slightly brighter secondary hero blocks as well */
.sectionHero:before{
  background:linear-gradient(0deg,rgba(4,6,7,.74),rgba(4,6,7,.12))!important;
}
.categoryHeroShade{
  background:linear-gradient(0deg,rgba(4,6,7,.76),rgba(4,6,7,.12))!important;
}


/* ============================================================
   V8.3 UNIVERSAL ALL-LANGUAGE HERO/MOBILE FIX
   EL / EN / BG / RO / RU / SR
   ============================================================ */

/* Apply the same slide brightness to EVERY language page. */
html body .heroV7 .heroShade{
  background:
    linear-gradient(90deg,rgba(4,6,7,.54) 0%,rgba(4,6,7,.25) 42%,rgba(4,6,7,.06) 78%),
    linear-gradient(0deg,rgba(4,6,7,.50) 0%,rgba(4,6,7,.08) 62%,rgba(255,255,255,.025) 100%) !important;
}

/* Prevent any translated page from creating horizontal page scroll. */
html,
body{
  width:100%;
  max-width:100%;
  overflow-x:hidden!important;
}
body > *{
  max-width:100vw;
}

html body .heroV7,
html body .heroV7 .wrap,
html body .heroV7 .heroContent{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}

html body .heroContent h1{
  width:auto!important;
  max-width:min(940px,100%)!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  hyphens:auto!important;
  text-wrap:balance;
}

/* Desktop remains generous, but translated titles cannot escape the content column. */
@media(min-width:1051px){
  html body .heroContent h1{
    font-size:clamp(46px,5.35vw,78px)!important;
    line-height:1.00!important;
    max-width:900px!important;
  }
}

/* Tablet shared rule for all six languages. */
@media(max-width:1050px){
  html body .heroContent h1{
    font-size:clamp(38px,6vw,62px)!important;
    line-height:1.02!important;
    max-width:13ch!important;
  }
}

/* Mobile universal baseline. */
@media(max-width:720px){
  html body .heroV7{
    min-height:640px!important;
  }
  html body .heroContent{
    padding-left:0!important;
    padding-right:0!important;
    padding-bottom:160px!important;
  }
  html body .heroContent h1{
    font-size:clamp(28px,7.8vw,43px)!important;
    line-height:1.04!important;
    letter-spacing:-.018em!important;
    max-width:11.5ch!important;
    margin:10px 0 14px!important;
  }
  html body .heroContent p{
    font-size:14.5px!important;
    line-height:1.48!important;
    max-width:36ch!important;
  }
}

/* Long-language tuning. Greek stays roomy; longer translations get extra safety. */
@media(max-width:720px){
  html[lang="en"] body .heroContent h1{
    font-size:clamp(27px,7.4vw,41px)!important;
    max-width:12ch!important;
  }
  html[lang="bg"] body .heroContent h1{
    font-size:clamp(25px,6.9vw,38px)!important;
    max-width:13ch!important;
  }
  html[lang="ro"] body .heroContent h1{
    font-size:clamp(25px,6.9vw,38px)!important;
    max-width:13ch!important;
  }
  html[lang="ru"] body .heroContent h1{
    font-size:clamp(25px,6.8vw,37px)!important;
    max-width:13ch!important;
  }
  html[lang="sr"] body .heroContent h1{
    font-size:clamp(25px,6.9vw,38px)!important;
    max-width:13ch!important;
  }
}

/* Very narrow phones: all languages must stay inside viewport. */
@media(max-width:430px){
  html body .heroV7{
    min-height:610px!important;
  }
  html body .heroContent{
    padding-bottom:152px!important;
  }
  html body .heroContent h1{
    font-size:clamp(24px,7.5vw,33px)!important;
    line-height:1.055!important;
    max-width:11.5ch!important;
  }
  html[lang="bg"] body .heroContent h1,
  html[lang="ro"] body .heroContent h1,
  html[lang="ru"] body .heroContent h1,
  html[lang="sr"] body .heroContent h1{
    font-size:clamp(22px,6.9vw,31px)!important;
    max-width:13ch!important;
  }
}

/* Section/category heroes use the same translated-title safety rules. */
@media(max-width:720px){
  html body .sectionHero h1,
  html body .categoryHero h1,
  html body .catalogHero h1{
    max-width:100%!important;
    font-size:clamp(31px,8vw,44px)!important;
    line-height:1.04!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    hyphens:auto!important;
  }
  html[lang="bg"] body .sectionHero h1,
  html[lang="bg"] body .categoryHero h1,
  html[lang="bg"] body .catalogHero h1,
  html[lang="ro"] body .sectionHero h1,
  html[lang="ro"] body .categoryHero h1,
  html[lang="ro"] body .catalogHero h1,
  html[lang="ru"] body .sectionHero h1,
  html[lang="ru"] body .categoryHero h1,
  html[lang="ru"] body .catalogHero h1,
  html[lang="sr"] body .sectionHero h1,
  html[lang="sr"] body .categoryHero h1,
  html[lang="sr"] body .catalogHero h1{
    font-size:clamp(28px,7.2vw,39px)!important;
  }
}

/* ============================================================
   V8.8 MULTILINGUAL GDPR / PRIVACY CONSENT CENTER
   EL / EN / BG / RO / RU / SR
   ============================================================ */
html.pkPrivacyLock,html.pkPrivacyLock body{overflow:hidden!important}
.pkPrivacyBackdrop{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:20px;background:rgba(3,5,6,.76);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.pkPrivacyDialog{width:min(760px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;overscroll-behavior:contain;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 90% 0,rgba(192,154,96,.09),transparent 34%),linear-gradient(145deg,#15191b,#0b0e0f 72%);color:#f1f3f2;box-shadow:0 40px 120px rgba(0,0,0,.66);outline:none}
.pkPrivacyInner{padding:30px}
.pkPrivacyBrand{display:flex;align-items:center;gap:11px;margin-bottom:18px;color:#c09a60;font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.pkPrivacyShield{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(192,154,96,.48);border-radius:50%;color:#d3ad73;font-size:16px;background:rgba(192,154,96,.05)}
.pkPrivacyDialog h2{margin:0 0 12px;color:#fff;font:400 clamp(30px,5vw,48px)/1.05 Georgia,serif;letter-spacing:-.02em}
.pkPrivacyLead{margin:0;max-width:680px;color:#b8bec0;font-size:14px;line-height:1.65}
.pkPrivacyMeta{margin-top:13px;color:#737c7f;font-size:11px;line-height:1.5}
.pkPrivacyMeta a,.pkPrivacyText a{color:#d3ad73;text-decoration:none}
.pkPrivacyActions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}
.pkPrivacyBtn{min-height:49px;padding:12px 16px;border:1px solid rgba(255,255,255,.15);background:#15191b;color:#f4f5f4;font:800 11px/1.2 Arial,sans-serif;letter-spacing:.02em;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}
.pkPrivacyBtn:hover,.pkPrivacyBtn:focus-visible{outline:none;border-color:rgba(192,154,96,.58);color:#fff;transform:translateY(-1px)}
.pkPrivacyBtnPrimary{background:linear-gradient(135deg,#caa66c,#b88d4f);color:#080909;border-color:transparent}
.pkPrivacyBtnPrimary:hover,.pkPrivacyBtnPrimary:focus-visible{color:#080909;background:linear-gradient(135deg,#d3b37e,#c29a5e)}
.pkPrivacyBtnWide{grid-column:1/-1}
.pkPrivacySecondaryLinks{display:flex;justify-content:center;flex-wrap:wrap;gap:7px 14px;margin-top:15px}
.pkPrivacyTextBtn{padding:0;border:0;background:transparent;color:#9fa7a9;font:700 11px/1.4 Arial,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.pkPrivacyTextBtn:hover,.pkPrivacyTextBtn:focus-visible{color:#d3ad73;outline:none}
.pkPrivacyPanel{display:none}.pkPrivacyPanel.active{display:block}
.pkPrivacyPanelHead{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.08)}
.pkPrivacyPanelHead h3{margin:0;color:#fff;font:400 29px/1.1 Georgia,serif}
.pkPrivacyClose{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border:1px solid rgba(255,255,255,.12);background:#101315;color:#c2c7c8;cursor:pointer;font-size:19px}
.pkPrivacyClose:hover,.pkPrivacyClose:focus-visible{color:#fff;border-color:rgba(192,154,96,.5);outline:none}
.pkPrivacyChoice{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.pkPrivacyChoice:first-of-type{border-top:1px solid rgba(255,255,255,.07)}
.pkPrivacyChoice h4{margin:0 0 5px;color:#f1f2f2;font-size:13px}.pkPrivacyChoice p{margin:0;color:#8f9799;font-size:12px;line-height:1.55;max-width:570px}
.pkPrivacyAlways{color:#cba76e;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.pkPrivacySwitch{position:relative;width:48px;height:26px;display:inline-block}.pkPrivacySwitch input{position:absolute;opacity:0;pointer-events:none}.pkPrivacySwitch span{position:absolute;inset:0;border-radius:999px;background:#2a3032;border:1px solid rgba(255,255,255,.14);cursor:pointer;transition:.18s ease}.pkPrivacySwitch span:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#aab0b1;transition:.18s ease}.pkPrivacySwitch input:checked + span{background:rgba(192,154,96,.34);border-color:rgba(192,154,96,.68)}.pkPrivacySwitch input:checked + span:after{transform:translateX(22px);background:#d4ae73}.pkPrivacySwitch input:focus-visible + span{box-shadow:0 0 0 3px rgba(192,154,96,.15)}
.pkPrivacySettingsActions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:22px}
.pkPrivacyText{color:#aeb5b7;font-size:13px;line-height:1.7}.pkPrivacyText h4{margin:22px 0 7px;color:#fff;font-size:13px}.pkPrivacyText ul{margin:8px 0 0 18px;padding:0}.pkPrivacyText li{margin:6px 0}
.pkPrivacyReopen{display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:0;border:0;background:transparent;color:#858e90;font:700 10px/1.4 Arial,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.pkPrivacyReopen:hover,.pkPrivacyReopen:focus-visible{color:#d1aa70;outline:none}.pkPrivacyReopen:before{content:"◈";color:#b99158;text-decoration:none}
.pkPrivacyReopen.pkPrivacyFloating{position:fixed;z-index:2147482000;left:12px;bottom:10px;margin:0;padding:7px 9px;border:1px solid rgba(255,255,255,.10);background:rgba(9,11,12,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-decoration:none}
@media(max-width:680px){.pkPrivacyBackdrop{align-items:end;padding:0}.pkPrivacyDialog{width:100%;max-height:92vh;border-left:0;border-right:0;border-bottom:0;border-radius:18px 18px 0 0}.pkPrivacyInner{padding:24px 18px 20px}.pkPrivacyDialog h2{font-size:34px}.pkPrivacyActions{grid-template-columns:1fr}.pkPrivacyBtnWide{grid-column:auto}.pkPrivacySettingsActions{display:grid;grid-template-columns:1fr}.pkPrivacySettingsActions .pkPrivacyBtn{width:100%}}
@media(max-width:380px){.pkPrivacyInner{padding:20px 15px 17px}.pkPrivacyDialog h2{font-size:30px}.pkPrivacyLead{font-size:13px}}