:root{
  --green:#0b5138;
  --green-deep:#062d20;
  --green-black:#041c14;
  --gold:#d4a63d;
  --gold-light:#f0d58f;
  --cream:#f8f4e9;
  --paper:#fffdf8;
  --ink:#18251e;
  --muted:#6b746e;
  --line:#ded7c7;
  --shadow:0 30px 80px rgba(21,48,34,.13);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:#f4f1e8;
  font-family:"Segoe UI",Tahoma,"Noto Sans Thai",Arial,sans-serif;
  overflow-x:hidden;
}
body.menu-open{overflow:hidden}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
button{font:inherit}
.container{width:min(1240px,calc(100% - 36px));margin-inline:auto}

.topbar{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(255,255,255,.92);
  border-bottom:1px solid rgba(223,216,200,.72);
  backdrop-filter:blur(16px);
  transition:.3s ease;
}
.topbar.scrolled{box-shadow:0 10px 35px rgba(23,48,35,.1)}
.topbar-inner{
  min-height:82px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.brand{display:flex;align-items:center;gap:14px}
.brand-mark{
  position:relative;
  color:var(--green);
  font-size:42px;
  font-weight:950;
  letter-spacing:-4px;
  line-height:1;
}
.brand-mark>span{
  margin-left:4px;
  color:var(--gold);
  font-size:13px;
  vertical-align:top;
}
.brand-copy{display:flex;flex-direction:column;gap:3px}
.brand-copy strong{font-size:15px;letter-spacing:.15px}
.brand-copy small{color:#7a827d;font-size:10px;letter-spacing:1.05px}
.nav{display:flex;align-items:center;gap:26px}
.nav>a{
  position:relative;
  color:#3e4942;
  font-size:14px;
  font-weight:750;
}
.nav>a:not(.nav-contact)::after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:-8px;
  height:2px;
  background:var(--gold);
  transition:right .25s ease;
}
.nav>a:hover::after{right:0}
.nav-contact{
  padding:12px 17px;
  border-radius:999px;
  color:#fff!important;
  background:var(--green);
  box-shadow:0 10px 24px rgba(11,81,56,.17);
}
.menu-button{
  display:none;
  width:46px;
  height:46px;
  padding:11px;
  border:0;
  border-radius:13px;
  background:#eef3ef;
}
.menu-button span{
  display:block;
  height:2px;
  margin:5px 0;
  background:var(--green);
  transition:.25s ease;
}

.hero{
  position:relative;
  min-height:710px;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 83% 15%,rgba(212,166,61,.16),transparent 24%),
    linear-gradient(128deg,#fdfbf5 0%,#f5f0e4 55%,#e9efe6 100%);
}
.hero::after{
  content:"";
  position:absolute;
  inset:auto -170px -250px auto;
  width:620px;
  height:620px;
  border:1px solid rgba(11,81,56,.11);
  border-radius:50%;
  box-shadow:
    0 0 0 65px rgba(11,81,56,.035),
    0 0 0 130px rgba(11,81,56,.025);
}
.hero-pattern{
  position:absolute;
  inset:0;
  opacity:.18;
  background-image:
    linear-gradient(rgba(11,81,56,.11) 1px,transparent 1px),
    linear-gradient(90deg,rgba(11,81,56,.11) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(90deg,black,transparent 72%);
}
.hero-inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  align-items:center;
  gap:55px;
  padding-block:72px;
}
.hero-copy{max-width:700px}
.hero-eyebrow{
  display:flex;
  align-items:center;
  gap:11px;
  color:var(--green);
  font-size:12px;
  font-weight:900;
  letter-spacing:1.55px;
}
.hero-eyebrow span{
  width:42px;
  height:2px;
  background:var(--gold);
}
.hero-copy h1{
  margin:20px 0 18px;
  color:#173027;
  font-size:clamp(50px,6.7vw,82px);
  line-height:.99;
  letter-spacing:-4px;
}
.hero-copy h1 em{
  color:var(--green);
  font-style:normal;
}
.hero-copy>p{
  max-width:620px;
  margin:0;
  color:#647169;
  font-size:17px;
  line-height:1.82;
}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}
.button{
  min-height:50px;
  padding:0 23px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid transparent;
  border-radius:14px;
  font-weight:850;
  transition:.24s ease;
}
.button:hover{transform:translateY(-2px)}
.button-gold{
  color:#233129;
  background:linear-gradient(135deg,#f1d58d,#d2a13a);
  box-shadow:0 14px 30px rgba(191,145,37,.19);
}
.button-light{
  color:var(--green);
  background:rgba(255,255,255,.72);
  border-color:#d5ded7;
}
.hero-trust{
  margin-top:36px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.hero-trust>div{
  padding:15px 14px;
  border:1px solid rgba(11,81,56,.11);
  border-radius:16px;
  background:rgba(255,255,255,.57);
}
.hero-trust strong{
  display:block;
  color:var(--green);
  font-size:19px;
}
.hero-trust span{
  display:block;
  margin-top:3px;
  color:#748078;
  font-size:11px;
}

.hero-showcase{
  position:relative;
  min-height:540px;
}
.hero-main-product{
  position:absolute;
  top:22px;
  right:28px;
  width:405px;
  min-height:475px;
  padding:20px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.8);
  border-radius:40px;
  background:linear-gradient(155deg,rgba(255,255,255,.96),rgba(246,239,221,.94));
  box-shadow:0 36px 100px rgba(31,66,47,.19);
  transform:rotate(1.7deg);
}
.hero-main-product::before{
  content:"";
  position:absolute;
  inset:-70px auto auto -50px;
  width:190px;
  height:190px;
  border-radius:50%;
  background:rgba(212,166,61,.18);
}
.hero-main-product img{
  position:relative;
  z-index:2;
  width:100%;
  height:350px;
  object-fit:contain;
}
.hero-product-top{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.hero-product-top span{
  padding:8px 12px;
  border-radius:999px;
  color:#fff;
  background:var(--green);
  font-size:11px;
  font-weight:900;
}
.hero-product-top small{
  color:#927126;
  font-size:9px;
  font-weight:900;
  letter-spacing:1px;
}
.hero-product-name{
  position:relative;
  z-index:3;
  text-align:center;
}
.hero-product-name strong{
  display:block;
  font-size:25px;
}
.hero-product-name span{
  display:block;
  margin-top:3px;
  color:#9b772a;
  font-size:11px;
  font-weight:900;
  letter-spacing:1.5px;
}
.floating-product{
  position:absolute;
  z-index:5;
  width:145px;
  height:145px;
  padding:8px;
  border:1px solid rgba(255,255,255,.85);
  border-radius:25px;
  background:rgba(255,255,255,.9);
  box-shadow:0 20px 45px rgba(21,48,34,.14);
  backdrop-filter:blur(8px);
  animation:float 5s ease-in-out infinite;
}
.floating-product img{width:100%;height:105px;object-fit:contain}
.floating-product span{
  display:block;
  color:#536159;
  text-align:center;
  font-size:11px;
  font-weight:800;
}
.floating-one{left:-12px;top:70px}
.floating-two{left:10px;bottom:45px;animation-delay:-1.5s}
.floating-three{right:-35px;top:120px;animation-delay:-3s}
@keyframes float{50%{transform:translateY(-10px)}}

.benefit-strip{
  position:relative;
  z-index:4;
  margin-top:-26px;
}
.benefit-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  overflow:hidden;
  border:1px solid #e1dbcd;
  border-radius:22px;
  background:#fff;
  box-shadow:0 20px 55px rgba(20,45,32,.1);
}
.benefit-grid article{
  min-height:92px;
  padding:18px 20px;
  display:flex;
  align-items:center;
  gap:14px;
  border-right:1px solid #ebe5d9;
}
.benefit-grid article:last-child{border-right:0}
.benefit-icon{
  width:45px;
  height:45px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:var(--green);
  background:#eef4ef;
  font-size:18px;
  font-weight:900;
}
.benefit-grid strong{display:block;font-size:14px}
.benefit-grid small{
  display:block;
  margin-top:4px;
  color:#8b938e;
  font-size:9px;
  font-weight:800;
  letter-spacing:.7px;
}

.products-section{padding:110px 0 118px}
.section-heading{
  max-width:720px;
  margin:0 auto 37px;
  text-align:center;
}
.section-heading>span,.section-kicker{
  color:var(--gold);
  font-size:11px;
  font-weight:900;
  letter-spacing:2px;
}
.section-heading h2,.warehouse-copy h2,.contact-copy h2{
  margin:9px 0 12px;
  color:#163126;
  font-size:clamp(36px,4.4vw,56px);
  line-height:1.08;
  letter-spacing:-2px;
}
.section-heading p,.warehouse-copy>p,.contact-copy>p{
  margin:0;
  color:#707b74;
  font-size:15px;
  line-height:1.78;
}
.catalog-frame{
  overflow:hidden;
  border:1px solid #ded5c2;
  border-radius:28px;
  background:var(--paper);
  box-shadow:var(--shadow);
}
.catalog-ornament{
  min-height:58px;
  padding:10px 30px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:22px;
  color:#8d7132;
  background:linear-gradient(180deg,#fffefa,#faf5e9);
  border-bottom:1px solid var(--line);
  font-size:12px;
  font-weight:800;
}
.catalog-ornament i{
  height:1px;
  background:linear-gradient(90deg,transparent,#d4ad58,transparent);
}
.products-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  border-left:1px solid var(--line);
}
.product-card{
  position:relative;
  min-height:365px;
  overflow:hidden;
  background:#fffdf9;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  transition:.3s ease;
}
.product-card:hover{
  z-index:2;
  background:#fff;
  box-shadow:0 18px 48px rgba(22,52,35,.13);
  transform:translateY(-5px);
}
.product-card.featured{
  background:linear-gradient(180deg,#fff9e7,#fffdf8);
  box-shadow:inset 0 0 0 2px #dfaa35;
}
.product-label,.featured-badge{
  position:absolute;
  top:12px;
  z-index:4;
  padding:6px 10px;
  border-radius:999px;
  font-size:10px;
  font-weight:900;
}
.product-label{left:12px;color:#fff;background:var(--green)}
.featured-badge{right:12px;color:#263026;background:linear-gradient(135deg,#f3da89,#d9a73a)}
.product-visual{
  position:relative;
  height:225px;
  padding:20px 12px 4px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.product-glow{
  position:absolute;
  left:50%;
  bottom:22px;
  width:145px;
  height:45px;
  transform:translateX(-50%);
  border-radius:50%;
  background:rgba(196,161,87,.12);
  filter:blur(12px);
}
.product-visual img{
  position:relative;
  z-index:2;
  width:100%;
  height:190px;
  object-fit:contain;
  transition:.32s ease;
}
.product-card:hover .product-visual img{transform:scale(1.07)}
.product-copy{
  padding:10px 14px 18px;
  text-align:center;
}
.product-copy h3{
  margin:0 0 10px;
  color:#1b2921;
  font-size:17px;
  line-height:1.16;
}
.product-copy h3 small{
  display:block;
  margin-top:5px;
  color:#9b772e;
  font-size:10px;
  font-weight:900;
  letter-spacing:1.1px;
}
.product-copy p{
  margin:0;
  color:#636b66;
  font-size:11px;
  line-height:1.58;
}

.warehouse-section{
  position:relative;
  overflow:hidden;
  padding:115px 0;
  color:#fff;
  background:
    radial-gradient(circle at 84% 15%,rgba(212,166,61,.11),transparent 25%),
    linear-gradient(135deg,#062d20,#071e17);
}
.warehouse-section::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.08;
  background-image:linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px);
  background-size:54px 54px;
}
.warehouse-layout{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  gap:52px;
  align-items:center;
}
.warehouse-copy h2{color:#fff}
.warehouse-copy>p{color:rgba(255,255,255,.64)}
.warehouse-features{
  margin-top:30px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}
.warehouse-features article{
  padding:17px;
  display:flex;
  gap:13px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:rgba(255,255,255,.055);
}
.warehouse-features article>strong{
  color:var(--gold-light);
  font-family:Georgia,serif;
  font-size:18px;
}
.warehouse-features h3{margin:0 0 4px;font-size:14px}
.warehouse-features p{margin:0;color:rgba(255,255,255,.58);font-size:11px;line-height:1.5}
.warehouse-gallery{
  display:grid;
  grid-template-columns:1.35fr .8fr;
  grid-template-rows:180px 180px 150px;
  gap:12px;
}
.warehouse-gallery figure{
  position:relative;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  border-radius:19px;
}
.warehouse-gallery img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:.45s ease;
}
.warehouse-gallery figure:hover img{transform:scale(1.05)}
.gallery-main{grid-row:1 / span 2}
.gallery-wide{grid-column:1 / -1}
.gallery-main figcaption{
  position:absolute;
  left:14px;
  bottom:14px;
  padding:7px 10px;
  border-radius:999px;
  color:#fff;
  background:rgba(3,22,15,.7);
  font-size:9px;
  font-weight:900;
  letter-spacing:.8px;
}

.contact-section{padding:100px 0;background:#f5f1e6}
.contact-panel{
  position:relative;
  min-height:430px;
  padding:52px;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:42px;
  overflow:hidden;
  border-radius:34px;
  color:#fff;
  background:linear-gradient(135deg,#0a5438,#063022);
  box-shadow:0 34px 90px rgba(10,56,38,.2);
}
.contact-copy{position:relative;z-index:4}
.contact-copy>span{
  color:var(--gold-light);
  font-size:11px;
  font-weight:900;
  letter-spacing:2px;
}
.contact-copy h2{color:#fff}
.contact-copy>p{max-width:560px;color:rgba(255,255,255,.67)}
.contact-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.button-outline-white{color:#fff;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.06)}
.contact-details{
  position:relative;
  z-index:4;
  display:grid;
  gap:12px;
  align-content:center;
}
.contact-details article{
  padding:17px 18px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  background:rgba(255,255,255,.07);
}
.contact-details small{
  display:block;
  color:var(--gold-light);
  font-size:10px;
  font-weight:800;
}
.contact-details strong{
  display:block;
  margin-top:5px;
  color:#fff;
  font-size:13px;
  line-height:1.6;
}
.contact-produce{
  position:absolute;
  left:0;
  right:0;
  bottom:-20px;
  height:160px;
  opacity:.2;
  pointer-events:none;
}
.contact-produce img{
  position:absolute;
  width:150px;
  height:120px;
  object-fit:contain;
  mix-blend-mode:screen;
}
.contact-produce img:nth-child(1){left:2%;bottom:0}
.contact-produce img:nth-child(2){left:16%;bottom:-8px}
.contact-produce img:nth-child(3){left:30%;bottom:7px}
.contact-produce img:nth-child(4){right:31%;bottom:-4px}
.contact-produce img:nth-child(5){right:15%;bottom:6px}
.contact-produce img:nth-child(6){right:2%;bottom:-4px}

.footer{padding:28px 0;background:#041b13;color:#fff}
.footer-inner{
  display:grid;
  grid-template-columns:1fr auto auto;
  align-items:center;
  gap:24px;
}
.footer-brand .brand-mark{color:#fff}
.footer-brand .brand-copy small{color:rgba(255,255,255,.52)}
.footer-inner>p,.footer-inner>span{margin:0;color:rgba(255,255,255,.58);font-size:11px}

.back-to-top{
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:40;
  width:47px;
  height:47px;
  border:1px solid #d8ded9;
  border-radius:15px;
  color:var(--green);
  background:#fff;
  box-shadow:0 12px 35px rgba(21,48,34,.15);
  opacity:0;
  pointer-events:none;
  transform:translateY(12px);
  transition:.25s ease;
}
.back-to-top.show{opacity:1;pointer-events:auto;transform:none}

.reveal{
  opacity:0;
  transform:translateY(25px);
  transition:opacity .7s ease var(--delay,0ms),transform .7s ease var(--delay,0ms);
}
.reveal.visible{opacity:1;transform:none}

@media(max-width:1080px){
  .hero-inner{grid-template-columns:1fr;gap:20px}
  .hero-showcase{width:min(610px,100%);margin:0 auto}
  .products-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .warehouse-layout{grid-template-columns:1fr}
}
@media(max-width:820px){
  .menu-button{display:block}
  .nav{
    position:fixed;
    inset:82px 14px auto;
    padding:18px;
    display:grid;
    gap:8px;
    border:1px solid #dce3dd;
    border-radius:20px;
    background:#fff;
    box-shadow:0 24px 70px rgba(15,46,31,.18);
    opacity:0;
    pointer-events:none;
    transform:translateY(-12px);
    transition:.25s ease;
  }
  .nav.open{opacity:1;pointer-events:auto;transform:none}
  .nav>a{padding:12px}
  .nav-contact{text-align:center}
  .benefit-grid{grid-template-columns:repeat(2,1fr)}
  .benefit-grid article:nth-child(2){border-right:0}
  .benefit-grid article:nth-child(-n+2){border-bottom:1px solid #ebe5d9}
  .products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .contact-panel{grid-template-columns:1fr}
  .footer-inner{grid-template-columns:1fr;text-align:center}
  .footer-brand{justify-content:center}
}
@media(max-width:620px){
  .container{width:min(100% - 22px,1240px)}
  .topbar-inner{min-height:72px}
  .brand-mark{font-size:36px}
  .brand-copy strong{font-size:13px}
  .hero{min-height:auto}
  .hero-inner{padding-block:50px 72px}
  .hero-copy h1{font-size:43px;letter-spacing:-2.7px}
  .hero-copy>p{font-size:15px}
  .hero-trust{grid-template-columns:1fr}
  .hero-showcase{min-height:430px}
  .hero-main-product{
    top:18px;
    right:50%;
    width:300px;
    min-height:390px;
    transform:translateX(50%) rotate(1deg);
  }
  .hero-main-product img{height:285px}
  .floating-product{width:105px;height:108px;border-radius:18px}
  .floating-product img{height:75px}
  .floating-one{left:-6px;top:45px}
  .floating-two{left:0;bottom:18px}
  .floating-three{right:-5px;top:75px}
  .benefit-strip{margin-top:-18px}
  .benefit-grid{grid-template-columns:1fr}
  .benefit-grid article{border-right:0!important;border-bottom:1px solid #ebe5d9!important}
  .benefit-grid article:last-child{border-bottom:0!important}
  .products-section{padding:82px 0}
  .catalog-ornament{grid-template-columns:1fr;padding-inline:15px;text-align:center}
  .catalog-ornament i{display:none}
  .products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-card{min-height:325px}
  .product-visual{height:190px}
  .product-visual img{height:158px}
  .product-copy{padding-inline:9px}
  .product-copy h3{font-size:15px}
  .warehouse-section{padding:82px 0}
  .warehouse-features{grid-template-columns:1fr}
  .warehouse-gallery{grid-template-columns:1fr 1fr;grid-template-rows:200px 150px 130px}
  .gallery-main{grid-column:1 / -1;grid-row:auto}
  .gallery-wide{grid-column:1 / -1}
  .contact-section{padding:70px 0}
  .contact-panel{padding:30px 22px;border-radius:25px}
  .contact-copy h2{font-size:36px}
}
@media(max-width:390px){
  .products-grid{grid-template-columns:1fr}
  .product-card{min-height:auto}
  .product-visual{height:235px}
  .product-visual img{height:200px}
}


/* Bilingual address details */
.address-article span{
  display:block;
  margin-top:7px;
  color:rgba(255,255,255,.72);
  font-size:12px;
  line-height:1.55;
}
.map-link{
  display:inline-flex;
  align-items:center;
  margin-top:12px;
  padding:8px 12px;
  border-radius:999px;
  color:#193025;
  background:linear-gradient(135deg,#f1d58d,#d2a13a);
  font-size:11px;
  font-weight:850;
}
.map-link:hover{
  transform:translateY(-1px);
}
.footer-contact{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.footer-contact p{
  margin:0;
  color:rgba(255,255,255,.66);
  font-size:11px;
}
.footer-contact small{
  color:rgba(255,255,255,.48);
  font-size:10px;
  line-height:1.5;
}
@media(max-width:820px){
  .footer-contact{
    align-items:center;
  }
}


/* ===== Thai + English content ===== */
.nav>a:not(.nav-contact){
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
}
.nav>a:not(.nav-contact) small{
  color:#8b938e;
  font-size:8px;
  font-weight:850;
  letter-spacing:.8px;
}
.hero-copy h1>small,
.section-heading h2>small,
.warehouse-copy h2>small,
.contact-copy h2>small{
  display:block;
  margin-top:12px;
  color:#a27d2d;
  font-size:12px;
  line-height:1.3;
  letter-spacing:1.5px;
  font-weight:900;
}
.warehouse-copy h2>small,
.contact-copy h2>small{
  color:var(--gold-light);
}
.english-copy{
  display:block;
  margin-top:9px;
  color:#8a928d;
  font-size:13px;
  line-height:1.65;
}
.english-copy.light{
  color:rgba(255,255,255,.48);
}
.hero-actions .button,
.contact-buttons .button{
  gap:7px;
}
.hero-actions .button small,
.contact-buttons .button small{
  font-size:8px;
  font-weight:900;
  letter-spacing:.6px;
}
.hero-trust span small{
  display:block;
  margin-top:3px;
  color:#9ca39e;
  font-size:8px;
  font-weight:800;
  letter-spacing:.5px;
}
.catalog-ornament span small{
  display:block;
  margin-top:3px;
  color:#b39759;
  font-size:8px;
  letter-spacing:.6px;
}
.product-label,
.featured-badge{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1px;
  line-height:1.05;
}
.product-label small,
.featured-badge small{
  font-size:6px;
  letter-spacing:.35px;
}
.product-en{
  display:block;
  margin-top:7px;
  color:#999c98;
  font-size:9px;
  line-height:1.45;
}
.warehouse-features h3 small{
  display:block;
  margin-top:3px;
  color:var(--gold-light);
  font-size:7px;
  letter-spacing:.6px;
}
.feature-en{
  display:block;
  margin-top:5px;
  color:rgba(255,255,255,.42);
  font-size:9px;
  line-height:1.45;
}
.footer-contact p small,
.footer-inner>p small{
  display:block;
  margin-top:4px;
  color:rgba(255,255,255,.4);
  font-size:9px;
}
@media(max-width:820px){
  .nav>a:not(.nav-contact){
    align-items:flex-start;
  }
}


/* ===== Warehouse gallery: updated with uploaded warehouse photos ===== */
.warehouse-gallery-new{
  display:grid;
  grid-template-columns:1.34fr .66fr .66fr;
  grid-template-rows:190px 190px;
  gap:12px;
}
.warehouse-gallery-new .gallery-main{
  grid-column:1;
  grid-row:1 / span 2;
}
.warehouse-gallery-new .warehouse-tile-1{
  grid-column:2;
  grid-row:1;
}
.warehouse-gallery-new .warehouse-tile-2{
  grid-column:3;
  grid-row:1;
}
.warehouse-gallery-new .warehouse-tile-3{
  grid-column:2;
  grid-row:2;
}
.warehouse-gallery-new .warehouse-tile-4{
  grid-column:3;
  grid-row:2;
}
.warehouse-gallery-new figure{
  min-width:0;
  min-height:0;
}
.warehouse-gallery-new img{
  object-position:center;
}
@media(max-width:820px){
  .warehouse-gallery-new{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:230px 155px 155px;
  }
  .warehouse-gallery-new .gallery-main{
    grid-column:1 / -1;
    grid-row:1;
  }
  .warehouse-gallery-new .warehouse-tile-1,
  .warehouse-gallery-new .warehouse-tile-2,
  .warehouse-gallery-new .warehouse-tile-3,
  .warehouse-gallery-new .warehouse-tile-4{
    grid-column:auto;
    grid-row:auto;
  }
}
@media(max-width:520px){
  .warehouse-gallery-new{
    grid-template-columns:1fr;
    grid-template-rows:230px repeat(4,170px);
  }
  .warehouse-gallery-new .gallery-main{
    grid-column:1;
  }
}


/* =========================================================
   REFINED GLOBAL VISUAL UPDATE
   Goal: cleaner, more international, premium, understated
   ========================================================= */
:root{
  --green:#103a2d;
  --green-2:#184936;
  --green-soft:#edf3f0;
  --green-soft-2:#f6faf8;
  --gold:#b78a3b;
  --gold-soft:#e7d4ac;
  --cream:#faf8f3;
  --paper:#ffffff;
  --paper-2:#fbfbf9;
  --ink:#17211c;
  --ink-2:#304039;
  --muted:#67766f;
  --muted-2:#8a958f;
  --line:#e6e8e1;
  --line-2:#d7ddd7;
  --shadow-soft:0 16px 40px rgba(17,34,25,.06);
  --shadow-card:0 20px 48px rgba(13,33,24,.08);
  --shadow-large:0 28px 80px rgba(14,31,23,.10);
}

body{
  background:
    radial-gradient(circle at top right, rgba(231, 212, 172, 0.22), transparent 24%),
    linear-gradient(180deg, #fafaf8 0%, #f3f5f1 100%);
  color:var(--ink);
  letter-spacing:0;
}

.container{
  width:min(1240px, calc(100% - 44px));
}

/* ---------- Topbar ---------- */
.topbar{
  background:rgba(255,255,255,.92);
  border-bottom:1px solid rgba(220,226,220,.9);
  backdrop-filter:blur(18px);
}
.topbar.scrolled{
  box-shadow:0 10px 28px rgba(19,40,29,.06);
}
.topbar-inner{
  min-height:84px;
}
.brand-mark{
  color:var(--green);
}
.brand-copy strong{
  font-size:15px;
  color:var(--ink);
}
.brand-copy small{
  color:#7f8883;
  font-size:10px;
  letter-spacing:1.15px;
}
.nav > a{
  color:#435149;
  font-size:13px;
  font-weight:800;
}
.nav > a:not(.nav-contact)::after{
  background:linear-gradient(90deg, var(--gold), #d7bb7f);
  bottom:-9px;
}
.nav-contact{
  background:var(--green);
  box-shadow:none;
  border:1px solid rgba(16,58,45,.08);
}

/* ---------- Hero ---------- */
.hero{
  min-height:680px;
  background:
    radial-gradient(circle at 82% 15%, rgba(183,138,59,.10), transparent 24%),
    linear-gradient(180deg, #fbfcfa 0%, #f2f6f2 100%);
}
.hero::after{
  display:none;
}
.hero-pattern{
  opacity:.08;
  background-size:56px 56px;
  mask-image:linear-gradient(90deg, black, transparent 75%);
}
.hero-inner{
  gap:56px;
  padding-block:64px 72px;
}
.hero-eyebrow{
  color:var(--gold);
  letter-spacing:1.4px;
}
.hero-eyebrow span{
  background:linear-gradient(90deg,var(--gold),#dec38a);
}
.hero-copy h1{
  color:var(--ink);
  letter-spacing:-3px;
}
.hero-copy h1 em{
  color:var(--green);
}
.hero-copy > p{
  color:var(--muted);
  font-size:16px;
  line-height:1.9;
  max-width:620px;
}
.hero-copy h1 > small{
  color:var(--gold);
}
.button{
  border-radius:12px;
}
.button-gold{
  background:linear-gradient(135deg, #ecd7a7 0%, #c89a4a 100%);
  color:#213128;
  box-shadow:0 10px 24px rgba(183,138,59,.16);
}
.button-light{
  background:#fff;
  color:var(--green);
  border:1px solid var(--line-2);
}
.button-outline-white{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.22);
}
.hero-trust{
  gap:14px;
}
.hero-trust > div{
  border:1px solid #e3e8e3;
  background:rgba(255,255,255,.80);
  box-shadow:var(--shadow-soft);
  border-radius:14px;
}
.hero-trust strong{
  color:var(--green);
}
.hero-trust span{
  color:#6f7b74;
}
.hero-trust span small{
  color:#a0aaa5;
}
.hero-showcase{
  min-height:540px;
}
.hero-main-product{
  border-radius:30px;
  border:1px solid #ecede7;
  background:linear-gradient(180deg,#ffffff 0%, #faf7ef 100%);
  box-shadow:var(--shadow-large);
  transform:none;
  right:10px;
}
.hero-main-product::before{
  background:rgba(183,138,59,.10);
}
.hero-product-top span{
  background:var(--green);
}
.hero-product-top small,
.hero-product-name span{
  color:var(--gold);
}
.hero-product-name strong{
  color:var(--ink);
}
.floating-product{
  border:1px solid #edf0eb;
  background:rgba(255,255,255,.90);
  box-shadow:var(--shadow-soft);
  border-radius:20px;
}
.floating-product span{
  color:#5d6b63;
}

/* ---------- Benefits ---------- */
.benefit-strip{
  margin-top:-20px;
}
.benefit-grid{
  border:1px solid var(--line);
  background:#fff;
  border-radius:18px;
  box-shadow:var(--shadow-soft);
}
.benefit-grid article{
  min-height:88px;
  border-right:1px solid #edf0ea;
}
.benefit-icon{
  border-radius:12px;
  color:var(--green);
  background:#f2f7f4;
}
.benefit-grid strong{
  color:var(--ink);
}
.benefit-grid small{
  color:#9ba49f;
}

/* ---------- Generic section ---------- */
.products-section{
  padding:104px 0 112px;
}
.section-heading{
  margin-bottom:34px;
}
.section-heading > span,
.section-kicker{
  color:var(--gold);
  letter-spacing:1.6px;
}
.section-heading h2,
.warehouse-copy h2,
.contact-copy h2{
  color:var(--ink);
  letter-spacing:-1.8px;
}
.section-heading p,
.warehouse-copy > p,
.contact-copy > p{
  color:var(--muted);
  font-size:15px;
  line-height:1.85;
}
.section-heading h2 > small,
.warehouse-copy h2 > small,
.contact-copy h2 > small{
  color:#9d8553;
  letter-spacing:1.2px;
}

/* ---------- Products ---------- */
.catalog-frame{
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:26px;
  background:var(--paper);
  box-shadow:var(--shadow-card);
}
.catalog-ornament{
  min-height:60px;
  padding:12px 26px;
  background:linear-gradient(180deg,#fff 0%, #fafaf8 100%);
  color:#8d7544;
  border-bottom:1px solid var(--line);
  font-size:11px;
}
.catalog-ornament i{
  background:linear-gradient(90deg, transparent, #dbc086, transparent);
}
.catalog-ornament span small{
  color:#ab9360;
}
.products-grid{
  border-left:1px solid var(--line);
}
.product-card{
  min-height:350px;
  background:#fff;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.product-card:hover{
  transform:none;
  box-shadow:none;
  background:#fcfdfa;
}
.product-card.featured{
  background:linear-gradient(180deg,#fffdf8 0%, #fffaf0 100%);
  box-shadow:inset 0 0 0 1px #ead4a0;
}
.product-label,
.featured-badge{
  top:14px;
  padding:6px 10px;
  border-radius:999px;
  line-height:1.1;
}
.product-label{
  background:var(--green);
}
.featured-badge{
  background:linear-gradient(135deg, #efdba6 0%, #d3a654 100%);
  color:#273027;
}
.product-label small,
.featured-badge small{
  font-size:6px;
}
.product-visual{
  height:220px;
  padding:20px 14px 4px;
}
.product-glow{
  width:155px;
  height:36px;
  background:rgba(183,138,59,.10);
  filter:blur(14px);
}
.product-visual img{
  height:182px;
}
.product-card:hover .product-visual img{
  transform:none;
}
.product-copy{
  padding:10px 14px 18px;
}
.product-copy h3{
  color:var(--ink);
  font-size:16px;
}
.product-copy h3 small{
  color:#8f7644;
}
.product-copy p{
  color:#66716b;
}
.product-en{
  color:#a0a6a2;
}

/* ---------- Warehouse section (major redesign) ---------- */
.warehouse-section{
  padding:110px 0;
  color:var(--ink);
  background:
    linear-gradient(180deg, #f8faf7 0%, #eef3ef 100%);
}
.warehouse-section::before{
  display:none;
}
.warehouse-layout{
  gap:34px;
  align-items:stretch;
  grid-template-columns: .92fr 1.08fr;
}
.warehouse-copy{
  padding:38px 36px;
  border:1px solid var(--line);
  border-radius:26px;
  background:linear-gradient(180deg,#ffffff 0%, #fbfcfa 100%);
  box-shadow:var(--shadow-card);
}
.warehouse-copy h2{
  color:var(--ink);
}
.warehouse-copy > p{
  color:var(--muted);
  margin-top:14px;
}
.warehouse-copy .english-copy.light{
  color:#9aa39d;
}
.warehouse-features{
  margin-top:28px;
  grid-template-columns:repeat(2, 1fr);
  gap:14px;
}
.warehouse-features article{
  padding:18px 18px 16px;
  border:1px solid #e5ebe5;
  border-radius:16px;
  background:#f9fbf9;
}
.warehouse-features article > strong{
  color:var(--gold);
  font-size:19px;
}
.warehouse-features h3{
  color:var(--ink);
}
.warehouse-features h3 small{
  color:#a58a55;
}
.warehouse-features p,
.feature-en{
  color:#72807a;
}
.warehouse-gallery,
.warehouse-gallery-new{
  padding:16px;
  border:1px solid var(--line);
  border-radius:26px;
  background:linear-gradient(180deg,#ffffff 0%, #f9fbf9 100%);
  box-shadow:var(--shadow-card);
}
.warehouse-gallery-new{
  grid-template-rows:210px 210px;
  gap:14px !important;
}
.warehouse-gallery-new figure{
  border:1px solid #edf0ea;
  border-radius:18px;
  background:#fff;
  overflow:hidden;
}
.warehouse-gallery-new img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.warehouse-gallery-new .gallery-main{
  border-radius:22px;
}
.warehouse-gallery-new .gallery-main figcaption,
.warehouse-gallery .gallery-main figcaption{
  left:16px;
  bottom:16px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(16,58,45,.82);
  font-size:10px;
  letter-spacing:.8px;
}
.warehouse-gallery figure:hover img,
.warehouse-gallery-new figure:hover img{
  transform:none;
}

/* ---------- Contact ---------- */
.contact-section{
  padding:96px 0 110px;
  background:linear-gradient(180deg,#f5f6f2 0%, #f7f4ec 100%);
}
.contact-panel{
  min-height:420px;
  padding:44px;
  border-radius:28px;
  color:#fff;
  background:linear-gradient(135deg, #103a2d 0%, #0d2d23 100%);
  box-shadow:var(--shadow-large);
}
.contact-copy > span{
  color:#dcc58d;
}
.contact-copy h2{
  color:#fff;
}
.contact-copy > p{
  color:rgba(255,255,255,.72);
}
.contact-copy .english-copy.light{
  color:rgba(255,255,255,.42);
}
.contact-details{
  gap:14px;
}
.contact-details article{
  padding:18px 18px 16px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  background:rgba(255,255,255,.06);
}
.contact-details small{
  color:#d7c18d;
}
.contact-details strong{
  color:#fff;
  font-size:13px;
}
.map-link{
  background:linear-gradient(135deg,#edd8a5,#c89a4a);
  color:#213128;
}
.contact-produce{
  opacity:.13;
}

/* ---------- Footer ---------- */
.footer{
  padding:28px 0;
  background:#0b231b;
}
.footer-inner > p,
.footer-inner > span,
.footer-contact p,
.footer-contact small{
  color:rgba(255,255,255,.58);
}

/* ---------- Buttons / interactions ---------- */
.back-to-top{
  border:1px solid #e4e9e4;
  border-radius:14px;
  background:#fff;
  color:var(--green);
  box-shadow:var(--shadow-soft);
}
.reveal{
  transform:translateY(18px);
}

/* ---------- Responsive ---------- */
@media(max-width:1080px){
  .hero-main-product{
    right:auto;
  }
  .warehouse-layout{
    grid-template-columns:1fr;
  }
}
@media(max-width:820px){
  .nav{
    border:1px solid #e4e9e4;
    border-radius:18px;
    background:#fff;
    box-shadow:0 18px 50px rgba(14,31,22,.08);
  }
  .benefit-grid{
    border-radius:16px;
  }
  .warehouse-copy,
  .warehouse-gallery,
  .warehouse-gallery-new,
  .contact-panel{
    border-radius:22px;
  }
  .warehouse-gallery-new{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-template-rows:250px 165px 165px !important;
  }
  .warehouse-gallery-new .gallery-main{
    grid-column:1 / -1;
    grid-row:1;
  }
}
@media(max-width:620px){
  .container{
    width:min(100% - 22px,1240px);
  }
  .hero{
    min-height:auto;
  }
  .hero-main-product{
    width:300px;
  }
  .catalog-frame,
  .warehouse-copy,
  .warehouse-gallery,
  .warehouse-gallery-new,
  .contact-panel{
    border-radius:20px;
  }
  .warehouse-copy{
    padding:24px 20px;
  }
  .warehouse-features{
    grid-template-columns:1fr;
  }
  .warehouse-gallery-new{
    padding:12px;
    grid-template-columns:1fr !important;
    grid-template-rows:220px repeat(4,150px) !important;
    gap:12px !important;
  }
  .warehouse-gallery-new .gallery-main{
    grid-column:1;
    grid-row:auto;
  }
  .contact-panel{
    padding:28px 22px;
  }
}


/* =========================================================
   ADDITIONAL WAREHOUSE / OPERATIONS PHOTOS
   ========================================================= */
.warehouse-gallery-new{
  grid-template-rows:210px 210px auto !important;
  align-content:start;
}
.warehouse-extra{
  grid-column:1 / -1;
  padding-top:4px;
}
.warehouse-extra-head{
  margin:2px 2px 13px;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
}
.warehouse-extra-head span{
  color:var(--gold);
  font-size:9px;
  font-weight:900;
  letter-spacing:1.4px;
}
.warehouse-extra-head h3{
  margin:4px 0 0;
  color:var(--ink);
  font-size:18px;
  line-height:1.2;
}
.warehouse-extra-head p{
  max-width:330px;
  margin:0;
  color:var(--muted-2);
  text-align:right;
  font-size:10px;
  line-height:1.55;
}
.warehouse-extra-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.warehouse-extra-grid figure{
  position:relative;
  height:128px;
  margin:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:14px;
  background:#f5f7f4;
}
.warehouse-extra-grid figure::after{
  content:"";
  position:absolute;
  inset:44% 0 0;
  background:linear-gradient(180deg,transparent,rgba(6,29,20,.78));
  pointer-events:none;
}
.warehouse-extra-grid img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.warehouse-extra-grid figcaption{
  position:absolute;
  z-index:2;
  left:11px;
  right:9px;
  bottom:9px;
  color:#fff;
}
.warehouse-extra-grid figcaption strong{
  display:block;
  font-size:10px;
  line-height:1.2;
}
.warehouse-extra-grid figcaption small{
  display:block;
  margin-top:3px;
  color:rgba(255,255,255,.70);
  font-size:7px;
  font-weight:800;
  letter-spacing:.6px;
}
@media(max-width:820px){
  .warehouse-gallery-new{
    grid-template-rows:250px 165px 165px auto !important;
  }
  .warehouse-extra{
    grid-column:1 / -1;
  }
  .warehouse-extra-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .warehouse-extra-grid figure{
    height:145px;
  }
}
@media(max-width:620px){
  .warehouse-gallery-new{
    grid-template-rows:220px repeat(4,150px) auto !important;
  }
  .warehouse-extra-head{
    align-items:flex-start;
    flex-direction:column;
    gap:6px;
  }
  .warehouse-extra-head p{
    max-width:none;
    text-align:left;
  }
  .warehouse-extra-grid{
    grid-template-columns:1fr;
  }
  .warehouse-extra-grid figure{
    height:175px;
  }
}


/* =========================================================
   MOBILE OPTIMIZATION UPDATE
   Goal: easy phone viewing + images fully visible and not awkwardly cropped
   ========================================================= */
img{
  max-width:100%;
  height:auto;
}

@media (max-width: 820px){
  .topbar-inner{
    gap:12px;
  }
  .nav > a{
    min-height:44px;
  }

  .hero-inner{
    gap:24px;
    padding-block:28px 44px;
  }
  .hero-copy{
    text-align:left;
  }
  .hero-copy h1{
    font-size:38px;
    line-height:1.05;
    letter-spacing:-1.8px;
    margin:12px 0 12px;
  }
  .hero-copy > p,
  .section-heading p,
  .warehouse-copy > p,
  .contact-copy > p{
    font-size:14px;
    line-height:1.75;
  }
  .hero-actions{
    gap:10px;
  }
  .hero-actions .button,
  .contact-buttons .button{
    width:100%;
    justify-content:center;
  }
  .hero-trust{
    grid-template-columns:1fr;
  }

  .hero-showcase{
    min-height:auto;
    width:100%;
  }
  .hero-main-product{
    position:relative;
    inset:auto;
    width:100%;
    min-height:auto;
    padding:16px;
    margin:0 auto;
  }
  .hero-main-product img{
    width:100%;
    height:auto;
    max-height:260px;
    object-fit:contain;
  }
  .floating-product{
    display:none;
  }

  .products-section{
    padding:64px 0 74px;
  }
  .products-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .product-card{
    min-height:auto;
  }
  .product-visual{
    height:auto;
    min-height:180px;
    padding:44px 10px 8px;
  }
  .product-visual img{
    width:100%;
    height:auto;
    max-height:170px;
    object-fit:contain;
  }
  .product-copy{
    padding:8px 10px 14px;
  }
  .product-copy h3{
    font-size:15px;
  }
  .product-copy p{
    font-size:10px;
    line-height:1.55;
  }

  .warehouse-section{
    padding:70px 0;
  }
  .warehouse-layout{
    gap:18px;
  }
  .warehouse-copy{
    padding:22px 18px;
  }
  .warehouse-copy h2{
    font-size:34px;
    line-height:1.1;
  }
  .warehouse-features{
    grid-template-columns:1fr;
  }
  .warehouse-features article{
    padding:14px;
  }

  .warehouse-gallery,
  .warehouse-gallery-new{
    padding:10px;
    gap:10px !important;
  }
  .warehouse-gallery-new{
    grid-template-columns:1fr !important;
    grid-template-rows:auto !important;
  }
  .warehouse-gallery-new .gallery-main,
  .warehouse-gallery-new .warehouse-tile-1,
  .warehouse-gallery-new .warehouse-tile-2,
  .warehouse-gallery-new .warehouse-tile-3,
  .warehouse-gallery-new .warehouse-tile-4{
    grid-column:auto !important;
    grid-row:auto !important;
  }
  .warehouse-gallery-new figure{
    height:auto;
    min-height:unset;
    aspect-ratio:auto;
    padding:8px;
    border-radius:16px;
    background:#fff;
  }
  .warehouse-gallery-new .gallery-main{
    padding:0;
    overflow:hidden;
  }
  .warehouse-gallery-new .gallery-main img{
    width:100%;
    height:auto;
    max-height:none;
    object-fit:cover;
    display:block;
  }
  .warehouse-gallery-new .warehouse-tile img{
    width:100%;
    height:auto;
    object-fit:contain;
    display:block;
  }

  .warehouse-extra{
    padding-top:2px;
  }
  .warehouse-extra-head{
    margin-bottom:10px;
    align-items:flex-start;
    flex-direction:column;
    gap:6px;
  }
  .warehouse-extra-head p{
    max-width:none;
    text-align:left;
    font-size:11px;
  }
  .warehouse-extra-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .warehouse-extra-grid figure{
    height:auto;
    min-height:unset;
    aspect-ratio:4 / 3;
  }
  .warehouse-extra-grid img{
    width:100%;
    height:100%;
    object-fit:cover;
  }

  .contact-section{
    padding:68px 0 82px;
  }
  .contact-panel{
    padding:26px 18px;
    gap:20px;
  }
  .contact-details strong{
    font-size:12px;
    line-height:1.55;
    word-break:break-word;
  }
  .address-article span{
    font-size:11px;
  }
  .map-link{
    width:100%;
    justify-content:center;
  }
}

@media (max-width: 560px){
  .container{
    width:min(100% - 18px, 1240px);
  }
  .brand-copy strong{
    font-size:12px;
  }
  .brand-copy small{
    font-size:9px;
    letter-spacing:.7px;
  }

  .hero-copy h1{
    font-size:32px;
  }
  .hero-copy h1 > small,
  .section-heading h2 > small,
  .warehouse-copy h2 > small,
  .contact-copy h2 > small{
    font-size:10px;
    letter-spacing:.9px;
  }

  .benefit-grid{
    grid-template-columns:1fr;
  }
  .benefit-grid article{
    border-right:0 !important;
    border-bottom:1px solid #ebece7 !important;
    min-height:74px;
    padding:14px 16px;
  }
  .benefit-grid article:last-child{
    border-bottom:0 !important;
  }

  .products-grid{
    grid-template-columns:1fr;
  }
  .catalog-ornament{
    grid-template-columns:1fr;
    text-align:center;
    padding:14px 16px;
  }
  .catalog-ornament i{
    display:none;
  }
  .product-card{
    min-height:auto;
  }
  .product-visual{
    min-height:210px;
    padding:46px 12px 10px;
  }
  .product-visual img{
    max-height:190px;
  }
  .product-copy{
    padding:10px 12px 16px;
  }

  .warehouse-copy h2,
  .contact-copy h2,
  .section-heading h2{
    font-size:30px;
  }

  .warehouse-gallery-new .gallery-main img{
    object-fit:contain;
    background:#fff;
  }
  .warehouse-extra-grid{
    grid-template-columns:1fr;
  }
  .warehouse-extra-grid figure{
    aspect-ratio:16 / 10;
  }

  .footer-inner{
    grid-template-columns:1fr;
    text-align:center;
    gap:10px;
  }
}

@media (max-width: 390px){
  .hero-copy h1{
    font-size:28px;
  }
  .button{
    min-height:46px;
    padding:0 16px;
  }
  .warehouse-gallery-new figure,
  .warehouse-extra-grid figure{
    border-radius:14px;
  }
}


/* ===== Product image consistency refinement ===== */
.product-visual img,
.poster-product-visual img{
  object-fit:contain !important;
}
.product-visual,
.poster-product-visual{
  overflow:hidden;
}


/* =========================================================
   PREMIUM INTERNATIONAL PRODUCT SECTION
   - transparent product PNGs
   - equal sizing
   - cleaner luxury card style
   ========================================================= */
.catalog-frame{
  border:1px solid #e6dcc8 !important;
  border-radius:32px !important;
  background:linear-gradient(180deg,#fffefb 0%, #fbf8f1 100%) !important;
  box-shadow:0 26px 72px rgba(73,63,41,.10) !important;
}
.catalog-ornament{
  min-height:66px !important;
  padding:14px 28px !important;
  color:#8d6f2f !important;
  background:linear-gradient(180deg,#fffefa 0%, #f8f2e6 100%) !important;
  border-bottom:1px solid #e9dfcb !important;
}
.catalog-ornament i{
  background:linear-gradient(90deg,transparent,#d6b26a,transparent) !important;
}
.products-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
  padding:20px !important;
  border-left:0 !important;
  background:linear-gradient(180deg,#fcfaf5 0%, #fffefe 100%) !important;
}
.product-card{
  min-height:392px !important;
  border:1px solid #ece2d0 !important;
  border-radius:24px !important;
  background:linear-gradient(180deg,#fffefb 0%, #fbfaf7 100%) !important;
  box-shadow:0 14px 36px rgba(45,52,39,.06) !important;
  overflow:hidden !important;
}
.product-card:hover{
  transform:translateY(-6px) !important;
  background:#fff !important;
  box-shadow:0 24px 56px rgba(25,40,31,.12) !important;
}
.product-card.featured{
  background:linear-gradient(180deg,#fffcf4 0%, #fff8ea 100%) !important;
  box-shadow:inset 0 0 0 1px #d5b16f, 0 16px 44px rgba(33,40,31,.10) !important;
}
.product-label{
  left:16px !important;
  top:16px !important;
  padding:8px 12px !important;
  background:#17352a !important;
  box-shadow:0 10px 20px rgba(23,53,42,.18) !important;
}
.featured-badge{
  right:16px !important;
  top:16px !important;
  padding:8px 12px !important;
  background:linear-gradient(135deg,#f3dfae,#d2a24a) !important;
  color:#263126 !important;
  box-shadow:0 10px 22px rgba(210,162,74,.25) !important;
}
.product-visual{
  height:230px !important;
  padding:32px 20px 10px !important;
  background:
    radial-gradient(circle at 50% 85%, rgba(217,188,130,.23) 0%, rgba(217,188,130,0) 45%),
    linear-gradient(180deg,#fffdf9 0%, #faf8f2 100%) !important;
}
.product-glow{
  display:none !important;
}
.product-visual img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  filter:drop-shadow(0 18px 16px rgba(29,34,28,.14)) !important;
  transform:none !important;
}
.product-copy{
  padding:14px 18px 22px !important;
}
.product-copy h3{
  margin-bottom:10px !important;
  font-size:18px !important;
  color:#16231c !important;
}
.product-copy h3 small{
  margin-top:6px !important;
  color:#94732f !important;
  letter-spacing:1.2px !important;
}
.product-copy p{
  color:#66706a !important;
  font-size:11px !important;
  line-height:1.62 !important;
}
.product-en{
  color:#9aa09a !important;
}
@media (max-width: 1200px){
  .products-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}
@media (max-width: 820px){
  .products-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
    padding:14px !important;
  }
  .product-card{
    min-height:unset !important;
  }
  .product-visual{
    height:210px !important;
    padding:28px 14px 6px !important;
  }
}
@media (max-width: 560px){
  .products-grid{
    grid-template-columns:1fr !important;
  }
  .product-visual{
    height:240px !important;
  }
}


/* Extra polish for transparent product cutouts */
.product-visual img,
.poster-product-visual img{
  isolation:isolate;
  filter:drop-shadow(0 18px 18px rgba(34,38,31,.14)) !important;
}


/* ===== FINAL PRODUCT IMAGE FIX ===== */
.product-visual{
  height:250px !important;
  padding:24px 18px 8px !important;
}
.product-visual img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  transform:none !important;
  filter:drop-shadow(0 16px 14px rgba(24,32,27,.13)) !important;
}
.product-card:hover .product-visual img{
  transform:scale(1.025) !important;
}
@media(max-width:820px){
  .product-visual{height:225px !important}
}
@media(max-width:560px){
  .product-visual{height:255px !important}
}