/* Visual refinement and optional product-video presentation. */
:root{
  --ink:#1d211d;
  --paper:#f7f5f0;
  --sand:#e9e4da;
  --line:#d0cec5;
  --clay:#a86747;
  --soft-shadow:0 18px 48px rgba(29,33,29,.12);
}

body{letter-spacing:-.005em}
header,.quick-nav,.category-page-bar{background:rgba(247,245,240,.94);backdrop-filter:blur(14px)}
header{box-shadow:0 8px 24px rgba(29,33,29,.035)}
.logo{letter-spacing:-.09em}
.quick-nav a{transition:color .2s ease,background .2s ease}
.quick-nav a:hover,.quick-nav a.active{color:var(--clay)}

.hero-art img,.feature-image img{transition:transform 1.2s cubic-bezier(.2,.8,.2,1),filter .5s ease}
.hero-art:hover img,.feature-image:hover img{transform:scale(1.025);filter:saturate(.92)}
.hero-copy h1 em,.section h2 em{font-style:italic;color:#62675f}

.category-nav button,.category-tabs button{transition:background .25s ease,color .25s ease,transform .25s ease}
.category-nav button:hover,.category-tabs button:hover{color:var(--clay)}
.category-nav button.active:hover,.category-tabs button.active:hover{color:#fff}
.card,.library-card{transition:transform .3s ease,box-shadow .3s ease,background .3s ease}
.card:hover,.library-card:hover{background:#fffdf9;box-shadow:var(--soft-shadow);transform:translateY(-4px);z-index:1}
.card img,.library-card img{transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.card:hover img,.library-card:hover img{transform:scale(1.025)}
.card-arrow,.library-card i{transition:transform .25s ease,color .25s ease}
.card:hover .card-arrow,.library-card:hover i{color:var(--clay);transform:translate(3px,-3px)}

.modal{backdrop-filter:blur(9px)}
.modal-content{border:1px solid rgba(208,206,197,.9);box-shadow:0 26px 80px rgba(0,0,0,.23);overflow:hidden}
.modal-image{background:linear-gradient(145deg,#e9e4da,#f3f0e9)}
.modal-detail{background:rgba(247,245,240,.98)}
.modal-detail h2{letter-spacing:-.065em}
.modal-inquire{transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.modal-inquire:hover{background:var(--clay);transform:translateY(-2px);box-shadow:0 8px 20px rgba(168,103,71,.24)}
.gallery-slide{background:transparent}
.gallery-slide img{transition:transform .35s ease}
.gallery-video-slide{padding:14px}
.gallery-video-trigger{position:relative;width:100%;height:100%;padding:0;border:0;overflow:hidden;background:#252824;color:#fff;cursor:pointer}
.gallery-video-trigger img{width:100%;height:100%;object-fit:cover;mix-blend-mode:normal;filter:brightness(.72);transition:transform .5s ease,filter .3s ease}
.gallery-video-trigger:hover img{transform:scale(1.035);filter:brightness(.56)}
.video-preview-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;font:600 11px Manrope,sans-serif;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.video-preview-label i{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.75);border-radius:50%;font-style:normal;font-size:17px;padding-left:3px;transition:transform .25s ease,background .25s ease}
.gallery-video-trigger:hover .video-preview-label i{background:rgba(255,255,255,.16);transform:scale(1.08)}

.video-viewer{display:none;position:fixed;inset:0;z-index:90;align-items:center;justify-content:center;padding:5vw;background:rgba(15,18,15,.9);backdrop-filter:blur(12px)}
.video-viewer.show{display:flex}
.video-viewer-content{width:min(100%,1040px);aspect-ratio:16/9;background:#080908;box-shadow:0 24px 80px rgba(0,0,0,.42)}
.video-viewer-content video,.video-viewer-content iframe{display:block;width:100%;height:100%;border:0;background:#080908}
.video-viewer-content video{object-fit:contain}
.video-viewer-close{position:fixed;top:22px;right:28px;width:42px;height:42px;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:28px;line-height:1;cursor:pointer;transition:background .2s ease,transform .2s ease}
.video-viewer-close:hover{background:rgba(255,255,255,.18);transform:rotate(90deg)}

.video-link{display:inline-flex;align-items:center;gap:8px;margin:20px 0 2px;padding:0 0 5px;border:0;border-bottom:1px solid currentColor;background:transparent;color:var(--ink);font:600 11px Manrope,sans-serif;cursor:pointer}
.video-link:hover{color:var(--clay)}

@media(max-width:800px){
  .hero-art:hover img,.feature-image:hover img{transform:none}
  .card:hover,.library-card:hover{transform:none;box-shadow:none}
  /* Keep the floating contact control away from the product grid while scrolling. */
  .whatsapp{top:auto!important;bottom:18px!important;right:16px!important}
  .video-viewer{padding:18px}
  .video-viewer-content{width:100%;aspect-ratio:16/10}
  .video-viewer-close{top:12px;right:14px;width:38px;height:38px;font-size:25px}
  .gallery-video-slide{padding:8px}
  .video-preview-label{font-size:9px;gap:8px}
  .video-preview-label i{width:40px;height:40px;font-size:14px}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}
}