:root{
    /* ── Jass Carpets Brand Colors (from logo) ── */
    --bg:#f8f6f3;
    --bg-alt:#f0ece5;
    --ink:#1a1a1a;           /* logo dark black */
    --ink-dim:#5a4a3a;
    --rust:#a03c28;           /* logo brick red */
    --rust-bright:#8a3020;
    --gold:#a03c28;           /* using brand red as accent */
    --gold-soft:#d4896e;
    --wine:#1a1a1a;
    --sand:#f0ece5;
    --line:#e0d8cc;
    --card:#ffffff;
    --radius:3px;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{background:var(--bg); color:var(--ink); font-family:'Work Sans',sans-serif; font-weight:400; line-height:1.55; -webkit-font-smoothing:antialiased;}
  @media (prefers-reduced-motion: reduce){*{animation-duration:.001ms !important; transition-duration:.001ms !important;}}
  img,svg{display:block; max-width:100%;}
  a{color:inherit; text-decoration:none;}
  ul{list-style:none;}
  button{font-family:inherit; cursor:pointer;}
  .wrap{max-width:1240px; margin:0 auto; padding:0 32px;}
  h1,h2,h3{font-family:'Fraunces',serif; font-weight:500; letter-spacing:-0.01em; color:var(--ink);}
  em{font-style:italic; color:var(--rust);}
  .eyebrow{font-family:'Space Mono',monospace; font-size:11px; letter-spacing:0.18em; text-transform:uppercase; color:var(--rust);}
  a:focus-visible, button:focus-visible, input:focus-visible{outline:2px solid var(--rust); outline-offset:2px;}
  .price-now{display: none;}
  /* ---------- UTILITY BAR ---------- */
  .utility-bar{background:var(--ink); color:var(--gold-soft); font-family:'Space Mono',monospace; font-size:11.5px; letter-spacing:0.05em; padding:9px 0; text-align:center; letter-spacing:0.08em;}

  /* ---------- NAV ---------- */
  header.nav{position:sticky; top:0; z-index:100; background:var(--bg); border-bottom:1px solid var(--line);}
  .nav-inner{display:flex; align-items:center; gap:28px; padding:18px 0;}
  .logo{font-family:'Fraunces',serif; font-size:23px; font-weight:600; letter-spacing:0.02em; white-space:nowrap;}
  .logo em{color:var(--rust);}
  .nav-links{display:flex; gap:30px; flex:auto;}
  .nav-links a{font-size:14px; font-weight:500; color:var(--ink); position:relative; padding:4px 0;}
  .nav-links a::after{content:''; position:absolute; left:0; bottom:0; width:0; height:2px; background:var(--rust); transition:width .25s ease;}
  .nav-links a:hover::after{width:100%;}
  .search-box{flex:1; max-width:340px; display:flex; align-items:center; gap:8px; background:var(--bg-alt); border:1px solid var(--line); border-radius:20px; padding:9px 16px;}
  .search-box input{border:none; background:none; flex:1; font-size:13.5px; color:var(--ink); outline:none;}
  .search-box svg{width:16px; height:16px; color:var(--ink-dim); flex-shrink:0;}
  .nav-icons{display:flex; align-items:center; gap:20px;}
  .icon-btn{position:relative; width:22px; height:22px; color:var(--ink);}
  .icon-btn svg{width:100%; height:100%;}
  .badge{position:absolute; top:-9px; right:-11px; background:var(--rust); color:#fff; font-size:10px; font-family:'Space Mono',monospace; width:17px; height:17px; border-radius:50%; display:flex; align-items:center; justify-content:center; transition:transform .2s ease;}
  .badge.pulse{animation:pulse .4s ease;}
  @keyframes pulse{0%{transform:scale(1);}50%{transform:scale(1.4);}100%{transform:scale(1);}}
  .burger{display:none; flex-direction:column; gap:5px; background:none; border:none;}
  .burger span{width:22px; height:2px; background:var(--ink);}

  /* ---------- HERO 3D (pinned scroll-driven, webgi-jewelry style) ---------- */
  .hero3d-pin{position:relative; height:320vh; background:var(--rust);}
  .hero3d-sticky{position:sticky; top:0; height:100vh; overflow:hidden; background:linear-gradient(160deg,#3d3d3d 0%,#2a2a2a 100%);}
  .hero3d-canvas{position:absolute; inset:0; width:100%; height:100%;}
  .hero3d-canvas canvas{display:block; width:100%; height:100%;}
  .hero3d-fallback{position:absolute; inset:0; width:100%; height:100%; opacity:.5;}

  .hero3d-panels{position:relative; height:100%; z-index:2; pointer-events:none;}
  .hero3d-panel{
    position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center;
    max-width:520px; opacity:0; transform:translateY(28px);
    transition:opacity .5s ease, transform .6s ease; pointer-events:none;
  }
  .hero3d-panel.is-active{opacity:1; transform:translateY(0); pointer-events:auto;}
  .hero3d-panel .eyebrow{color:var(--gold-soft); margin-bottom:16px;}
  .hero3d-panel h1, .hero3d-panel h2{color:#fff; font-size:clamp(34px,4.4vw,54px); line-height:1.08; margin-bottom:18px;}
  .hero3d-panel h1 em, .hero3d-panel h2 em{color:var(--gold); font-style:italic;}
  .hero3d-panel p{font-size:16px; color:rgba(255,255,255,0.72); max-width:440px; margin-bottom:26px;}
  .hero3d-panel .hero-trust{margin-top:6px;}
  .hero3d-panel .trust-chip{color:rgba(255,255,255,0.65);}
  .hero3d-panel .trust-chip svg{color:var(--gold);}
  .hero3d-panel .btn--outline{border-color:rgba(255,255,255,0.5); color:#fff;}
  .hero3d-panel .btn--outline:hover{background:#fff; color:var(--ink);}
  .hero3d-panel .btn--solid{background:var(--gold); color:#241f14;}
  .hero3d-panel .btn--solid:hover{background:var(--gold-soft); box-shadow:0 10px 24px -8px rgba(207,167,97,0.5);}

  .hero3d-scrollcue{
    position:absolute; left:50%; bottom:34px; transform:translateX(-50%);
    display:flex; flex-direction:column; align-items:center; gap:8px;
    color:rgba(255,255,255,0.65); font-family:'Space Mono',monospace; font-size:11px;
    letter-spacing:0.12em; text-transform:uppercase; z-index:3; transition:opacity .4s ease;
  }
  .hero3d-scrollcue i{width:1px; height:34px; background:linear-gradient(to bottom, var(--gold), transparent); position:relative; overflow:hidden;}
  .hero3d-scrollcue i::after{content:''; position:absolute; left:0; top:-100%; width:100%; height:100%; background:var(--gold); animation:cueDrop 1.6s ease-in-out infinite;}
  @keyframes cueDrop{0%{top:-100%;} 100%{top:100%;}}
  .hero3d-scrollcue.is-hidden{opacity:0; pointer-events:none;}

  .hero3d-progress{position:absolute; right:34px; top:50%; transform:translateY(-50%); display:flex; flex-direction:column; gap:12px; z-index:3;}
  .hero3d-progress span{width:7px; height:7px; border-radius:50%; background:rgba(255,255,255,0.3); transition:background .3s ease, transform .3s ease;}
  .hero3d-progress span.is-active{background:var(--gold); transform:scale(1.3);}

  .btn{display:inline-flex; align-items:center; gap:9px; font-size:13.5px; font-weight:600; padding:15px 28px; border-radius:2px; transition:transform .2s ease, box-shadow .2s ease, background .25s ease;}
  .btn--solid{background:var(--rust); color:#fff;}
  .btn--solid:hover{background:var(--rust-bright); transform:translateY(-2px); box-shadow:0 10px 24px -8px rgba(154,51,36,0.5);}
  .btn--outline{border:1.5px solid var(--ink); color:var(--ink);}
  .btn--outline:hover{background:var(--ink); color:var(--bg); transform:translateY(-2px);}
  .btn svg{width:15px; height:15px;}
  .hero-ctas{display:flex; gap:14px; margin-bottom:30px; flex-wrap:wrap;}
  .hero-trust{display:flex; gap:26px; flex-wrap:wrap;}
  .trust-chip{display:flex; align-items:center; gap:8px; font-size:12.5px; color:var(--ink-dim); font-family:'Space Mono',monospace;}
  .trust-chip svg{width:15px; height:15px; color:var(--rust);}
  .price-float{
    position:absolute; bottom:6%; left:0; background:var(--card); border:1px solid var(--line);
    border-radius:var(--radius); padding:14px 18px; box-shadow:0 20px 40px -20px rgba(35,24,16,0.3);
    display:flex; align-items:center; gap:12px;
  }
  .price-float .dot{width:10px; height:10px; border-radius:50%; background:#3f7d4d;}
  .price-float b{display:block; font-family:'Fraunces',serif; font-size:15px;}
  .price-float span{font-size:11px; color:var(--ink-dim); font-family:'Space Mono',monospace;}

  /* ---------- VIRTUAL SHOWROOM (inspired by neotix vitrine virtual) ---------- */
  .showroom{background:var(--bg-alt);}
  .showroom-inner{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center;}
  .showroom-viewer{position:relative; aspect-ratio:1/1; background:linear-gradient(160deg,#3d3d3d 0%,#2a2a2a 100%); border-radius:6px; overflow:hidden;}
  .showroom-canvas{position:absolute; inset:0; width:100%; height:100%;}
  .showroom-canvas canvas{display:block; width:100%; height:100%; touch-action:none;}
  .showroom-fallback{position:absolute; inset:0; width:100%; height:100%; object-fit:contain; padding:10%;}
  .showroom-hint{
    position:absolute; left:0; right:0; bottom:16px; text-align:center;
    display:flex; align-items:center; justify-content:center; gap:8px;
    font-family:'Space Mono',monospace; font-size:11px; letter-spacing:0.05em; text-transform:uppercase;
    color:rgba(255,255,255,0.55); pointer-events:none;
  }
  .showroom-hint svg{width:16px; height:16px;}
  .showroom-viewbtns{position:absolute; top:16px; right:16px; display:flex; gap:6px; background:rgba(0,0,0,0.25); border-radius:20px; padding:4px;}
  .showroom-viewbtns button{
    border:none; background:none; color:rgba(255,255,255,0.7); font-family:'Space Mono',monospace;
    font-size:11px; letter-spacing:0.04em; text-transform:uppercase; padding:7px 14px; border-radius:16px; cursor:pointer;
    transition:background .2s ease, color .2s ease;
  }
  .showroom-viewbtns button.is-active{background:var(--gold); color:#241f14;}

  .showroom-info .eyebrow{margin-bottom:14px;}
  .showroom-info h2{font-size:clamp(26px,3vw,36px); margin-bottom:10px;}
  .showroom-price{font-family:'Fraunces',serif; font-size:22px; color:var(--rust); margin-bottom:16px;}
  .showroom-info > p{color:var(--ink-dim); font-size:15px; max-width:440px; margin-bottom:26px;}
  .showroom-swatch-label{font-family:'Space Mono',monospace; font-size:11.5px; text-transform:uppercase; letter-spacing:0.06em; color:var(--ink-dim); margin-top:30px; margin-bottom:14px;}
  .showroom-swatches{display:flex; gap:10px; flex-wrap:wrap;}
  .showroom-swatch{
    width:56px; height:56px; border-radius:8px; border:2px solid transparent; padding:0; overflow:hidden;
    cursor:pointer; background:none; transition:border-color .2s ease, transform .2s ease;
  }
  .showroom-swatch img{width:100%; height:100%; object-fit:cover;}
  .showroom-swatch:hover{transform:translateY(-2px);}
  .showroom-swatch.is-active{border-color:var(--gold);}

  @media (max-width:1080px){
    .showroom-inner{grid-template-columns:1fr; gap:34px;}
  }

  /* ---------- SECTION SHELL ---------- */
  section{padding:80px 0;}
  .section-head{display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:40px; gap:20px; flex-wrap:wrap;}
  .section-head h2{font-size:clamp(26px,3.2vw,36px);}
  .section-head .eyebrow{margin-bottom:10px;}
  .view-all{font-size:12.5px; font-family:'Space Mono',monospace; letter-spacing:0.06em; text-transform:uppercase; border-bottom:1px solid var(--ink); padding-bottom:3px;}
  .reveal{transform:translateY(24px); transition:opacity .7s ease, transform .7s ease;}
  .reveal.in{opacity:1; transform:translateY(0);}

  /* ---------- CATEGORIES ---------- */
  .cat-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
  .cat-card{position:relative; aspect-ratio:3/2; border-radius:var(--radius); overflow:hidden; display:flex; align-items:flex-end; padding:18px; transition:transform .3s ease;}
  .cat-card:hover{transform:translateY(-5px);}
  .cat-card .pattern{position:absolute; inset:0;}
  .cat-card .overlay{position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,0.55), transparent 60%);}
  .cat-card span{position:relative; color:#fff; font-family:'Fraunces',serif; font-size:16px; font-weight:500;}

  /* ---------- PRODUCT GRID ---------- */
  .prod-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:26px;}
  .prod-card{background:var(--card); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; transition:box-shadow .3s ease, transform .3s ease;}
  .prod-card:hover{box-shadow:0 18px 34px -18px rgba(35,24,16,0.28); transform:translateY(-4px);}
  /* Fixed square crop — every card image is same size regardless of upload dimensions */
  .prod-media{position:relative; aspect-ratio:1/1; overflow:hidden; display:block; background:var(--sand);}
  .prod-media img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; transition:transform .5s ease;}
  .prod-card:hover .prod-media img{transform:scale(1.06);}
  .prod-media svg{transition:transform .5s ease;}
  .prod-card:hover .prod-media svg{transform:scale(1.08);}
  /* Also keep all cards same height in a grid row */
  .prod-card{display:flex; flex-direction:column;}
  .prod-info{flex:1; display:flex; flex-direction:column;}
  .prod-info .price-row{margin-top:auto; padding-top:8px;}
  .prod-discount{position:absolute; top:12px; left:12px; background:var(--rust); color:#fff; font-family:'Space Mono',monospace; font-size:10.5px; padding:4px 9px; border-radius:2px;}
  .wish-btn{position:absolute; top:10px; right:10px; width:32px; height:32px; background:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; border:none; box-shadow:0 4px 10px rgba(0,0,0,0.12);}
  .wish-btn svg{width:16px; height:16px; color:var(--ink); transition:color .2s ease, fill .2s ease;}
  .wish-btn.active svg{color:var(--rust); fill:var(--rust);}
  .prod-info{padding:16px 16px 18px;}
  .prod-info .cat-tag{font-family:'Space Mono',monospace; font-size:10px; letter-spacing:0.06em; text-transform:uppercase; color:var(--ink-dim);}
  .prod-info h3{font-size:15.5px; font-weight:500; margin:6px 0 6px; font-family:'Work Sans',sans-serif;}
  .stars{display:flex; align-items:center; gap:4px; margin-bottom:8px;}
  .stars svg{width:12px; height:12px; color:var(--gold);}
  .stars span{font-size:11px; color:var(--ink-dim); margin-left:4px;}
  .price-row{display:flex; align-items:center; gap:8px; margin-bottom:12px;}
  .price-now{font-family:'Fraunces',serif; font-size:17px; font-weight:600;}
  .price-was{font-size:12.5px; color:var(--ink-dim); text-decoration:line-through;}
  .add-cart{width:100%; background:var(--ink); color:var(--bg); font-size:12.5px; font-weight:600; letter-spacing:0.03em; padding:11px; border:none; border-radius:2px; display:flex; align-items:center; justify-content:center; gap:8px; transition:background .25s ease;}
  .add-cart:hover{background:var(--rust);}
  .add-cart svg{width:14px; height:14px;}
  .add-cart.added{background:#3f7d4d;}

  /* ---------- PROMO BANNER ---------- */
  .promo{background:var(--wine); color:#fff; border-radius:var(--radius); padding:56px 60px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:24px; position:relative; overflow:hidden;}
  .promo::before{content:''; position:absolute; inset:0; background-image:repeating-linear-gradient(45deg, rgba(255,255,255,0.04) 0 2px, transparent 2px 18px);}
  .promo-copy{position:relative; max-width:480px;}
  .promo-copy .eyebrow{color:var(--gold-soft);}
  .promo-copy h2{color:#fff; margin:12px 0 12px; font-size:clamp(24px,3vw,34px);}
  .promo-copy p{color:rgba(255,255,255,0.75); font-size:14.5px;}
  .promo .btn--solid{position:relative; background:var(--gold); color:var(--wine);}
  .promo .btn--solid:hover{background:#c79238;}

  /* ---------- OUR FLOORING SERVICES ---------- */
  .services-section .section-head{align-items:flex-start;}
  .services-lead{color:var(--ink-dim); font-size:14.5px; max-width:340px; text-align:right;}
  .services-grid{display:grid; grid-template-columns:repeat(6,1fr); gap:18px;}
  .service-card{
    display:block; background:var(--card); border:1px solid var(--line); border-radius:var(--radius);
    overflow:hidden; text-align:center; transition:box-shadow .3s ease, transform .3s ease;
  }
  .service-card:hover{box-shadow:0 18px 34px -18px rgba(35,24,16,0.28); transform:translateY(-4px);}
  .service-card img{width:100%; aspect-ratio:1/1; object-fit:cover; transition:transform .5s ease;}
  .service-card:hover img{transform:scale(1.08);}
  .service-card h3{font-size:14.5px; padding:14px 8px;}

  /* ---------- ABOUT / TRUSTED COMPANY ---------- */
  .about-brand{background:var(--bg-alt);}
  .about-brand-grid{display:grid; grid-template-columns:0.9fr 1.1fr; gap:52px; align-items:center;}
  .about-brand-media{border-radius:var(--radius); overflow:hidden; aspect-ratio:4/3;}
  .about-brand-media img{width:100%; height:100%; object-fit:cover;}
  .about-brand-copy .eyebrow{margin-bottom:14px;}
  .about-brand-copy h2{font-size:clamp(26px,3vw,36px); margin-bottom:18px;}
  .about-brand-copy p{color:var(--ink-dim); font-size:15.5px; line-height:1.8; max-width:520px;}
  .about-brand-founder{margin-top:18px; margin-bottom:24px; color:var(--ink) !important; font-size:14px !important;}

  /* ---------- WHY CHOOSE US ---------- */
  .why-choose-lead{color:var(--ink-dim); font-size:15px; max-width:520px; margin:14px auto 0;}
  .why-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:44px;}
  .why-card{background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:32px 26px; text-align:center; transition:box-shadow .3s ease, transform .3s ease;}
  .why-card:hover{box-shadow:0 18px 34px -18px rgba(35,24,16,0.28); transform:translateY(-4px);}
  .why-icon{
    width:58px; height:58px; border-radius:50%; background:var(--bg-alt); color:var(--rust);
    display:flex; align-items:center; justify-content:center; font-size:22px; margin:0 auto 18px;
  }
  .why-card h3{font-size:16.5px; margin-bottom:10px;}
  .why-card p{font-size:13.5px; color:var(--ink-dim); line-height:1.6;}

  /* ---------- TRUST STRIP ---------- */
  .trust-strip{display:grid; grid-template-columns:repeat(4,1fr); gap:2px; background:var(--line); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden;}
  .trust-item{background:var(--card); padding:30px 26px; text-align:left;}
  .trust-item svg{width:26px; height:26px; color:var(--rust); margin-bottom:14px;}
  .trust-item h3{font-size:15px; margin-bottom:6px;}
  .trust-item p{font-size:12.5px; color:var(--ink-dim);}

  /* ---------- REVIEWS ---------- */
  .review-strip{display:flex; gap:22px; overflow-x:auto; padding-bottom:10px; scrollbar-width:thin;}
  .review-card{flex:0 0 300px; background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:26px;}
  .review-card .stars{margin-bottom:14px;}
  .review-card p.quote{font-size:14px; color:var(--ink); margin-bottom:16px; line-height:1.55;}
  .review-card .who{font-family:'Space Mono',monospace; font-size:11px; color:var(--ink-dim); text-transform:uppercase; letter-spacing:0.05em;}

  /* ---------- NEWSLETTER ---------- */
  .newsletter{background:var(--bg-alt); border-radius:var(--radius); padding:56px 60px; text-align:center;}
  .newsletter h2{font-size:clamp(24px,3vw,32px); margin-bottom:10px;}
  .newsletter p{color:var(--ink-dim); font-size:14.5px; margin-bottom:26px;}
  .newsletter-form{display:flex; max-width:420px; margin:0 auto; gap:10px;}
  .newsletter-form input{flex:1; padding:14px 18px; border:1px solid var(--line); border-radius:2px; font-size:14px; background:var(--card);}
  .newsletter-form input:focus{outline:none; border-color:var(--rust);}
  .nl-status{margin-top:14px; font-family:'Space Mono',monospace; font-size:12px; color:var(--rust); min-height:16px;}
  .nl-status--ok{color:#2f8f5b;}
  .nl-status--error{color:#b3413a;}
  .nl-honeypot{position:absolute !important; left:-9999px !important; width:1px; height:1px; opacity:0; pointer-events:none;}

  /* ---------- FOOTER ---------- */
  footer{background:var(--ink); color:var(--gold-soft); padding-top:64px;}
  .footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; padding-bottom:48px; border-bottom:1px solid rgba(255,255,255,0.1);}
  .footer-brand .logo{color:#fff; font-size:22px;}
  .footer-brand p{color:rgba(232,211,171,0.7); font-size:13px; margin-top:14px; max-width:260px;}
  .pay-icons{display:flex; gap:8px; margin-top:20px;}
  .pay-icons span{font-family:'Space Mono',monospace; font-size:9.5px; border:1px solid rgba(255,255,255,0.2); padding:5px 8px; border-radius:2px; color:rgba(255,255,255,0.6);}
  .footer-col h4{font-family:'Space Mono',monospace; font-size:11px; letter-spacing:0.1em; text-transform:uppercase; color:#fff; margin-bottom:16px;}
  .footer-col a{display:block; font-size:13.5px; color:rgba(232,211,171,0.75); margin-bottom:11px;}
  .footer-col a:hover{color:#fff;}
  .footer-bottom{display:flex; justify-content:space-between; align-items:center; padding:24px 0; flex-wrap:wrap; gap:10px;}
  .footer-bottom p{font-size:12px; color:rgba(232,211,171,0.55); font-family:'Space Mono',monospace;}
  .socials{display:flex; gap:14px;}
  .socials a{width:32px; height:32px; border:1px solid rgba(255,255,255,0.18); border-radius:50%; display:flex; align-items:center; justify-content:center;}
  .socials svg{width:14px; height:14px;}

  /* ---------- CART DRAWER ---------- */
  .overlay-bg{position:fixed; inset:0; background:rgba(0,0,0,0.4); opacity:0; pointer-events:none; transition:opacity .3s ease; z-index:200;}
  .overlay-bg.show{opacity:1; pointer-events:auto;}
  .cart-drawer{position:fixed; top:0; right:0; bottom:0; width:380px; max-width:90vw; background:var(--bg); z-index:201; transform:translateX(100%); transition:transform .35s ease; display:flex; flex-direction:column; box-shadow:-20px 0 40px rgba(0,0,0,0.15);}
  .cart-drawer.open{transform:translateX(0);}
  .cart-head{display:flex; justify-content:space-between; align-items:center; padding:22px 24px; border-bottom:1px solid var(--line);}
  .cart-head h3{font-size:18px;}
  .cart-close{width:28px; height:28px; border:none; background:none;}
  .cart-close svg{width:100%; height:100%;}
  .cart-items{flex:1; overflow-y:auto; padding:20px 24px;}
  .cart-item{display:flex; gap:14px; margin-bottom:18px; align-items:center;}
  .cart-item .swatch{width:56px; height:56px; border-radius:2px; overflow:hidden; flex-shrink:0;}
  .cart-item .ci-info{flex:1;}
  .cart-item .ci-info h4{font-size:13.5px; font-weight:500;}
  .cart-item .ci-info span{font-size:12px; color:var(--ink-dim);}
  .cart-empty{text-align:center; color:var(--ink-dim); font-size:13.5px; margin-top:40px;}
  .cart-foot{padding:20px 24px; border-top:1px solid var(--line);}
  .cart-total{display:flex; justify-content:space-between; font-family:'Fraunces',serif; font-size:17px; margin-bottom:16px;}

  /* ---------- RESPONSIVE ---------- */
  @media (max-width:1080px){
    .hero3d-panel{max-width:100%; padding-right:12vw;}
    .cat-grid{grid-template-columns:repeat(3,1fr);}
    .prod-grid{grid-template-columns:repeat(2,1fr);}
    .trust-strip{grid-template-columns:repeat(2,1fr);}
    .footer-grid{grid-template-columns:1fr 1fr;}
    .search-box{display:none;}
  }
  @media (max-width:720px){
    .nav-links{position:fixed; inset:0 0 0 30%; background:var(--bg); flex-direction:column; padding:100px 30px; gap:24px; transform:translateX(100%); transition:transform .35s ease; z-index:150; border-left:1px solid var(--line);}
    .nav-links.open{transform:translateX(0);}
    .burger{display:flex;}
    .cat-grid{grid-template-columns:repeat(2,1fr);}
    .prod-grid{grid-template-columns:repeat(2,1fr); gap:14px;}
    .promo{padding:36px 26px;}
    .newsletter{padding:40px 24px;}
    .newsletter-form{flex-direction:column;}
    .footer-grid{grid-template-columns:1fr; gap:32px;}
    .cart-drawer{width:100vw;}
    .hero3d-pin{height:260vh;}
    .hero3d-panel{padding-right:6vw;}
    .hero3d-panel h1, .hero3d-panel h2{font-size:clamp(28px,7vw,40px);}
    .hero3d-progress{display:none;}
    header.nav .nav-links a {
    color: rgb(26 26 26) !important;}
  }
  /* ---------- BREADCRUMB / PAGE HEADER ---------- */
  .page-header{background:var(--bg-alt); padding:36px 0; border-bottom:1px solid var(--line);}
  .page-header h1{font-size:clamp(26px,3.4vw,38px); margin-bottom:6px;}
  .breadcrumb{font-family:'Space Mono',monospace; font-size:11.5px; text-transform:uppercase; letter-spacing:0.05em; color:var(--ink-dim);}
  .breadcrumb a{color:var(--ink-dim);}
  .breadcrumb a:hover{color:var(--rust);}

  /* ---------- SHOP LAYOUT ---------- */
  .shop-layout{display:grid; grid-template-columns:220px 1fr; gap:36px; align-items:start;}
  .shop-filters{background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:22px;}
  .shop-filters h4{font-size:13px; text-transform:uppercase; letter-spacing:0.05em; font-family:'Space Mono',monospace; margin-bottom:14px;}
  .filter-list a{display:block; font-size:14px; color:var(--ink-dim); padding:7px 0; border-bottom:1px solid var(--line);}
  .filter-list a:hover{color:var(--rust);}
  .filter-list a.active{color:var(--rust); font-weight:600;}
  .shop-toolbar{display:flex; justify-content:space-between; align-items:center; margin-bottom:22px; flex-wrap:wrap; gap:10px;}
  .shop-toolbar .count{font-size:13px; color:var(--ink-dim);}
  .empty-state{text-align:center; padding:60px 20px; color:var(--ink-dim);}
  .empty-state svg{width:44px; height:44px; margin:0 auto 16px; color:var(--gold);}

  /* ---------- QUICK 3D VIEW (shop page) ---------- */
  .prod-card{position:relative;}
  .quick-3d-btn{
    position:absolute; top:12px; right:12px; z-index:2;
    display:flex; align-items:center; gap:6px;
    background:rgba(42,42,42,0.85); color:#fff; border:none; border-radius:20px;
    padding:8px 12px; font-size:11.5px; font-family:'Space Mono',monospace; letter-spacing:0.03em;
    cursor:pointer; opacity:0; transform:translateY(-6px);
    transition:opacity .2s ease, transform .2s ease, background .2s ease;
  }
  .quick-3d-btn svg{width:15px; height:15px; color:var(--gold-soft); flex-shrink:0;}
  .prod-card:hover .quick-3d-btn{opacity:1; transform:translateY(0);}
  .quick-3d-btn:hover{background:var(--rust-bright);}
  @media (max-width:900px){ .quick-3d-btn{opacity:1; transform:none;} .quick-3d-btn span{display:none;} .quick-3d-btn{padding:9px;} }

  .quick3d-overlay{
    position:fixed; inset:0; background:rgba(20,18,15,0.78); z-index:1000;
    display:flex; align-items:center; justify-content:center; padding:24px;
    opacity:0; pointer-events:none; transition:opacity .25s ease;
  }
  .quick3d-overlay.is-open{opacity:1; pointer-events:auto;}
  .quick3d-modal{
    background:var(--bg); border-radius:8px; width:100%; max-width:820px;
    display:grid; grid-template-columns:1fr 260px; gap:0; position:relative; overflow:hidden;
    max-height:90vh;
  }
  .quick3d-viewer{
    position:relative; aspect-ratio:1/1; background:linear-gradient(160deg,#3d3d3d 0%,#2a2a2a 100%);
    grid-row:1/3;
  }
  .quick3d-viewer canvas{display:block; width:100%; height:100%; touch-action:none;}
  .quick3d-modal .showroom-hint{position:absolute; bottom:14px; left:0; right:260px;}
  .quick3d-info{padding:28px 24px; display:flex; flex-direction:column; gap:10px; justify-content:center;}
  .quick3d-info h3{font-size:20px;}
  .quick3d-info span{font-family:'Fraunces',serif; font-size:19px; color:var(--rust); margin-bottom:8px;}
  .quick3d-info .btn{margin-top:8px; justify-content:center;}
  .quick3d-close{
    position:absolute; top:14px; right:14px; z-index:3; width:34px; height:34px; border-radius:50%;
    background:rgba(0,0,0,0.35); color:#fff; border:none; font-size:20px; line-height:1; cursor:pointer;
  }
  @media (max-width:640px){
    .quick3d-modal{grid-template-columns:1fr;}
    .quick3d-viewer{grid-row:auto;}
    .quick3d-modal .showroom-hint{right:0;}
  }

  /* ---------- PAGINATION ---------- */
  .pg{display:flex; justify-content:center; gap:8px; margin-top:40px;}
  .pg a, .pg span{display:flex; align-items:center; justify-content:center; min-width:36px; height:36px; border:1px solid var(--line); border-radius:2px; font-size:13px; font-family:'Space Mono',monospace;}
  .pg a:hover{border-color:var(--rust); color:var(--rust);}
  .pg .active{background:var(--rust); color:#fff; border-color:var(--rust);}

  /* ---------- PRODUCT DETAIL ---------- */
  .pd-layout{display:grid; grid-template-columns:1fr 1fr; gap:52px; align-items:start;}
  .pd-media{border-radius:var(--radius); overflow:hidden; border:1px solid var(--line); aspect-ratio:1/1;}
  .pd-media img{width:100%; height:100%; object-fit:cover;}
  .pd-cat{font-family:'Space Mono',monospace; font-size:11px; letter-spacing:0.06em; text-transform:uppercase; color:var(--rust);}
  .pd-info h1{font-size:clamp(26px,3.2vw,36px); margin:10px 0 14px;}
  .pd-price{display:flex; align-items:center; gap:12px; margin-bottom:18px;}
  .pd-price .now{font-family:'Fraunces',serif; font-size:28px; font-weight:600;}
  .pd-price .was{font-size:15px; color:var(--ink-dim); text-decoration:line-through;}
  .pd-stock{font-size:13px; margin-bottom:20px;}
  .pd-stock.in{color:#3f7d4d;}
  .pd-stock.out{color:var(--rust);}
  .pd-desc{color:var(--ink-dim); font-size:14.5px; margin-bottom:26px; line-height:1.7;}
  .pd-qty-row{display:flex; align-items:center; gap:16px; margin-bottom:22px;}
  .qty-input{display:flex; align-items:center; border:1px solid var(--line); border-radius:2px; overflow:hidden;}
  .qty-input button{width:36px; height:42px; background:var(--bg-alt); border:none; font-size:16px;}
  .qty-input input{width:52px; text-align:center; border:none; font-size:14px; height:42px;}
  .pd-meta{display:flex; flex-direction:column; gap:8px; margin-top:24px; padding-top:20px; border-top:1px solid var(--line); font-size:13px; color:var(--ink-dim);}

  .view-in-room-btn{margin-top:14px; width:100%; justify-content:center; gap:10px;}
  .view-in-room-btn i{font-size:15px; color:var(--rust);}

  /* ---------- AR VIEWER ("View in Your Room") ---------- */
  .ar-modal{
    position:fixed; inset:0; background:#000; z-index:1200;
    opacity:0; pointer-events:none; transition:opacity .25s ease;
  }
  .ar-modal.is-open{opacity:1; pointer-events:auto;}
  .ar-modal-inner{position:relative; width:100%; height:100%; display:flex; flex-direction:column;}
  .ar-topbar{
    position:absolute; top:0; left:0; right:0; z-index:10;
    display:flex; align-items:center; justify-content:space-between;
    padding:16px 18px; background:linear-gradient(to bottom, rgba(0,0,0,0.55), transparent);
  }
  .ar-mode-badge{
    font-family:'Space Mono',monospace; font-size:11px; letter-spacing:0.08em; text-transform:uppercase;
    color:#fff; background:rgba(207,167,97,0.9); padding:5px 12px; border-radius:20px; font-weight:700;
  }
  .ar-close{
    width:36px; height:36px; border-radius:50%; border:none; background:rgba(255,255,255,0.15);
    color:#fff; font-size:22px; line-height:1; cursor:pointer;
  }
  .ar-stage{position:relative; flex:1; width:100%; height:100%; overflow:hidden; background:#111;}
  .ar-stage video{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
  .ar-stage canvas{display:block; width:100%; height:100%;}
  .ar-hint{
    position:absolute; left:0; right:0; bottom:22px; z-index:10; text-align:center;
    font-family:'Space Mono',monospace; font-size:12px; letter-spacing:0.03em; color:#fff;
    padding:0 20px; text-shadow:0 1px 4px rgba(0,0,0,0.6);
  }

  /* Desktop / no-camera rotate & zoom preview */
  .ar-preview-canvas{position:absolute; inset:0; width:100%; height:100%; background:linear-gradient(160deg,#3d3d3d 0%,#2a2a2a 100%);}
  .ar-preview-canvas canvas{touch-action:none;}
  .ar-unsupported{
    position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center;
    gap:18px; padding:32px; text-align:center; background:#1a1a1a; color:#fff;
  }
  .ar-unsupported img{max-width:260px; border-radius:8px;}

  /* Pseudo-AR (camera + draggable/pinchable flat image) */
  .ar-pseudo-overlay{position:absolute; inset:0; pointer-events:auto; touch-action:none;}
  .ar-pseudo-rug, .ar-pseudo-shadow{
    position:absolute; left:50%; top:55%; width:56vw; max-width:340px;
    transform:translate(-50%,-50%);
  }
  .ar-pseudo-rug{display:block; width:100%; border-radius:4px; filter:drop-shadow(0 10px 18px rgba(0,0,0,0.35));}
  .ar-pseudo-shadow{
    width:100%; aspect-ratio:1/1; border-radius:50%;
    background:radial-gradient(ellipse at center, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 70%);
    z-index:-1;
  }

  /* In-page WebXR hit-test mode (dom-overlay root sits above the XR canvas) */
  .ar-xr-overlay{position:absolute; inset:0; z-index:5; touch-action:none;}

  @media (max-width:640px){
    .ar-hint{font-size:11px;}
  }

  /* ---------- CART PAGE ---------- */
  .cart-table{width:100%; border-collapse:collapse;}
  .cart-table th{text-align:left; font-family:'Space Mono',monospace; font-size:11px; text-transform:uppercase; letter-spacing:0.05em; color:var(--ink-dim); padding:12px 10px; border-bottom:1px solid var(--line);}
  .cart-table td{padding:16px 10px; border-bottom:1px solid var(--line); vertical-align:middle;}
  .cart-row-product{display:flex; align-items:center; gap:14px;}
  .cart-row-product img{width:64px; height:64px; object-fit:cover; border-radius:2px;}
  .cart-summary{background:var(--bg-alt); border-radius:var(--radius); padding:26px; position:sticky; top:100px;}
  .cart-summary .row{display:flex; justify-content:space-between; margin-bottom:12px; font-size:14px;}
  .cart-summary .total{font-family:'Fraunces',serif; font-size:19px; font-weight:600; border-top:1px solid var(--line); padding-top:14px; margin-top:14px;}
  .qty-form{display:flex; align-items:center; gap:8px;}
  .qty-form input{width:52px; padding:6px; border:1px solid var(--line); border-radius:2px; text-align:center;}
  .remove-link{color:var(--rust); font-size:12.5px; font-family:'Space Mono',monospace; text-transform:uppercase;}

  /* ---------- CHECKOUT ---------- */
  .checkout-layout{display:grid; grid-template-columns:1.2fr 0.8fr; gap:48px; align-items:start;}
  .checkout-form label{display:block; font-size:12.5px; font-weight:600; margin-bottom:6px; color:var(--ink);}
  .checkout-form .field{margin-bottom:16px;}
  .checkout-form input, .checkout-form textarea{width:100%; padding:12px 14px; border:1px solid var(--line); border-radius:2px; font-size:14px; font-family:inherit; background:var(--card);}
  .checkout-form input:focus, .checkout-form textarea:focus{outline:none; border-color:var(--rust);}
  .checkout-form .field-row{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
  .order-summary-item{display:flex; justify-content:space-between; font-size:13.5px; padding:10px 0; border-bottom:1px solid var(--line);}

  /* ---------- ORDER SUCCESS ---------- */
  .order-success{text-align:center; padding:70px 20px; max-width:520px; margin:0 auto;}
  .order-success .check-icon{width:64px; height:64px; margin:0 auto 24px; color:#3f7d4d;}
  .order-success .order-num{font-family:'Fraunces',serif; font-size:24px; margin:16px 0; color:var(--rust);}

  /* ---------- ABOUT ---------- */
  .about-hero{background:var(--bg-alt); padding:70px 0;}
  .about-grid{display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center;}
  .about-stats{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:34px;}
  .about-stats .stat b{display:block; font-family:'Fraunces',serif; font-size:28px; color:var(--rust);}
  .about-stats .stat span{font-size:12px; color:var(--ink-dim);}

  /* ---------- GALLERY GRID ---------- */
  .gallery-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:16px;}
  .gallery-grid img{width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:var(--radius); transition:transform .3s ease;}
  .gallery-grid a:hover img{transform:scale(1.03);}

  /* ---------- CONTACT ---------- */
  .contact-layout{display:grid; grid-template-columns:1fr 1fr; gap:50px;}
  .contact-info-item{display:flex; gap:14px; margin-bottom:22px;}
  .contact-info-item svg{width:20px; height:20px; color:var(--rust); flex-shrink:0; margin-top:2px;}
  .contact-info-item h4{font-size:14.5px; margin-bottom:3px;}
  .contact-info-item p{font-size:13.5px; color:var(--ink-dim);}

  /* ---------- 404 ---------- */
  .error-page{text-align:center; padding:100px 20px;}
  .error-page h1{font-size:clamp(60px,10vw,120px); color:var(--gold); line-height:1;}
  .error-page p{color:var(--ink-dim); margin:16px 0 28px; font-size:15px;}

  /* ---------- FORM MESSAGES ---------- */
  .site-messages{max-width:1240px; margin:16px auto 0; padding:0 32px;}
  .site-alert{padding:13px 18px; border-radius:2px; font-size:13.5px; margin-bottom:10px;}
  .site-alert.success{background:#e7f3ea; color:#2c6b3f; border:1px solid #bfe0c9;}
  .site-alert.error{background:#fbe9e7; color:#9a3324; border:1px solid #f0c4bd;}

  @media (max-width:900px){
    .shop-layout{grid-template-columns:1fr;}
    .pd-layout{grid-template-columns:1fr; gap:30px;}
    .checkout-layout{grid-template-columns:1fr;}
    .about-grid{grid-template-columns:1fr;}
    .contact-layout{grid-template-columns:1fr;}
    .gallery-grid{grid-template-columns:repeat(2,1fr);}
  }

  /* ---------- LANDLORD/BUILDER OFFER POPUP ---------- */
  .offer-overlay{
    position:fixed; inset:0; background:rgba(20,20,20,.6);
    display:flex; align-items:center; justify-content:center;
    z-index:2000; padding:20px;
    opacity:0; visibility:hidden; transition:opacity .25s ease;
  }
  .offer-overlay.show{ opacity:1; visibility:visible; }
  .offer-modal{
    background:var(--card); border-radius:6px; max-width:420px; width:100%;
    padding:38px 32px 30px; text-align:center; position:relative;
    box-shadow:0 30px 70px rgba(0,0,0,.4);
    border-top:4px solid var(--gold);
    transform:translateY(14px); transition:transform .25s ease;
  }
  .offer-overlay.show .offer-modal{ transform:translateY(0); }
  .offer-close{
    position:absolute; top:10px; right:14px; background:none; border:none;
    font-size:26px; line-height:1; color:var(--ink-dim); cursor:pointer;
  }
  .offer-close:hover{ color:var(--rust); }
  .offer-tag{
    font-family:'Space Mono',monospace; font-size:11px; letter-spacing:.06em;
    text-transform:uppercase; color:var(--rust); margin-bottom:10px;
  }
  .offer-modal h2{ font-size:23px; margin-bottom:16px; line-height:1.3; }
  .offer-price{
    font-family:'Fraunces',serif; font-size:52px; font-weight:600;
    color:var(--rust); margin-bottom:8px;
  }
  .offer-sub{ font-size:13.5px; color:var(--ink-dim); margin-bottom:22px; }
  .offer-actions{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-bottom:16px; }
  .offer-phone{ font-size:13px; color:var(--ink-dim); }
  .offer-phone a{ color:var(--rust); font-weight:600; }

  @media (max-width:480px){
    .offer-modal{ padding:32px 22px 24px; }
    .offer-price{ font-size:42px; }
  }

  /* ---------- WHATSAPP FLOAT BUTTON ---------- */
  .whatsapp-float{
    position:fixed; bottom:22px; right:22px; z-index:1500;
    width:56px; height:56px; border-radius:50%;
    background:#25D366; color:#fff;
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 6px 18px rgba(0,0,0,.25);
    transition:transform .2s ease;
  }
  .whatsapp-float svg{ width:28px; height:28px; }
  .whatsapp-float:hover{ transform:scale(1.08); color:#fff; }
  @media (max-width:600px){
    .whatsapp-float{ width:50px; height:50px; bottom:16px; right:16px; }
    .whatsapp-float svg{ width:24px; height:24px; }
  }
  /* ========== TERMS / PRIVACY / PROSE PAGES ========== */
  .prose-content h2{
    font-family:'Fraunces',serif;
    font-size:20px;
    color:var(--ink);
    margin:36px 0 12px;
    padding-bottom:8px;
    border-bottom:1px solid var(--sand);
  }
  .prose-content h2:first-child{ margin-top:0; }
  .prose-content p{ margin:0 0 14px; }
  .prose-content ul{
    margin:0 0 16px 20px;
    padding:0;
    list-style:disc;
  }
  .prose-content ul li{ margin-bottom:6px; font-size:14.5px; }
  .prose-content table{ font-size:14px; }
  .prose-content a{ color:var(--rust); }
  .prose-content a:hover{ text-decoration:underline; }

  /* Footer newsletter strip */
  .footer-newsletter input[type="email"]::placeholder{ color:rgba(255,255,255,0.4); }
  .footer-newsletter input[type="email"]:focus{
    outline:none;
    border-color:var(--rust);
    background:rgba(255,255,255,0.1);
  }

  /* ========================================
     SCROLL REVEAL ANIMATIONS
     ======================================== */
  .reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease;}
  .reveal.in{opacity:1;transform:none;}
  .reveal-up{opacity:0;transform:translateY(32px);transition:opacity .55s ease,transform .55s ease;}
  .reveal-up.in{opacity:1;transform:none;}

  /* ========================================
     VIEW ALL LINK (section headers)
     ======================================== */
  .view-all{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);display:inline-flex;align-items:center;gap:6px;transition:color .2s;}
  .view-all:hover{color:var(--gold);}

  /* ========================================
     PRICE ROWS (shared)
     ======================================== */
  .price-row{display:flex;align-items:baseline;gap:8px;}
  .price-now{font-family:'Fraunces',serif;font-size:16px;font-weight:600;color:var(--ink);}
  .price-was{font-size:13px;color:var(--ink-dim);text-decoration:line-through;}

  /* ========================================
     SECTION HEAD (shared)
     ======================================== */
  .section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:36px;flex-wrap:wrap;gap:14px;}

  /* ========================================
     ADD TO CART BUTTON (shared)
     ======================================== */
  .add-cart{width:100%;margin-top:12px;padding:10px;background:var(--ink);color:#fff;border:none;border-radius:3px;font-size:12.5px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:background .25s;}
  .add-cart:hover{background:var(--gold);color:var(--ink);}

/* ═══════════════════════════════════════════════════════
   JASS CARPETS BRAND REFRESH
   Brand: #1a1a1a (ink) · #a03c28 (brick red) · #ffffff
   Font:  Oswald (headings/nav) · Work Sans (body)
   ═══════════════════════════════════════════════════════ */

/* Brand typography */
h1,h2,h3,h4{font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.02em;}
.logo-text{font-family:'Oswald',sans-serif;font-weight:700;letter-spacing:.06em;}
.eyebrow{font-family:'Oswald',sans-serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--rust);}
.nav-links a{font-family:'Oswald',sans-serif;font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-size:13px;}

/* Header brand colors */
header.nav{background:var(--ink);border-bottom:none;}
header.nav .nav-links a{color:rgba(255,255,255,.85);}
header.nav .nav-links a:hover{color:#fff;}
header.nav .nav-links a::after{background:#a03c28;}
header.nav .icon-btn{color:rgba(255,255,255,.85);}
header.nav .search-box{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);}
header.nav .search-box input{color:#fff;}
header.nav .search-box input::placeholder{color:rgba(255,255,255,.4);}
header.nav .search-box svg{color:rgba(255,255,255,.5);}
header.nav .burger span{background:#fff;}
/*.logo img{filter:brightness(0) invert(1);}*/

/* Utility bar brand */
.utility-bar{background:#a03c28;color:#fff;font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:.15em;}

/* Buttons brand */
.btn--solid{background:var(--ink);color:#fff;border:2px solid var(--ink);}
.btn--solid:hover{background:#a03c28;border-color:#a03c28;color:#fff;}
.btn--outline{border:2px solid var(--ink);color:var(--ink);}
.btn--outline:hover{background:var(--ink);color:#fff;}

/* Section eyebrows */
.section-head p.eyebrow{color:#a03c28;}

/* Nav active state */
.nav-links a.active{color:#fff;}
.nav-links a.active::after{width:100%;background:#a03c28;}

/* Dashboard sidebar brand colors */
.sidebar{background:var(--ink) !important;}
.sidebar-brand{border-bottom-color:rgba(160,60,40,.3) !important;}
.sidebar .nav-link{font-family:'Oswald',sans-serif;letter-spacing:.06em;}
.sidebar .nav-link.active,.sidebar .nav-link:hover{background:#a03c28 !important;color:#fff !important;}
.sidebar .nav-link i{color:#a03c28;}
.sidebar .nav-link.active i,.sidebar .nav-link:hover i{color:#fff;}

/* Gallery section headings */
.section-head h2{font-family:'Oswald',sans-serif;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:600;}

/* Product card brand */
.add-cart:hover,.add-cart:focus{background:#a03c28 !important;}
.prod-card:hover{box-shadow:0 18px 34px -12px rgba(160,60,40,.2);}

/* Price brand */
.price-now{color:#a03c28;font-family:'Oswald',sans-serif;font-size:18px;font-weight:600;}