/* MITANA — warm home-textile redesign, 2026-09-23.
   Presentation-only overrides; the existing catalog, basket, filters, APIs,
   admin and supplier XML logic stay in the original index.html. */
:root{
  --brand:#735744; --brand2:#977662; --navy:#2f2926;
  --bg:#faf7f3; --card:#ffffff; --text:#302b29;
  --muted:#756e68; --line:#e9e0d8;
  --shadow:0 12px 30px rgba(87,64,44,.09);
}
html{scroll-behavior:smooth}
body{background:#faf7f3!important;color:var(--text)!important;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif!important}
body .app{max-width:1600px!important;margin-inline:auto!important;background:#fff;box-shadow:0 1px 34px rgba(80,56,34,.04)}
body header{border:0!important;border-bottom:1px solid #e9e0d8!important;border-radius:0!important;background:rgba(255,253,251,.98)!important;box-shadow:0 3px 22px rgba(80,56,34,.055)!important;position:sticky!important;top:0!important;z-index:90!important}
body header .mitana-contact-utility{background:#f6f0e9!important;border-bottom:1px solid #ede4dd!important;min-height:36px!important;padding:4px clamp(14px,3vw,42px)!important;gap:10px!important}
body header .store-phone{color:#4e4036!important;font-size:14px!important;font-weight:750!important}
body header .store-hours{color:#706259!important;font-size:12px!important}
body header .contact-round{width:29px!important;height:29px!important;box-shadow:none!important;background:#fff8f2!important;border-radius:50%!important}
body header .contact-round svg{width:18px!important;height:18px!important}
body header .lang-switch button{min-width:31px!important;width:31px!important;height:29px!important;font-size:11px!important;border-radius:7px!important;color:#59483b!important}
body header .lang-switch button.active,body header .lang-switch button[aria-pressed="true"]{background:#765b49!important;color:#fff!important}
body header .top{display:flex!important;align-items:center!important;max-width:1540px!important;width:100%!important;margin:auto!important;gap:16px!important;padding:9px clamp(14px,3vw,42px)!important;min-height:78px!important}
body header .top .logo.mitana-approved-logo,body header .mitana-approved-logo{
  flex:0 0 clamp(132px,14vw,196px)!important;width:clamp(132px,14vw,196px)!important;
  min-width:0!important;max-width:196px!important;height:62px!important;min-height:0!important;
  overflow:visible!important;cursor:pointer!important;padding:0!important;margin:0!important
}
body header .top .brand-logo-image{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center left!important}
body header .top .search{min-width:160px!important;max-width:none!important;flex:1 1 400px!important;width:auto!important;order:initial!important;margin:0!important}
body header .top .search input{height:44px!important;min-height:0!important;min-width:0!important;width:100%!important;padding:0 17px!important;border-radius:24px!important;background:#f8f4ef!important;color:#332b26!important;border:1px solid #ece4dc!important;font-size:14px!important;box-shadow:none!important}
body header .top .search input:focus{outline:2px solid #bfa38e!important;outline-offset:1px!important}
body header .top>.iconbtn{flex:0 0 43px!important;width:43px!important;min-width:43px!important;height:43px!important;min-height:43px!important;order:initial!important;background:#f8f4ef!important;border:1px solid #eee5dc!important;border-radius:50%!important;padding:0!important;color:#5b4535!important;box-shadow:none!important}
body header .top>.iconbtn:hover{background:#eee4db!important}
body header .badge{background:#805e49!important}
body header nav{display:flex!important;max-width:1540px!important;width:100%!important;padding:0 clamp(14px,3vw,42px) 9px!important;gap:clamp(3px,1.2vw,18px)!important;border:0!important;white-space:nowrap!important;scrollbar-width:thin}
body header nav .navbtn{background:transparent!important;color:#392e27!important;box-shadow:none!important;border:0!important;border-radius:8px!important;padding:8px 10px!important;font-weight:650!important;font-size:13px!important;min-height:36px!important;white-space:nowrap!important;text-decoration:none!important}
body header nav .navbtn.active,body header nav .navbtn:hover{background:#f4ebe3!important;color:#694a37!important}
body header nav .navbtn svg{color:currentColor!important}
body main{max-width:1600px!important;margin:0 auto!important;padding:0 clamp(14px,3vw,42px) 38px!important}
/* Hero illustration extracted from the previously approved MITANA visual concept;
   deliberately contains no product prices, logos or simulated buyer ratings. */
#home .hero{
  min-height:365px!important;margin:0 calc(-1 * clamp(14px,3vw,42px))!important;
  padding:42px clamp(20px,6vw,95px)!important;
  display:flex!important;align-items:center!important;position:relative!important;isolation:isolate!important;
  background-image:linear-gradient(90deg,#f8f1e9 0%,rgba(248,241,233,.99) 28%,rgba(248,241,233,.92) 40%,rgba(248,241,233,.32) 64%,rgba(248,241,233,0) 86%),url('mitana-hero.webp')!important;
  background-color:#f8f1e9!important;background-repeat:no-repeat!important;background-position:center,center right!important;background-size:cover!important;
  color:#2b2521!important;box-shadow:none!important;border:0!important;border-radius:0 0 20px 20px!important;overflow:hidden!important
}
#home .hero:after{content:none!important}
#home .hero>div:first-child{position:relative!important;z-index:1!important;width:min(530px,56%)!important;max-width:530px!important;min-width:0!important}
#home .hero .small{font-size:11px!important;letter-spacing:.2em!important;font-weight:800!important;color:#8a7562!important;line-height:1.55!important}
#home .hero h1{font-family:Georgia,'Times New Roman',serif!important;max-width:560px!important;margin:10px 0 12px!important;font-size:clamp(32px,3.9vw,59px)!important;line-height:1.08!important;letter-spacing:-.025em!important;color:#282320!important;font-weight:500!important}
#home .hero p{max-width:460px!important;font-size:clamp(14px,1.3vw,17px)!important;line-height:1.55!important;color:#5e5146!important;margin:0 0 22px!important;opacity:1!important}
#home .hero .hero-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important}
#home .hero .cta{font-size:13px!important;font-weight:750!important;min-height:46px!important;border-radius:999px!important;padding:12px 20px!important;white-space:normal!important}
#home .hero .cta.white{background:#71543f!important;border:1px solid #71543f!important;color:#fff!important}
#home .hero .cta.soft{background:rgba(255,255,255,.78)!important;border:1px solid #d8c9bc!important;color:#594435!important}
#home .hero .cta:hover{filter:brightness(.93)}
#home .hero .herobox{display:none!important}
/* Real categories rendered by existing JS, retain all existing onclick handlers. */
#home .section{margin-top:28px!important}
#home .section-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:13px!important}
#home .section-title h2{font-size:clamp(21px,2vw,27px)!important;font-weight:750!important;letter-spacing:-.025em!important;margin:0 0 4px!important;color:#302923!important}
#home .section-title .small{font-size:13px!important;color:#82746c!important}
#home .section-title>.btn,#home .section-title .btn{background:transparent!important;color:#75553e!important;border:1px solid #e5d7c9!important;border-radius:999px!important;box-shadow:none!important;padding:9px 13px!important;min-width:0!important;white-space:nowrap!important}
#home [data-home-block="categories"]{margin-top:27px!important}
#homeCategoryStrip.category-strip{
 display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(190px,1fr)!important;
 grid-template-columns:none!important;gap:12px!important;overflow-x:auto!important;overscroll-behavior-inline:contain!important;
 scrollbar-width:thin!important;padding:2px 1px 10px!important;scroll-snap-type:x proximity!important
}
#homeCategoryStrip .category-card,#homeCategoryStrip .category-card.subcategory-card{
 display:block!important;position:relative!important;width:100%!important;height:auto!important;min-height:155px!important;
 aspect-ratio:1.30!important;border-radius:13px!important;overflow:hidden!important;background-position:center!important;
 background-size:cover!important;border:1px solid #ece2d8!important;box-shadow:0 5px 15px rgba(80,56,32,.06)!important;
 scroll-snap-align:start!important;cursor:pointer!important
}
#homeCategoryStrip .category-card:after{content:""!important;position:absolute!important;inset:40% 0 0!important;background:linear-gradient(0deg,rgba(37,27,20,.73),rgba(37,27,20,0))!important;pointer-events:none!important}
#homeCategoryStrip .category-card .category-copy,#homeCategoryStrip .category-card.mitana-bedding-home .category-copy{
 display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:flex-start!important;
 position:absolute!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;
 z-index:2!important;width:100%!important;max-width:100%!important;min-height:65px!important;padding:10px 12px!important;
 background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;pointer-events:none!important
}
#homeCategoryStrip .category-card .category-copy h3,#homeCategoryStrip .category-card.mitana-bedding-home .category-copy h3{
 display:block!important;font-family:Inter,system-ui,sans-serif!important;font-size:clamp(14px,1.15vw,17px)!important;
 font-weight:750!important;line-height:1.2!important;color:#fff!important;text-align:left!important;
 margin:0 0 3px!important;padding:0!important;text-shadow:0 1px 2px rgba(0,0,0,.3)!important;white-space:normal!important
}
#homeCategoryStrip .category-card .category-copy span{color:#f8f2ed!important;font-size:11px!important;line-height:1.3!important;display:block!important;text-align:left!important;opacity:.95!important}
#homeCategoryStrip .category-card:focus-visible{outline:3px solid #a77850!important;outline-offset:2px!important}
/* Dynamic product cards: do not replace data or create simulated prices. */
#home #newGrid,#home #popularGrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px!important}
#home #newGrid .card,#home #popularGrid .card{padding:9px!important;border:1px solid #eee4db!important;border-radius:14px!important;box-shadow:0 7px 24px rgba(65,45,28,.055)!important;min-width:0!important;overflow:hidden!important;background:#fff!important}
#home #newGrid .card:hover,#home #popularGrid .card:hover{box-shadow:0 10px 30px rgba(65,45,28,.12)!important;transform:translateY(-1px)!important}
#home #newGrid .product-img,#home #popularGrid .product-img{height:auto!important;aspect-ratio:1/1!important;background:#f6f1ec!important;border-radius:9px!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;overflow:hidden!important}
#home #newGrid .product-img img,#home #popularGrid .product-img img{width:100%!important;height:100%!important;object-fit:contain!important}
#home #newGrid .card h3,#home #popularGrid .card h3{font-size:14px!important;line-height:1.42!important;color:#3e332d!important;min-height:40px!important}
#home #newGrid .price,#home #popularGrid .price{color:#392d26!important;font-size:18px!important;font-weight:800!important}
#home #newGrid .btn.primary,#home #popularGrid .btn.primary{background:#765844!important;color:#fff!important;border-radius:9px!important;box-shadow:none!important}
#home #newGrid .fav,#home #popularGrid .fav{border:1px solid #ede1d5!important;color:#684a36!important}
#home .home-benefits{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:30px 0 10px!important;
 padding:14px!important;background:#f8f3ed!important;border:1px solid #f0e5db!important;border-radius:15px!important}
#home .home-benefits .benefit{min-width:0!important;padding:8px 10px!important;background:transparent!important;box-shadow:none!important;border:0!important}
#home .home-benefits .benefit i{font-size:25px!important;font-style:normal!important}
#home .home-benefits .benefit b{font-size:13px!important;color:#3b3028!important}
#home .home-benefits .benefit .small{color:#786b61!important;font-size:12px!important}
#home .mitana-editorial{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
#home .mitana-editorial article{background:#f7f0e8;border:1px solid #ede0d4;border-radius:16px;min-height:145px;padding:22px 24px}
#home .mitana-editorial h2{margin:0 0 8px;font:500 25px/1.15 Georgia,serif;color:#34291f}
#home .mitana-editorial p{font-size:14px;line-height:1.5;color:#6b5c50;max-width:400px;margin:0 0 14px}
#home .mitana-editorial a{font-size:13px;font-weight:750;text-decoration:none;color:#634732}
#home .mitana-editorial a:hover{text-decoration:underline}
body .site-footer{background:#f7f2ed!important;color:#4b3b30!important;border-top:1px solid #ece1d6!important}
body .site-footer a{color:#5d4839!important}
@media(max-width:1100px){
 body header .top .logo.mitana-approved-logo,body header .mitana-approved-logo{flex-basis:160px!important;width:160px!important;max-width:160px!important}
 #home #newGrid,#home #popularGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 #homeCategoryStrip.category-strip{grid-auto-columns:minmax(180px,1fr)!important}
}
@media(max-width:700px){
 body header{border-radius:0!important}
 body header .mitana-contact-utility{min-height:35px!important;padding:4px 12px!important;justify-content:space-between!important}
 body header .store-contact-main{gap:6px!important}
 body header .store-phone{font-size:12px!important}
 body header .store-hours{display:none!important}
 body header .contact-round{width:26px!important;height:26px!important}
 body header .lang-switch button{min-width:27px!important;width:27px!important;height:27px!important;font-size:10px!important}
 body header .top{display:grid!important;grid-template-columns:minmax(0,1fr) 39px 39px!important;gap:7px!important;min-height:0!important;padding:5px 12px 8px!important}
 body header .top .logo.mitana-approved-logo,body header .mitana-approved-logo{grid-column:1!important;grid-row:1!important;width:132px!important;max-width:132px!important;min-width:0!important;height:51px!important;flex-basis:auto!important}
 body header .top>.iconbtn{grid-row:1!important;width:39px!important;height:39px!important;min-width:39px!important;min-height:39px!important;flex-basis:auto!important;font-size:18px!important}
 body header .top>.iconbtn:first-of-type{grid-column:2!important}
 body header .top>.iconbtn:last-of-type{grid-column:3!important}
 body header .top .search{grid-column:1/-1!important;grid-row:2!important;min-width:0!important;max-width:none!important;width:100%!important;order:initial!important;display:block!important}
 body header .top .search input{height:41px!important;min-height:41px!important;font-size:13px!important}
 body header nav{padding:0 9px 6px!important;gap:3px!important;max-height:56px!important;overflow-x:auto!important;flex-wrap:nowrap!important}
 body header nav .navbtn{font-size:12px!important;padding:6px 9px!important;min-height:33px!important}
 body main{padding:0 12px 25px!important}
 #home .hero{margin:0 -12px!important;min-height:340px!important;padding:28px 20px!important;
  background-image:linear-gradient(90deg,rgba(248,241,233,.98),rgba(248,241,233,.88) 47%,rgba(248,241,233,.16)),url('mitana-hero.webp')!important;
  background-position:center,right center!important;border-radius:0 0 15px 15px!important}
 #home .hero>div:first-child{width:min(330px,75%)!important}
 #home .hero h1{font-size:clamp(30px,7vw,43px)!important;max-width:320px!important}
 #home .hero p{font-size:13px!important;line-height:1.45!important}
 #home .hero .cta{min-height:42px!important;font-size:12px!important;padding:9px 13px!important}
 #home .section-title h2{font-size:22px!important}
 #home .section-title .small{font-size:12px!important}
 #home .section-title>.btn,#home .section-title .btn{font-size:11px!important;padding:8px!important}
 #homeCategoryStrip.category-strip{grid-auto-columns:minmax(158px,63vw)!important;gap:9px!important}
 #homeCategoryStrip .category-card,#homeCategoryStrip .category-card.subcategory-card{min-height:134px!important;aspect-ratio:1.27!important}
 #home #newGrid,#home #popularGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 #home #newGrid .card,#home #popularGrid .card{padding:6px!important}
 #home #newGrid .card h3,#home #popularGrid .card h3{font-size:13px!important}
 #home #newGrid .price,#home #popularGrid .price{font-size:16px!important}
 #home .home-benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:10px!important;gap:5px!important}
 #home .home-benefits .benefit{padding:5px!important}
 #home .mitana-editorial{grid-template-columns:1fr!important;gap:9px!important}
 #home .mitana-editorial article{min-height:0!important;padding:19px!important}
}
@media(max-width:390px){
 #home .hero{min-height:325px!important;background-position:center,60% center!important}
 #home .hero>div:first-child{width:84%!important}
 #home .hero h1{font-size:29px!important}
 body header .mitana-contact-utility .contact-round:nth-of-type(2){display:none!important}
}


/* MITANA HOME V2 OVERRIDES — 2026-09-23 */

body header .top .logo.mitana-approved-logo,body header .mitana-approved-logo{flex-basis:clamp(150px,15vw,220px)!important;width:clamp(150px,15vw,220px)!important;max-width:220px!important;height:66px!important}
body header .store-phone{font-size:15px!important}
body header nav .navbtn{font-size:14px!important;padding:9px 11px!important}
#home [data-home-block="categories"] .section-title h2::before{content:""}
#homeCategoryStrip.category-strip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;overflow:visible!important;overscroll-behavior-inline:auto!important;scroll-snap-type:none!important;padding:2px 0 4px!important;gap:14px!important}
#homeCategoryStrip .category-card,#homeCategoryStrip .category-card.subcategory-card{min-height:188px!important;aspect-ratio:1.48/1!important;border-radius:18px!important;box-shadow:0 10px 28px rgba(71,50,34,.11)!important}
#homeCategoryStrip .category-card .category-copy,#homeCategoryStrip .category-card.mitana-bedding-home .category-copy{min-height:84px!important;padding:14px 15px!important}
#homeCategoryStrip .category-card .category-copy h3,#homeCategoryStrip .category-card.mitana-bedding-home .category-copy h3{font-size:18px!important;line-height:1.18!important;margin-bottom:5px!important}
#homeCategoryStrip .category-card .category-copy span{font-size:12px!important;line-height:1.35!important}
#home #newGrid,#home #popularGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
#home #newGrid .card h3,#home #popularGrid .card h3{min-height:58px!important}
@media(max-width:1100px){
  #homeCategoryStrip.category-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  body header .top .logo.mitana-approved-logo,body header .mitana-approved-logo{width:145px!important;max-width:145px!important;height:54px!important}
  body header nav .navbtn{font-size:12px!important}
  #homeCategoryStrip.category-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  #homeCategoryStrip .category-card,#homeCategoryStrip .category-card.subcategory-card{min-height:132px!important;aspect-ratio:1.18/1!important;border-radius:15px!important}
  #homeCategoryStrip .category-card .category-copy,#homeCategoryStrip .category-card.mitana-bedding-home .category-copy{min-height:68px!important;padding:10px 11px!important}
  #homeCategoryStrip .category-card .category-copy h3,#homeCategoryStrip .category-card.mitana-bedding-home .category-copy h3{font-size:14px!important;margin-bottom:3px!important}
  #homeCategoryStrip .category-card .category-copy span{font-size:10px!important}
}
@media(max-width:430px){
  #homeCategoryStrip.category-strip{grid-template-columns:1fr!important}
}

/* V2 category-card visibility hotfix. Older inline !important rules hid labels. */
#homeCategoryStrip .category-card.mitana-designed-category .category-copy,
#homeCategoryStrip .category-card.mitana-showcase-photo .category-copy{display:flex!important;visibility:visible!important;opacity:1!important}
#homeCategoryStrip .category-card.mitana-designed-category:after,
#homeCategoryStrip .category-card.mitana-showcase-photo:after{display:block!important;content:""!important}