/* DARA · PREMIUM EDITORIAL SYSTEM 2026
   Theme overrides shared across all HTML pages, including 308 product detail pages.
   Catalog/3D/search behavior stays in existing scripts. */
:root{--bg:#f7f3ec;--surface:#fffdf9;--ink:#2a211b;--muted:#776c64;--line:#e6ddd1;--accent:#624534;--accent2:#9a6544;--shadow:0 20px 48px rgba(58,40,25,.10);--radius:12px}
html{scroll-padding-top:96px}
body{background:var(--bg)}
body,button,input,select{font-family:'DM Sans',sans-serif}
a,button{transition:background-color .25s,border-color .25s,color .25s,transform .25s,box-shadow .25s}
:focus-visible{outline:3px solid #b98d69;outline-offset:3px}
.kicker{font-size:11px;letter-spacing:.17em;color:#8e5c3c}
.topbar{background:rgba(255,253,249,.96);border-bottom:1px solid #e8e0d5;box-shadow:0 3px 15px rgba(35,24,18,.035)}
.topbar .nav{min-height:83px;gap:16px}
.brand{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;letter-spacing:0;font-family:Georgia,'Times New Roman',serif;color:#39291e;line-height:1;min-width:160px}
.brand span{font-size:32px;font-weight:400;letter-spacing:.06em}.brand small{font:600 8px/1.4 'DM Sans',sans-serif;letter-spacing:.12em;margin-top:5px;white-space:nowrap}
.navlinks{gap:25px;font-weight:600;color:#52483f}.navlinks>a{padding:10px 0}.navlinks>a:hover{color:#9a6544}
.navlinks a[aria-current='page']{color:#39291e!important;border-bottom:1px solid #6e4e38;font-weight:700}
.navlinks>a[data-phone]{display:inline-flex;padding:12px 19px!important;border:0!important;background:#624534!important;color:white!important;border-radius:4px!important;box-shadow:0 8px 18px rgba(80,53,36,.14);white-space:nowrap}
.navlinks>a[data-phone]:hover{background:#7e573f!important;transform:translateY(-2px)}
.translate-wrap{font-size:11px}.translate-wrap select{border-radius:6px}
.btn{border-radius:5px;min-height:44px;letter-spacing:.005em;gap:10px;padding:13px 22px}
.btn.primary{background:#614533;color:#fff;border-color:#614533}.btn.primary:hover{background:#816045;border-color:#816045;transform:translateY(-2px)}
.btn.light{background:#fffdf9;color:#614533;border-color:#d9cbbd}.btn.light:hover{background:#f0e9df;transform:translateY(-2px)}
footer{background:#faf7f2;padding:32px 0;border-color:#e5dbce}
.floating.whatsapp{background:#624534}.floating.to-top{background:#624534}
/* Homepage: curated product groups and image led editorial sections */
.dara-home-hero{min-height:min(750px,85vh)}
.dara-home-hero-content h1{font:400 clamp(52px,7.3vw,106px)/.99 Georgia,'Times New Roman',serif;letter-spacing:-.038em;max-width:740px}
.dara-home-hero-content h1 em{color:#f0d7ba;font-style:normal}
.dara-home-hero-content p{max-width:550px}.dara-home-hero-content .btn.primary{border-color:#fffbf4;background:#fffbf4;color:#533923}
.dara-home-hero-content .btn.light{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.75)}
.dara-home-lead h2{font:400 clamp(32px,4.5vw,58px)/1.15 Georgia,serif;letter-spacing:-.035em}
.dara-home-lead h2 em{color:#9b6643}
.dara-home-lead{padding-bottom:58px}
.dara-heading-centered{text-align:center;margin-bottom:36px}
.dara-heading-centered h2{font:400 clamp(30px,4.2vw,47px)/1.13 Georgia,serif;letter-spacing:-.025em;margin:10px 0 6px}
.dara-heading-centered p,.dara-muted{color:var(--muted);font-size:14px;line-height:1.7}
.dara-home-categories{padding:35px 0 90px}
.dara-category-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.dara-category-card{border:0;border-radius:7px;background:transparent;box-shadow:none;overflow:visible}
.dara-category-card:hover{box-shadow:none;transform:translateY(-4px)}
.dara-category-image{height:272px;border-radius:6px;background:#eee9e1;overflow:hidden}
.dara-category-image img{object-fit:contain;background:#faf7f2}
.dara-category-meta{padding:15px 0 8px}.dara-category-meta h3{font:700 clamp(17px,1.8vw,22px)/1.3 'DM Sans',sans-serif;margin:0 0 5px}
.dara-category-meta small{color:#766358}.dara-centered-action{text-align:center;padding-top:28px}
.dara-home-feature{background:#eadfd0;padding:0}.dara-home-feature-grid{min-height:480px;gap:0;grid-template-columns:1.07fr .93fr}
.dara-home-feature-img{border-radius:0;height:480px}.dara-home-feature-copy{padding:48px clamp(25px,4.5vw,80px)}
.dara-home-feature-copy h2,.dara-dark-cta h2{font:400 clamp(35px,4.1vw,58px)/1.16 Georgia,serif;letter-spacing:-.028em}
.dara-home-feature-copy p{line-height:1.9}.dara-home-feature-copy .btn{margin-top:23px}
.editorial-head h2,.editorial-contact h2{font:400 clamp(31px,4.4vw,51px)/1.15 Georgia,serif;letter-spacing:-.023em}
.dara-featured-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-bottom:30px}
.card{border-radius:7px;border:1px solid #eadfd3;box-shadow:none;background:#fffdf9;overflow:hidden}
.card:hover{transform:translateY(-5px);box-shadow:0 20px 35px rgba(70,50,30,.10)}
.card-img{aspect-ratio:1/.93;background:#f8f5ef}.card-img img{background:#f9f7f3;transition:transform .55s ease}.card:hover .card-img img{transform:scale(1.045)}
.card-body{padding:17px 17px 20px}.card h2{font:700 17px/1.3 'DM Sans',sans-serif;margin:7px 0 10px}
.card-link{color:#9a6544;font-size:12px}.card-cat{color:#9a6544;font-size:10px}
.dara-home-benefits{gap:25px;padding-top:28px}.dara-home-benefits>div{border-top-color:#cdbfad}.dara-home-benefits h3{font-family:'DM Sans',sans-serif;font-size:18px}
.dara-dark-cta{background:linear-gradient(95deg,#342419,#71513a);color:#fff;padding:95px 0;margin-bottom:0}
.dara-dark-cta-inner{text-align:center}.dara-dark-cta .kicker{color:#e2bb95}.dara-dark-cta h2{margin:14px 0}.dara-dark-cta p{color:#ede0d4;margin:0 0 25px}.dara-dark-cta .btn.primary{background:#fffbf4;color:#49311f;border-color:#fffbf4}
/* Shared page hero / About */
.dara-split-hero{display:grid;grid-template-columns:.97fr 1.03fr;gap:48px;align-items:center;padding:65px 0 70px}
.dara-split-copy{padding:15px 0}.dara-split-copy h1,.dara-contact-copy h1{font:400 clamp(46px,5.7vw,78px)/1.09 Georgia,serif;letter-spacing:-.04em;margin:15px 0 19px}
.dara-split-copy h1 em,.dara-contact-copy h1 em{color:#a37151;font-style:normal}
.dara-split-copy p{color:var(--muted);line-height:1.85;max-width:540px;font-size:15px}
.dara-split-copy .dara-lead{font-size:20px;color:#47382b;line-height:1.65}
.dara-split-copy .btn{margin-top:21px}.dara-split-picture{position:relative;border-radius:9px;overflow:hidden;background:#e8ddd0}
.dara-split-picture img{width:100%;height:500px;object-fit:cover;object-position:66% center;display:block;transition:transform .75s ease}
.dara-split-picture:hover img{transform:scale(1.04)}
.dara-split-picture>span{position:absolute;bottom:13px;right:15px;color:#fff;font-size:9px;letter-spacing:.12em;text-shadow:0 1px 5px #333}
.dara-about-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;padding:10px 0 90px}
.dara-story-heading h2{font:400 clamp(32px,4vw,48px)/1.15 Georgia,serif;margin:17px 0;letter-spacing:-.026em}
.dara-story-text p{line-height:1.95;color:var(--muted);font-size:15px;margin:0 0 20px}
.dara-values-section{background:#efe7dc;padding:76px 0 94px}
.dara-values-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;margin-top:28px}
.dara-value{background:#fffbf6;padding:28px 24px 32px;min-height:205px;border:1px solid #e6dacb;border-radius:6px}
.dara-value-icon{display:grid;place-items:center;width:54px;height:54px;border:1px solid #ad8166;color:#845a42;border-radius:50%;font-size:29px;line-height:1}
.dara-value h3{font-size:17px;margin:26px 0 7px}.dara-value p{color:var(--muted);line-height:1.6;font-size:13px;margin:0}
/* Catalog: search+filter toolbar, curated grid matches homepage */
.dara-catalog-head{padding:53px 0 38px}.dara-breadcrumb,.dara-detail-breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12px;color:#8f7d6b;margin-bottom:35px}
.dara-breadcrumb a:hover,.dara-detail-breadcrumb a:hover{text-decoration:underline}
.dara-catalog-head h1{font:400 clamp(52px,6.5vw,84px)/1 Georgia,serif;letter-spacing:-.035em;margin:15px 0 10px}
.dara-catalog-head p{font-size:16px;color:var(--muted);line-height:1.75}
.dara-catalog-body{padding-bottom:25px}
.dara-catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:13px 0 22px}
.dara-search-box{position:relative;display:flex;align-items:center;max-width:470px;width:100%}
.dara-search-box>span{position:absolute;left:17px;font-size:26px;color:#9c7a63;line-height:1;pointer-events:none}
.dara-search-box .search{border-radius:5px;padding:15px 14px 15px 48px;margin:0;border-color:#e0d5c8;background:#fffdf9;box-shadow:none;min-height:52px}
.dara-sort-label{font-size:10px;letter-spacing:.16em;color:#987c68;font-weight:700;white-space:nowrap}
.filters{gap:8px;margin:0 0 25px;row-gap:9px}
.filter{border-radius:5px;padding:10px 13px;font-family:'DM Sans',sans-serif;background:#fffdf9;border-color:#dfd2c4;color:#5e544b}
.filter.active,.filter:hover{background:#624534;border-color:#624534;color:#fff}
.dara-catalog-counter{display:flex;justify-content:space-between;gap:14px;padding:0 0 16px;font-size:12px;color:#8b7d70}
.dara-catalog-body>.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;padding-bottom:65px}
.dara-catalog-body .card-img{aspect-ratio:1/1.08}.dara-catalog-body .card-body{min-height:96px}
/* Product details: elegant breadcrumb, large photo, small image thumbnail and sensible actions */
.detail{padding:38px 0 64px}.dara-detail-breadcrumb{margin-bottom:30px}
.detail-layout{grid-template-columns:1.04fr .96fr;gap:55px;align-items:start}
.product-visual{display:grid;grid-template-columns:74px minmax(0,1fr);gap:13px;position:sticky;top:110px}
.dara-thumb-rail{grid-column:1;display:flex;flex-direction:column;gap:10px}
.dara-thumb{width:72px;height:80px;padding:5px;background:#fffdf8;border:1px solid #c9b6a4;border-radius:5px;cursor:pointer;overflow:hidden}
.dara-thumb:hover{border-color:#76513a}.dara-thumb img{width:100%;height:100%;object-fit:contain}
.visual-frame{grid-column:2;padding:0;border-radius:8px;background:#f7f3eb;border-color:#e2d7ca;box-shadow:none;overflow:hidden}
.visual-image{border-radius:0;aspect-ratio:1/1.06;background:#faf8f4}
.visual-image img{background:#faf8f4;transition:transform .55s ease}.visual-frame:hover .visual-image img{transform:scale(1.04)}
.dara-product-photo-caption{text-align:right;padding:8px 14px 12px;color:#977b68;font-size:9px;letter-spacing:.12em}
.detail-copy{padding:12px 0}.detail-copy .kicker{font-size:12px}
.detail-copy h1{font:400 clamp(38px,4.4vw,66px)/1.09 Georgia,serif;letter-spacing:-.032em;margin:17px 0 20px}
.detail-copy .lead{font-size:16px;line-height:1.8}.meta{margin:23px 0}
.pill{border-radius:4px;background:#eee7df;color:#654e3a;padding:8px 12px}
.detail-copy .btn.primary{display:inline-flex}.detail-copy .btn.light{margin-top:3px}
.model-3d-card{background:#fffcf8;border:1px solid #d8c4b2;border-radius:6px;margin-top:25px;padding:20px;align-items:center}
.model-3d-card:hover{border-color:#a47554;box-shadow:0 14px 30px rgba(80,55,39,.1)}
.model-3d-card h3{font-size:18px;color:#604534}.model-3d-arrow{color:#8a583b}
.product-contact{background:#f0e8de}.contact-section{background:#f0e8de}
/* Contact: image-first, working tel/mail/social and Google Maps preserved */
.dara-contact-top{padding:35px 0 10px}
.dara-contact-banner{display:grid;grid-template-columns:1fr 1fr;min-height:440px;align-items:center;gap:50px}
.dara-contact-copy{padding:25px 0}.dara-contact-copy p{max-width:500px;line-height:1.85;color:var(--muted);font-size:17px}
.dara-contact-copy .btn{margin-top:23px}
.dara-contact-visual{overflow:hidden;border-radius:7px}.dara-contact-visual img{width:100%;height:430px;object-fit:cover;object-position:48% center;transition:transform .8s ease}
.dara-contact-visual:hover img{transform:scale(1.04)}
.dara-contact-content{background:#f2eadf;padding:84px 0 96px}
.contact-grid{gap:58px}.contact-grid h2{font:400 clamp(34px,4vw,50px)/1.18 Georgia,serif;letter-spacing:-.027em}
.contact-item{font-size:14px;padding:18px 0;border-color:#d9cbbd}.contact-item strong{max-width:350px;overflow-wrap:anywhere}
.social{background:#fffdf9;border-color:#d5c4b3;border-radius:7px}.social:hover{border-color:#9a6544}
.map-card{border-radius:7px;border-color:#d7c8bb;box-shadow:0 20px 42px rgba(67,45,26,.08)}
.editorial-contact{padding-top:70px;padding-bottom:95px}
/* Animation: observer adds classes only after DOM is ready; reduced motion is fully supported */
.reveal{opacity:1;transform:none;transition:none}
.has-motion .motion-item{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform}
.has-motion .motion-item.in-view{opacity:1;transform:translateY(0);will-change:auto}
/* Card motion applies only on card's scroll into view; each card keeps its hover transform after reveal */
.has-motion #productGrid .card.motion-item.in-view:hover{transform:translateY(-5px)}
@media(max-width:1100px){.dara-category-four{gap:13px}.dara-category-image{height:225px}.dara-catalog-body>.grid,.dara-featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.navlinks{gap:15px}.brand{min-width:140px}}
@media(max-width:850px){
 .topbar .nav{min-height:70px}.brand{min-width:0;flex:1}.brand span{font-size:27px}.brand small{font-size:7px}
 .nav-toggle{background:#624534;color:#fff;border:0;border-radius:5px}
 .navlinks{background:#30241d!important;color:#f8eee5!important;border:0!important;border-radius:0 0 12px 12px!important;padding:24px!important;box-shadow:0 22px 35px rgba(25,19,15,.28)!important}
 .navlinks>a{color:#fff!important;border-bottom:1px solid rgba(255,255,255,.13)!important;padding:15px 5px!important}
 .navlinks>a[aria-current='page']{color:#eec9a5!important}
 .navlinks>a[data-phone]{justify-content:center;margin-top:12px;background:#a47858!important;border:0!important}
 .navlinks .translate-wrap{color:#f4e9dc;display:flex;gap:14px}
 .dara-split-hero,.dara-contact-banner,.dara-about-story,.dara-home-feature-grid{grid-template-columns:1fr;gap:25px}
 .dara-split-hero{padding-top:36px}.dara-split-picture img{height:400px}
 .dara-values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dara-category-four{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dara-category-image{height:275px}
 .dara-home-feature-img{height:360px}.dara-home-feature-copy{padding:25px 0 55px}
 .dara-catalog-body>.grid,.dara-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .detail-layout{grid-template-columns:1fr;gap:23px}.product-visual{position:static}
 .dara-contact-banner{min-height:auto}.dara-contact-visual img{height:350px}
 .dara-about-story{padding-bottom:50px}
}
@media(max-width:560px){
 .container{width:min(100% - 28px,1180px)}
 .dara-home-hero{min-height:640px}.dara-home-hero-content h1{font-size:clamp(45px,11vw,60px)}
 .dara-home-lead{display:block;padding:58px 0 30px}.dara-home-categories{padding-bottom:55px}
 .dara-category-four{gap:12px}.dara-category-image{height:180px}.dara-category-meta h3{font-size:16px}
 .dara-home-feature-img{height:260px}.dara-home-feature-copy{padding-bottom:45px}
 .dara-featured-grid,.dara-catalog-body>.grid{gap:10px}.card-body{padding:11px 12px}.card h2{font-size:14px}.card-cat{font-size:9px}
 .dara-split-copy h1,.dara-contact-copy h1{font-size:44px}.dara-split-picture img{height:300px}
 .dara-values-grid{gap:10px}.dara-value{padding:17px 14px;min-height:195px}.dara-value h3{font-size:14px;margin-top:17px}.dara-value p{font-size:12px}
 .dara-catalog-head{padding-top:28px}.dara-catalog-toolbar{display:block}.dara-sort-label{margin-top:14px}.dara-catalog-counter{font-size:10px}
 .dara-detail-breadcrumb{margin-bottom:20px}.detail{padding-top:25px}.detail-copy h1{font-size:40px}
 .product-visual{grid-template-columns:52px minmax(0,1fr);gap:8px}.dara-thumb{width:51px;height:62px;padding:3px}
 .dara-contact-visual img{height:260px}.dara-contact-content{padding:60px 0}
 .dara-dark-cta{padding:66px 0}.editorial-head{gap:12px}.editorial-head h2{font-size:33px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.has-motion .motion-item{opacity:1!important;transform:none!important}}