:root{--black:#0a0a0a;--black2:#111;--gold:#c9973e;--gold2:#e3bc6d;--cream:#f8f6f1;--text:#161616;--muted:#6b6b6b;--line:#e7e1d6;--radius:22px;--shadow:0 18px 55px rgba(0,0,0,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Cairo",sans-serif;color:var(--text);background:#fff;line-height:1.8}html[lang=en] body{font-family:"Inter",sans-serif}.container{width:min(1180px,calc(100% - 40px));margin:auto}.header{position:fixed;inset:0 0 auto;z-index:1000;background:rgba(7,7,7,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{height:82px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;min-width:240px}.brand img{width:50px;height:50px;object-fit:contain}.brand div{display:flex;flex-direction:column;line-height:1.25}.brand strong{font-size:20px;color:var(--gold2)}.brand small{font-size:10px;color:#ddd}.menu{display:flex;align-items:center;gap:25px;margin-inline:auto}.menu a{color:#fff;text-decoration:none;font-size:14px;font-weight:600;position:relative}.menu a:after{content:"";position:absolute;bottom:-8px;inset-inline-start:0;width:0;height:2px;background:var(--gold);transition:.3s}.menu a:hover:after{width:100%}.lang{border:1px solid var(--gold);background:transparent;color:#fff;border-radius:10px;padding:8px 14px;cursor:pointer}.menu-btn{display:none;background:none;border:0;padding:5px}.menu-btn span{display:block;width:25px;height:2px;background:#fff;margin:5px}.hero{min-height:720px;padding:150px 0 80px;background:radial-gradient(circle at 15% 20%,#3a2408 0,transparent 35%),linear-gradient(135deg,#090909,#111);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(201,151,62,.15);border-radius:50%;inset:auto -180px -250px auto}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;position:relative}.hero-copy{color:white}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:10px;color:var(--gold);font-weight:800;letter-spacing:.03em}.eyebrow:before,.kicker:before{content:"";width:35px;height:2px;background:var(--gold)}.hero h1{font-size:78px;line-height:1.1;margin:16px 0 4px}.hero h2{font-size:28px;color:var(--gold2);margin:0 0 20px}.hero p{font-size:18px;color:#ddd;max-width:620px}.hero-actions{display:flex;gap:14px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:11px;padding:14px 24px;text-decoration:none;font-weight:800;border:1px solid transparent;cursor:pointer}.btn.gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111}.btn.outline{border-color:rgba(255,255,255,.35);color:#fff}.hero-image{border-radius:28px;overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.12)}.hero-image img{display:block;width:100%;height:470px;object-fit:cover}.stats{background:#fff;border-bottom:1px solid var(--line)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stats article{text-align:center;padding:28px 15px;border-inline-start:1px solid var(--line)}.stats article:first-child{border-inline-start:0}.stats strong{display:block;color:var(--gold);font-size:28px}.stats span{font-size:14px;font-weight:700}.section{padding:100px 0}.muted{background:var(--cream)}.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.about-image img{width:100%;height:460px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}.section-copy h2,.section-head h2,.contact h2{font-size:42px;line-height:1.35;margin:15px 0}.section-copy p,.section-head p,.contact p{color:var(--muted);font-size:16px}.checks{display:grid;gap:10px;margin:26px 0}.checks span:before{content:"✓";display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f2e5cb;color:#9a6a1f;margin-inline-end:10px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:40px}.section-head>p{max-width:480px}.section-head.centered{justify-content:center;text-align:center}.products-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.product-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.07);transition:.3s}.product-card:hover{transform:translateY(-8px)}.product-card img{width:100%;height:210px;object-fit:cover}.product-card div{padding:18px}.product-card h3{margin:0 0 8px}.product-card p{font-size:13px;color:var(--muted);margin:0}.partners-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.partner{position:relative;display:block;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);min-height:250px}.partner img{width:100%;height:100%;min-height:250px;object-fit:cover;display:block}.partner span{position:absolute;bottom:22px;inset-inline-start:22px;background:#fff;color:#111;border-radius:9px;padding:9px 15px;font-size:13px;font-weight:800}.values{background:linear-gradient(135deg,#090909,#151515);padding:90px 0;color:#fff}.kicker.light{color:var(--gold2)}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:35px}.values article{border:1px solid rgba(255,255,255,.1);padding:28px;border-radius:18px;background:rgba(255,255,255,.03)}.values b{color:var(--gold);font-size:14px}.values h3{font-size:22px;margin:10px 0}.values p{color:#bbb;font-size:14px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-info ul{list-style:none;padding:0;margin:25px 0}.contact-info li{padding:7px 0}.map-link{color:#9a6a1f;font-weight:800}.form{background:var(--cream);padding:30px;border-radius:22px}.form input,.form textarea{width:100%;border:1px solid var(--line);background:#fff;padding:14px 16px;border-radius:10px;margin-bottom:12px;font:inherit;outline:none}.form input:focus,.form textarea:focus{border-color:var(--gold)}footer{background:#070707;color:#fff;padding:26px 0}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{width:44px;height:44px;object-fit:contain}.footer-brand div{display:flex;flex-direction:column}.footer-brand strong{color:var(--gold2)}.footer-brand small{font-size:10px;color:#aaa}footer p{font-size:12px;color:#aaa}.reveal{opacity:0;transform:translateY(22px);transition:.8s}.reveal.show{opacity:1;transform:none}.delay{transition-delay:.12s}
@media(max-width:1000px){.menu{position:fixed;top:82px;inset-inline:20px;background:#111;border:1px solid #2a2a2a;border-radius:16px;padding:20px;display:none;flex-direction:column;align-items:stretch}.menu.open{display:flex}.menu-btn{display:block;margin-inline-start:auto}.lang{margin-inline-start:0}.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.hero{padding-top:130px}.hero-copy{text-align:center}.eyebrow{justify-content:center}.hero p{margin-inline:auto}.hero-actions{justify-content:center}.hero-image{max-width:700px;margin:auto;width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.products-grid{grid-template-columns:repeat(2,1fr)}.values-grid{grid-template-columns:repeat(2,1fr)}.section-head{display:block}.section-head>p{max-width:none}.brand{min-width:0}.brand div{display:none}}
@media(max-width:640px){.container{width:min(100% - 24px,1180px)}.nav{height:72px}.brand img{width:42px;height:42px}.menu{top:72px}.hero{min-height:auto;padding:115px 0 55px}.hero h1{font-size:48px}.hero h2{font-size:20px}.hero p{font-size:15px}.hero-actions{flex-direction:column}.hero-image img{height:300px}.stats-grid{grid-template-columns:1fr 1fr}.stats article{padding:20px 8px}.section{padding:70px 0}.section-copy h2,.section-head h2,.contact h2{font-size:30px}.about-image img{height:330px}.products-grid,.partners-grid,.values-grid{grid-template-columns:1fr}.product-card img{height:250px}.footer-grid{flex-direction:column;text-align:center}.footer-brand div{display:flex}.contact-grid{gap:35px}}

/* ===== Modern motion system ===== */
body{overflow-x:hidden}.header{transition:height .35s ease,background .35s ease,box-shadow .35s ease}.header.scrolled{background:rgba(5,5,5,.97);box-shadow:0 12px 35px rgba(0,0,0,.28)}.header.scrolled .nav{height:70px}.nav{transition:height .35s ease}.brand img{animation:logoFloat 4s ease-in-out infinite}.hero-copy>*{opacity:0;transform:translateY(24px);animation:heroRise .75s cubic-bezier(.2,.7,.2,1) forwards}.hero-copy .eyebrow{animation-delay:.15s}.hero-copy h1{animation-delay:.28s}.hero-copy h2{animation-delay:.4s}.hero-copy p{animation-delay:.52s}.hero-copy .hero-actions{animation-delay:.64s}.hero-image{animation:heroImageIn 1s cubic-bezier(.2,.7,.2,1) .25s both}.hero-image img{transition:transform 8s ease}.hero:hover .hero-image img{transform:scale(1.06)}.hero:after{content:"";position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 42%,rgba(227,188,109,.07) 50%,transparent 58%);transform:translateX(-45%) rotate(3deg);animation:heroShine 7s ease-in-out infinite;pointer-events:none}.btn{position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.btn:hover{transform:translateY(-3px)}.btn.gold:hover{box-shadow:0 14px 30px rgba(201,151,62,.3)}.btn:after{content:"";position:absolute;top:-70%;left:-35%;width:32%;height:240%;background:rgba(255,255,255,.26);transform:rotate(25deg) translateX(-220%);transition:transform .65s ease}.btn:hover:after{transform:rotate(25deg) translateX(520%)}.stats article{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease,background .3s ease}.stats.in-view article{opacity:1;transform:none}.stats.in-view article:nth-child(2){transition-delay:.08s}.stats.in-view article:nth-child(3){transition-delay:.16s}.stats.in-view article:nth-child(4){transition-delay:.24s}.stats article:hover{background:#fcfaf5}.stats strong{transition:transform .3s ease}.stats article:hover strong{transform:scale(1.1)}.about-image{position:relative}.about-image:after{content:"";position:absolute;inset:18px -18px -18px 18px;border:1px solid rgba(201,151,62,.45);border-radius:var(--radius);z-index:-1;transition:transform .35s ease}.about-image:hover:after{transform:translate(-8px,8px)}.about-image img,.partner img,.product-card img{transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .45s ease}.about-image:hover img{transform:scale(1.025)}.product-card{position:relative;will-change:transform;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}.product-card:hover{transform:translateY(-10px) scale(1.015);box-shadow:0 22px 45px rgba(0,0,0,.13)}.product-card:hover img{transform:scale(1.08)}.partner{transition:transform .35s ease,box-shadow .35s ease}.partner:hover{transform:translateY(-7px);box-shadow:0 25px 60px rgba(0,0,0,.18)}.partner:hover img{transform:scale(1.045);filter:saturate(1.08)}.partner span{transition:background .25s ease,color .25s ease,transform .25s ease}.partner:hover span{background:var(--gold);color:#111;transform:translateY(-3px)}.values article{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease,border-color .3s ease,background .3s ease}.values.in-view article{opacity:1;transform:none}.values.in-view article:nth-child(2){transition-delay:.08s}.values.in-view article:nth-child(3){transition-delay:.16s}.values.in-view article:nth-child(4){transition-delay:.24s}.values article:hover{border-color:rgba(227,188,109,.55);background:rgba(255,255,255,.06);transform:translateY(-6px)}.form{transition:transform .35s ease,box-shadow .35s ease}.form:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.form input,.form textarea{transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.form input:focus,.form textarea:focus{box-shadow:0 0 0 4px rgba(201,151,62,.12);transform:translateY(-1px)}.menu a{transition:color .25s ease}.menu a.active{color:var(--gold2)}.menu a.active:after{width:100%}.reveal{opacity:0;transform:translateY(34px);filter:blur(4px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1),filter .8s ease}.reveal.show{opacity:1;transform:none;filter:none}.product-card.reveal:nth-child(2),.values article.reveal:nth-child(2){transition-delay:.08s}.product-card.reveal:nth-child(3),.values article.reveal:nth-child(3){transition-delay:.16s}.product-card.reveal:nth-child(4),.values article.reveal:nth-child(4){transition-delay:.24s}.product-card.reveal:nth-child(5){transition-delay:.32s}
@keyframes logoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes heroRise{to{opacity:1;transform:none}}
@keyframes heroImageIn{from{opacity:0;transform:translateX(-45px) scale(.96)}to{opacity:1;transform:none}}
html[dir=ltr] .hero-image{animation-name:heroImageInLtr}@keyframes heroImageInLtr{from{opacity:0;transform:translateX(45px) scale(.96)}to{opacity:1;transform:none}}
@keyframes heroShine{0%,60%,100%{transform:translateX(-45%) rotate(3deg)}75%{transform:translateX(45%) rotate(3deg)}}
@media(max-width:1000px){.header.scrolled .nav{height:66px}.about-image:after{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.reveal,.stats article,.values article{opacity:1!important;transform:none!important;filter:none!important}}


/* Enhanced website imagery */
img { image-rendering:auto; -webkit-font-smoothing:antialiased; }
.hero-image img,.about-image img,.product-card img,.partner img{width:100%;height:100%;object-fit:cover;filter:saturate(1.04) contrast(1.03);transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .45s ease,box-shadow .45s ease;backface-visibility:hidden;}
.hero-image,.about-image,.product-card,.partner{overflow:hidden;}
.hero-image img:hover,.about-image img:hover{transform:scale(1.025);filter:saturate(1.08) contrast(1.05);}
.product-card:hover img,.partner:hover img{transform:scale(1.07);filter:saturate(1.08) contrast(1.06);}
.hero-image img,.about-image img{box-shadow:0 22px 60px rgba(0,0,0,.18);}
@media(max-width:768px){.hero-image img,.about-image img,.product-card img,.partner img{transition-duration:.35s;}}


/* Company contact details */
.contact-list {
  list-style: none;
  padding: 0;
  margin: 1.5rem 0;
  display: grid;
  gap: .8rem;
}
.contact-list li {
  display: flex;
  align-items: center;
  gap: .7rem;
}
.contact-list a {
  color: inherit;
  text-decoration: none;
  transition: color .25s ease;
}
.contact-list a:hover { color: #c89b3c; }

/* Contact form SMTP states */
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form{position:relative}
.submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-width:160px}
.submit-btn:disabled{opacity:.72;cursor:not-allowed;transform:none!important}
.btn-loader{display:none;width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}
.form.is-sending .btn-loader{display:inline-block}
.form-status{min-height:24px;margin-top:12px;font-weight:700;font-size:.95rem}
.form-status.success{color:#18864b}
.form-status.error{color:#c33636}
.form input.is-invalid,.form textarea.is-invalid{border-color:#c33636;box-shadow:0 0 0 3px rgba(195,54,54,.1)}
@keyframes spin{to{transform:rotate(360deg)}}

/* ===== HD responsive product gallery upgrade ===== */
.products-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:22px;
  align-items:stretch;
}
.product-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  border:1px solid rgba(201,151,62,.12);
  box-shadow:0 14px 38px rgba(35,25,10,.08);
}
.product-card picture{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  overflow:hidden;
  background:#eee9df;
}
.product-card picture img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.product-card div{
  flex:1;
  display:flex;
  flex-direction:column;
  padding:20px 18px 22px;
}
.product-card h3{font-size:17px;line-height:1.45}
.product-card p{font-size:13px;line-height:1.75}
.hero-image picture,.about-image picture,.partner picture{display:block;width:100%;height:100%}
.hero-image picture img,.about-image picture img,.partner picture img{display:block;width:100%;height:100%;object-fit:cover}

@media(max-width:1180px){
  .products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:820px){
  .section-head{margin-bottom:28px}
  .products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .product-card picture{aspect-ratio:1/1}
  .product-card div{padding:16px}
}
@media(max-width:520px){
  .products-grid{
    display:flex;
    gap:14px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding:4px 2px 18px;
    margin-inline:-2px;
    scrollbar-width:thin;
    scrollbar-color:var(--gold) transparent;
  }
  .product-card{
    flex:0 0 min(82vw,320px);
    scroll-snap-align:start;
  }
  .product-card picture{aspect-ratio:4/3}
  .section-head h2{font-size:28px}
}
@media(max-width:380px){
  .product-card{flex-basis:86vw}
  .product-card h3{font-size:16px}
}

/* Premium partner banners */
#partners{background:linear-gradient(180deg,#fff 0%,#fbfaf7 100%)}
#partners .partners-grid{gap:28px;align-items:stretch}
#partners .partner{min-height:310px;aspect-ratio:2.5/1;border:1px solid rgba(201,151,62,.18);background:#fff;isolation:isolate}
#partners .partner::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.05),transparent 42%,rgba(255,255,255,.18) 51%,transparent 60%);transform:translateX(-120%);transition:transform .9s ease;pointer-events:none}
#partners .partner:hover::after{transform:translateX(120%)}
#partners .partner picture{display:block;width:100%;height:100%}
#partners .partner img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center;filter:none}
#partners .partner span{bottom:24px;inset-inline-start:24px;padding:11px 18px;border:1px solid rgba(17,17,17,.08);box-shadow:0 8px 24px rgba(0,0,0,.1);backdrop-filter:blur(8px)}
@media(max-width:900px){#partners .partners-grid{grid-template-columns:1fr}#partners .partner{min-height:280px;aspect-ratio:2.35/1}}
@media(max-width:640px){#partners .partner{min-height:240px;aspect-ratio:1.45/1;border-radius:18px}#partners .partner img{object-position:center}#partners .partner span{bottom:16px;inset-inline-start:16px;padding:9px 14px}}
@media(max-width:430px){#partners .partner{min-height:220px;aspect-ratio:1.25/1}#partners .section-head{margin-bottom:26px}}

/* Final partner section sizing fix */
#partners .container{overflow:hidden}
#partners .partners-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px;
  width:100%;
  align-items:stretch;
}
#partners .partner{
  width:100%;
  min-width:0;
  min-height:0;
  height:auto;
  aspect-ratio:5 / 2;
  overflow:hidden;
}
#partners .partner picture{
  display:block;
  width:100%;
  height:100%;
  min-width:0;
  overflow:hidden;
}
#partners .partner img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  min-width:0;
  object-fit:cover;
  object-position:center;
}
@media (max-width:900px){
  #partners .partners-grid{grid-template-columns:1fr;gap:20px}
  #partners .partner{aspect-ratio:5 / 2}
}
@media (max-width:640px){
  #partners .partner{aspect-ratio:16 / 9}
}

/* ===== Clear FLORELLE presentation (neutral brand treatment) ===== */
.hero-image{
  position:relative;
  aspect-ratio:32 / 21;
  min-height:0;
  background:#17100c;
  isolation:isolate;
}
.hero-image::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(5,5,5,.12),transparent 55%,rgba(0,0,0,.08));
  pointer-events:none;
}
.hero-image picture,
.hero-image picture img{
  display:block;
  width:100%;
  height:100%;
}
.hero-image picture img{
  object-fit:cover;
  object-position:center;
  filter:contrast(1.06) saturate(1.07) brightness(1.02);
}
.hero-brand-copy{
  position:absolute;
  z-index:2;
  left:34px;
  top:50%;
  width:min(43%,310px);
  transform:translateY(-50%);
  color:#fff;
  text-align:left;
  direction:ltr;
  line-height:1.1;
  text-shadow:0 3px 20px rgba(0,0,0,.35);
  pointer-events:none;
}
.hero-brand-copy strong{
  display:block;
  font-family:"Inter",sans-serif;
  font-size:clamp(32px,3.8vw,58px);
  font-weight:700;
  letter-spacing:.045em;
}
.hero-brand-copy span{
  display:block;
  width:max-content;
  max-width:100%;
  margin-top:11px;
  padding-bottom:12px;
  border-bottom:2px solid var(--gold2);
  color:var(--gold2);
  font-family:"Inter",sans-serif;
  font-size:clamp(11px,1.2vw,17px);
  font-weight:600;
  letter-spacing:.05em;
}
.hero-brand-copy small{
  display:block;
  margin-top:14px;
  font-family:"Inter",sans-serif;
  font-size:clamp(9px,.95vw,13px);
  font-weight:700;
  letter-spacing:.06em;
}

#partners .partners-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
#partners .partner{
  min-width:0;
  border:1px solid rgba(201,151,62,.18);
  box-shadow:0 18px 48px rgba(28,20,8,.11);
}
#partners .partner-florelle img{
  object-position:center;
}
.partner-brand-copy{
  position:absolute;
  z-index:2;
  left:24px;
  top:50%;
  width:45%;
  transform:translateY(-50%);
  color:#fff;
  direction:ltr;
  text-align:left;
  line-height:1.15;
  text-shadow:0 3px 18px rgba(0,0,0,.4);
  pointer-events:none;
}
.partner-brand-copy strong{
  display:block;
  font-family:"Inter",sans-serif;
  font-size:clamp(19px,2vw,31px);
  letter-spacing:.04em;
}
.partner-brand-copy small{
  display:block;
  margin-top:7px;
  color:var(--gold2);
  font-family:"Inter",sans-serif;
  font-size:clamp(8px,.85vw,12px);
  font-weight:700;
  letter-spacing:.04em;
}
html[lang=en] .brand strong{
  font-size:14px;
  line-height:1.25;
  max-width:245px;
}
html[lang=en] .hero h1{font-size:58px}

@media(max-width:1100px){
  #partners .partners-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  #partners .partners-grid{grid-template-columns:1fr}
  .hero-image{aspect-ratio:16 / 10}
}
@media(max-width:640px){
  .hero-image{aspect-ratio:4 / 3}
  .hero-brand-copy{left:20px;width:49%}
  .hero-brand-copy strong{font-size:clamp(25px,8.2vw,38px)}
  .hero-brand-copy span{margin-top:8px;padding-bottom:9px}
  .hero-brand-copy small{margin-top:10px}
  .partner-brand-copy{left:18px;width:48%}
  html[lang=en] .hero h1{font-size:36px}
}
@media(max-width:390px){
  .hero-brand-copy{left:15px;width:52%}
  .hero-brand-copy strong{font-size:24px}
  .hero-brand-copy span{font-size:8px}
  .hero-brand-copy small{font-size:7px}
}

/* Keep the upgraded hero artwork crisp instead of enlarging it on hover. */
.hero:hover .hero-image picture img,
.hero-image picture img:hover{
  transform:none;
}


/* ===== v7 brand assets update ===== */
.menu-btn-svg{display:none;background:none;border:0;padding:6px;cursor:pointer;align-items:center;justify-content:center}
.menu-icon{width:28px;height:28px;display:block;stroke:#fff;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.hero-image-brand{background:linear-gradient(180deg,#f3eee8,#f7f4ef)}
.hero-image-brand picture img{object-fit:cover;object-position:center center;filter:contrast(1.03) saturate(1.02)}
.hero-logo-badge{position:absolute;top:24px;left:24px;z-index:3;background:rgba(255,255,255,.94);border:1px solid rgba(0,0,0,.06);padding:14px 18px;border-radius:16px;box-shadow:0 16px 30px rgba(0,0,0,.12)}
.hero-logo-badge img{display:block;width:min(190px,28vw);height:auto;object-fit:contain}
.section-small{padding:34px 0 20px}
.brand-strip-head{margin-bottom:18px}
.brand-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.brand-logo-card{min-height:96px;border:1px solid rgba(201,151,62,.16);border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center;padding:22px;box-shadow:0 10px 25px rgba(25,18,8,.06)}
.brand-logo-card img{max-width:180px;max-height:42px;width:auto;height:auto;object-fit:contain}
.products-grid-featured{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-tag{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:5px 10px;border-radius:999px;background:#f4ebd5;color:#9a6a1f;font-size:12px;font-weight:800;margin-bottom:10px}
.product-card--contain picture{background:#f7f5f2}
.product-card--contain picture img{object-fit:contain!important;padding:18px}
.beauty-banner{padding:0 0 90px;background:linear-gradient(180deg,var(--cream),#fff)}
.beauty-banner-card{position:relative;overflow:hidden;border-radius:26px;min-height:360px;box-shadow:0 20px 50px rgba(20,12,5,.12)}
.beauty-banner-card picture,.beauty-banner-card img{display:block;width:100%;height:100%;object-fit:cover}
.beauty-banner-card::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,10,.8) 0%,rgba(10,10,10,.45) 36%,rgba(10,10,10,.05) 68%,transparent 100%)}
.beauty-banner-copy{position:absolute;z-index:2;top:50%;left:40px;transform:translateY(-50%);max-width:470px;color:#fff;text-align:left;direction:ltr}
.beauty-banner-copy h2{margin:12px 0;font-size:40px;line-height:1.25}
.beauty-banner-copy p{margin:0;color:#f0f0f0;font-size:16px}
.partners-grid-brands{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.brand-card{position:relative;background:#fff;border:1px solid rgba(201,151,62,.16)!important;min-height:340px!important;aspect-ratio:auto!important;overflow:hidden}
.brand-card picture,.brand-card picture img{display:block;width:100%;height:100%}
.brand-card .partner-content{position:absolute;inset:auto 24px 78px 24px;z-index:2}
.brand-card .partner-content p{margin:0;max-width:78%;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.84);backdrop-filter:blur(6px);color:#161616;font-size:13px;line-height:1.7;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.partner-logo-badge{position:absolute;top:18px;left:18px;z-index:2;display:flex;align-items:center;justify-content:center;padding:12px 14px;border-radius:15px;background:rgba(255,255,255,.92);box-shadow:0 14px 28px rgba(0,0,0,.12);border:1px solid rgba(0,0,0,.06);max-width:180px;min-height:60px}
.partner-logo-badge img{display:block;max-width:140px;max-height:34px;width:auto;height:auto;object-fit:contain}
.brand-florelle picture img{object-fit:cover;object-position:center}
.partner--contain picture{background:linear-gradient(180deg,#faf7f5,#f3efea)}
.partner--contain picture img{object-fit:contain!important;padding:14px}
.contact-list li{display:flex;align-items:center;gap:12px;padding:7px 0}
.contact-icon{width:40px;height:40px;flex:0 0 40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(201,151,62,.14),rgba(201,151,62,.22));border:1px solid rgba(201,151,62,.28);box-shadow:0 10px 22px rgba(0,0,0,.06)}
.contact-icon svg{width:20px;height:20px;stroke:#9a6a1f;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.contact-icon svg circle{fill:#9a6a1f;stroke:none}
.checks span{position:relative;padding-inline-start:38px}
.checks span:before{content:"";position:absolute;inset-inline-start:0;top:2px;width:24px;height:24px;border-radius:50%;background:#f2e5cb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a6a1f' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7'/%3E%3C/svg%3E") center/14px 14px no-repeat;margin-inline-end:10px}
@media(max-width:1100px){.products-grid-featured,.partners-grid-brands,.brand-logos{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:1000px){.menu-btn-svg{display:inline-flex;margin-inline-start:auto}.menu-btn span{display:none}.hero-logo-badge{left:18px;top:18px}.beauty-banner-copy{left:24px;max-width:380px}.beauty-banner-copy h2{font-size:32px}}
@media(max-width:760px){.products-grid-featured,.partners-grid-brands,.brand-logos{grid-template-columns:1fr!important}.brand-card{min-height:280px!important}.brand-card .partner-content p{max-width:100%}.beauty-banner-card{min-height:290px}.beauty-banner-copy{left:20px;right:20px;max-width:none}.beauty-banner-copy h2{font-size:28px}.beauty-banner-copy p{font-size:15px}.hero-logo-badge img{width:min(160px,42vw)}}
@media(max-width:520px){.product-card--contain picture img{padding:12px}.partner-logo-badge{top:14px;left:14px;padding:10px 12px}.partner-logo-badge img{max-width:120px;max-height:28px}.hero-logo-badge{padding:10px 12px;border-radius:14px}.hero-logo-badge img{width:min(145px,48vw)}}


/* ===== v8 beauty banner image fix ===== */
.beauty-banner{
  padding:0 0 64px;
  background:linear-gradient(180deg,var(--cream),#fff);
}
.beauty-banner-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:380px;
  border-radius:28px;
  background:#241416;
  box-shadow:0 26px 70px rgba(34,18,18,.18);
}
.beauty-banner-card picture{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  width:100%;
  height:100%;
}
.beauty-banner-card picture img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:none!important;
  filter:saturate(1.05) contrast(1.03);
}
.beauty-banner-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,rgba(20,7,10,.92) 0%,rgba(26,8,12,.78) 30%,rgba(25,10,12,.34) 55%,rgba(15,8,8,.08) 78%,transparent 100%);
  pointer-events:none;
}
.beauty-banner-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,transparent 55%,rgba(10,6,7,.28) 100%);
  pointer-events:none;
}
.beauty-banner-copy{
  position:absolute;
  z-index:2;
  top:50%;
  left:42px;
  width:min(480px,44%);
  max-width:none;
  transform:translateY(-50%);
  color:#fff;
  text-align:left;
  direction:rtl;
}
.beauty-banner-copy .kicker{
  color:var(--gold2);
}
.beauty-banner-copy h2{
  margin:14px 0 12px;
  font-size:clamp(34px,3.5vw,52px);
  line-height:1.28;
  text-wrap:balance;
}
.beauty-banner-copy p{
  margin:0;
  color:rgba(255,255,255,.9);
  font-size:17px;
  line-height:1.9;
  max-width:450px;
}
html[lang=en] .beauty-banner-copy{
  direction:ltr;
}
@media(max-width:900px){
  .beauty-banner-card{min-height:340px}
  .beauty-banner-copy{left:28px;width:min(470px,58%)}
  .beauty-banner-card picture img{object-position:58% center}
}
@media(max-width:640px){
  .beauty-banner{padding-bottom:48px}
  .beauty-banner-card{min-height:420px;border-radius:22px}
  .beauty-banner-card picture img{object-position:66% center}
  .beauty-banner-card::before{
    background:linear-gradient(180deg,rgba(22,7,11,.28) 0%,rgba(22,7,11,.58) 48%,rgba(18,6,9,.94) 100%);
  }
  .beauty-banner-copy{
    top:auto;
    right:22px;
    bottom:24px;
    left:22px;
    width:auto;
    transform:none;
  }
  .beauty-banner-copy h2{font-size:32px}
  .beauty-banner-copy p{font-size:15px;line-height:1.8}
}


/* ===== v9 correct brand logo mapping ===== */
.hero-logo-badge img[src*="florelle_logo"]{
  width:min(205px,30vw);
  max-height:46px;
  object-fit:contain;
}
.brand-logo-card img[src*="florelle_logo"]{
  max-width:220px;
  max-height:46px;
}
.brand-logo-card img[src*="jacomo_logo"]{
  max-width:190px;
  max-height:40px;
}
.partner-logo-badge img[src*="florelle_logo"]{
  max-width:150px;
  max-height:34px;
}
.partner-logo-badge img[src*="jacomo_logo"]{
  max-width:145px;
  max-height:34px;
}


/* ===== v10 explicit partner logo mapping ===== */
.partner-logo-florelle img{
  width:150px;
  max-width:100%;
  height:auto;
  object-fit:contain;
}
.partner-logo-jacomo img{
  width:150px;
  max-width:100%;
  height:auto;
  object-fit:contain;
}
