*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
  :root{
    --dark:#111110;
    --green:#2a4228;
    --cream:#f4efe6;
    --warm:#e2d9c4;
    --white:#fff;
    --text:#1e1e18;
    --muted:#7a7a6a;
    --nav-h:68px;
    --serif:'Cormorant Garamond',Georgia,serif;
    --sans:'Jost',sans-serif;
  }
  html{scroll-behavior:smooth;}
  body{font-family:var(--sans);font-weight:300;color:var(--text);background:var(--white);overflow-x:hidden;}

  /* NAV */
  nav{position:fixed;top:0;left:0;right:0;z-index:300;display:flex;align-items:center;justify-content:space-between;padding:0 64px;height:var(--nav-h);background:rgba(255,255,255,0.96);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,0,0,0.06);}
  .nav-logo{font-family:var(--serif);font-size:20px;font-weight:400;color:var(--dark);letter-spacing:0.08em;text-transform:uppercase;flex-shrink:0;}
  .nav-logo span{color:rgba(0,0,0,0.3);font-weight:300;}
  .nav-links{display:flex;gap:40px;list-style:none;}
  .nav-links a{color:rgba(0,0,0,0.5);text-decoration:none;font-size:11px;font-weight:300;letter-spacing:0.14em;text-transform:uppercase;transition:color 0.2s;}
  .nav-links a:hover{color:var(--dark);}
  .nav-right{display:flex;align-items:center;gap:22px;}
  .nav-icons{display:flex;gap:18px;align-items:center;}
  .nav-icon-search{display:flex;}
  .nav-icons svg{color:rgba(0,0,0,0.45);cursor:pointer;transition:color 0.2s;display:block;}
  .nav-icons svg:hover{color:var(--dark);}
  .nav-icon-login{display:flex;}
  .nav-icon-login svg{color:rgba(0,0,0,0.45);transition:color 0.2s;}
  .nav-icon-login:hover svg{color:var(--dark);}
  .cart-btn{position:relative;background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;}
  .cart-btn svg{color:rgba(0,0,0,0.45);transition:color 0.2s;}
  .cart-btn:hover svg{color:var(--dark);}
  .cart-count{position:absolute;top:-6px;right:-7px;background:var(--green);color:#fff;font-size:9px;font-weight:400;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.2s;pointer-events:none;}
  .cart-count.on{opacity:1;}
  .burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none;}
  .burger span{display:block;width:24px;height:1.5px;background:rgba(0,0,0,0.6);transition:transform 0.35s ease,opacity 0.25s ease;transform-origin:left center;}
  .burger.open span:nth-child(1){transform:rotate(42deg) translateY(-1px);}
  .burger.open span:nth-child(2){opacity:0;transform:scaleX(0);}
  .burger.open span:nth-child(3){transform:rotate(-42deg) translateY(1px);}
  .mobile-menu{display:none;position:fixed;top:var(--nav-h);left:0;right:0;bottom:0;background:rgba(255,255,255,0.98);z-index:250;flex-direction:column;align-items:center;justify-content:center;gap:10px;opacity:0;pointer-events:none;transition:opacity 0.35s ease;}
  .mobile-menu.open{opacity:1;pointer-events:all;}
  .mobile-menu a{color:rgba(0,0,0,0.55);text-decoration:none;font-size:26px;font-family:var(--serif);font-weight:300;letter-spacing:0.06em;padding:14px 0;transition:color 0.2s;border-bottom:1px solid rgba(0,0,0,0.06);width:70%;text-align:center;}
  .mobile-menu a:hover{color:var(--dark);}
  .mobile-menu a:last-child{border-bottom:none;}

  /* HERO */
  .hero{min-height:100vh;background:#f8f7f4;display:flex;align-items:center;padding:calc(var(--nav-h) + 60px) 64px 80px;position:relative;overflow:hidden;}
  .hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:40px;width:100%;max-width:1200px;margin:0 auto;align-items:center;}
  .hero-left{position:relative;z-index:2;}
  .hero-eyebrow{font-size:10px;letter-spacing:0.28em;text-transform:uppercase;color:var(--muted);margin-bottom:28px;font-weight:300;display:flex;align-items:center;gap:14px;}
  .hero-eyebrow::before{content:'';width:28px;height:1px;background:var(--muted);}
  .hero h1{font-family:var(--serif);font-size:clamp(52px,6vw,84px);font-weight:300;color:var(--dark);line-height:1.05;margin-bottom:28px;letter-spacing:-0.01em;}
  .hero h1 em{font-style:italic;font-weight:300;color:var(--muted);}
  .hero-desc{font-size:13px;font-weight:200;color:var(--muted);line-height:1.9;max-width:380px;margin-bottom:44px;}
  .hero-shop-link{display:inline-flex;align-items:center;gap:16px;font-size:10px;font-weight:400;letter-spacing:0.2em;text-transform:uppercase;color:var(--dark);text-decoration:none;border-bottom:1px solid var(--dark);padding-bottom:3px;transition:gap 0.3s,color 0.2s;}
  .hero-shop-link:hover{gap:24px;color:var(--green);}
  .hero-shop-link svg{transition:transform 0.3s;}
  .hero-shop-link:hover svg{transform:translateX(4px);}
  .hero-right{position:relative;display:flex;align-items:center;justify-content:center;}
  .hero-product-img{width:100%;max-width:560px;height:520px;object-fit:contain;position:relative;z-index:2;animation:floatImg 6s ease-in-out infinite;}
  @keyframes floatImg{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}
  .hero-bg-circle{position:absolute;width:480px;height:480px;border-radius:50%;background:#ede9e0;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;}
  .hero-slide-dots{display:flex;gap:8px;margin-top:48px;}
  .hero-dot{width:28px;height:2px;background:var(--warm);cursor:pointer;transition:background 0.25s,width 0.25s;}
  .hero-dot.active{background:var(--dark);width:44px;}
  .hero-stat-mobile{display:none;}
  .hero-slide-content{transition:opacity 0.6s ease,transform 0.6s ease;}
  .hero-slide-content.fading{opacity:0;transform:translateY(10px);}
  .hero-slide-content.entering{opacity:0;transform:translateY(-10px);}
  .hero-right-wrap{transition:opacity 0.6s ease;position:relative;}
  .hero-right-wrap.fading{opacity:0;}

  /* CATEGORY STRIP */
  .cat-strip{background:var(--white);border-bottom:1px solid #eeebe4;display:grid;grid-template-columns:repeat(3,1fr);}
  .cat-strip-item{display:block;text-decoration:none;color:inherit;cursor:pointer;position:relative;overflow:hidden;min-height:220px;background:#f5f4f1;}
  .cat-strip-item:not(:last-child){border-right:1px solid #eeebe4;}
  .cat-img-wrap{position:absolute;right:0;top:0;bottom:0;width:55%;display:flex;align-items:flex-end;justify-content:flex-end;pointer-events:none;}
  .cat-img-wrap img{height:100%;width:auto;max-width:100%;object-fit:contain;object-position:bottom right;display:block;transition:transform 0.55s ease;filter:drop-shadow(0 4px 18px rgba(0,0,0,0.08));}
  .cat-strip-item:hover .cat-img-wrap img{transform:scale(1.05) translateY(-4px);}
  .cat-img-wrap .cat-img-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(245,244,241,0.95) 30%,rgba(245,244,241,0) 100%);pointer-events:none;}
  .cat-strip-body{position:relative;z-index:2;padding:30px 32px 28px;display:flex;flex-direction:column;gap:8px;max-width:62%;}
  .cat-strip-item::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--green);transition:width 0.45s ease;}
  .cat-strip-item:hover::after{width:100%;}
  .cat-label{font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);font-weight:300;}
  .cat-name{font-family:var(--sans);font-size:clamp(26px,2.4vw,36px);font-weight:200;color:var(--dark);line-height:1.05;letter-spacing:-0.02em;}
  .cat-desc{font-size:11px;font-weight:200;color:var(--muted);line-height:1.65;margin-top:2px;}
  .cat-arrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--dark);margin-top:12px;font-weight:300;transition:gap 0.25s;}
  .cat-strip-item:hover .cat-arrow{gap:14px;color:var(--green);}

  /* ABOUT */
  .about{background:var(--white);padding:120px 64px;}
  .about-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:1200px;margin:0 auto;}
  .about-label{font-size:10px;letter-spacing:0.28em;text-transform:uppercase;color:var(--muted);font-weight:300;margin-bottom:20px;display:flex;align-items:center;gap:14px;}
  .about-label::before{content:'';width:28px;height:1px;background:var(--muted);}
  .about h2{font-family:var(--serif);font-size:clamp(36px,4vw,58px);font-weight:400;line-height:1.05;color:var(--dark);margin-bottom:28px;letter-spacing:-0.01em;}
  .about h2 em{font-style:italic;color:var(--green);}
  .about-body{font-size:13px;font-weight:200;color:var(--muted);line-height:1.95;margin-bottom:18px;}
  .about-signature{font-family:var(--serif);font-size:28px;font-style:italic;color:var(--dark);margin-top:32px;font-weight:300;}
  .about-right{position:relative;}
  .about-img-main{width:100%;height:480px;object-fit:cover;border-radius:2px;}
  .about-img-accent{position:absolute;bottom:-32px;right:-32px;width:200px;height:200px;object-fit:cover;border-radius:2px;border:6px solid var(--white);}
  .about-stats{display:flex;gap:40px;margin-top:44px;padding-top:36px;border-top:1px solid var(--warm);}
  .about-stat-num{font-family:var(--serif);font-size:42px;font-weight:300;color:var(--dark);}
  .about-stat-label{font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--muted);margin-top:4px;font-weight:300;}

  /* DIFFERENT */
  .different{background:var(--cream);padding:110px 64px;}
  .different-top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:76px;gap:20px;}
  .different h2{font-family:var(--serif);font-size:clamp(36px,5vw,62px);font-weight:400;line-height:1.07;letter-spacing:-0.01em;}
  .different h2 em{font-style:italic;color:var(--green);font-weight:400;}
  .different-grid{display:grid;grid-template-columns:1fr 1.7fr;gap:60px;align-items:start;}
  .different-img{border-radius:2px;overflow:hidden;}
  .different-img img{width:100%;height:430px;object-fit:cover;display:block;}
  .diff-values{display:grid;grid-template-columns:1fr 1fr;gap:44px 52px;}
  .diff-value svg{color:var(--green);margin-bottom:14px;opacity:0.65;}
  .diff-value h4{font-family:var(--serif);font-size:17px;font-weight:400;margin-bottom:10px;color:var(--dark);}
  .diff-value p{font-size:12px;font-weight:200;color:var(--muted);line-height:1.8;}

  /* STEPS */
  .steps-section{background:var(--dark);padding:110px 64px;}
  .steps-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:80px;gap:20px;}
  .steps-section h2{font-family:var(--serif);font-size:clamp(30px,4vw,54px);color:var(--white);font-weight:300;line-height:1.1;letter-spacing:-0.01em;}
  .steps-section h2 em{font-style:italic;color:rgba(255,255,255,0.38);font-weight:300;}
  .steps-label{font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:rgba(255,255,255,0.28);font-weight:200;white-space:nowrap;}
  .steps-connector{display:flex;align-items:flex-start;gap:0;}
  .step-item{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;}
  .step-item:not(:last-child)::after{content:'';position:absolute;top:36px;left:calc(50% + 36px);right:calc(-50% + 36px);height:1px;background:rgba(255,255,255,0.1);}
  .step-icon{width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);display:flex;align-items:center;justify-content:center;margin-bottom:28px;flex-shrink:0;transition:background 0.3s,border-color 0.3s;position:relative;z-index:1;}
  .step-item:hover .step-icon{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.28);}
  .step-icon svg{color:rgba(255,255,255,0.7);}
  .step-body{text-align:center;padding:0 12px;}
  .step-num-badge{display:inline-block;font-size:9px;letter-spacing:0.2em;text-transform:uppercase;color:rgba(255,255,255,0.25);margin-bottom:12px;font-weight:200;}
  .step-item h4{font-family:var(--serif);font-size:17px;color:var(--white);font-weight:300;margin-bottom:10px;}
  .step-item p{font-size:12px;font-weight:200;color:rgba(255,255,255,0.4);line-height:1.8;max-width:200px;margin:0 auto;}

  /* FEATURED PRODUCTS */
  .featured-products{background:var(--white);padding:110px 64px;}
  .fp-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:56px;gap:20px;}
  .fp-header h2{font-family:var(--serif);font-size:clamp(32px,4.5vw,58px);font-weight:400;line-height:1.07;letter-spacing:-0.01em;}
  .fp-header h2 em{font-style:italic;color:var(--green);font-weight:400;}
  .fp-header p{font-size:12px;font-weight:200;color:var(--muted);max-width:260px;text-align:right;line-height:1.75;}
  .fp-filter-row{display:flex;align-items:center;gap:8px;margin-bottom:40px;flex-wrap:wrap;}
  .fp-filter{padding:8px 20px;border-radius:20px;border:1px solid var(--warm);font-family:var(--sans);font-size:10px;font-weight:300;letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;color:var(--muted);background:none;transition:all 0.2s;}
  .fp-filter.active{background:var(--green);color:white;border-color:var(--green);}
  .fp-filter:hover:not(.active){border-color:var(--green);color:var(--green);}
  .fp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;}
  .fp-card{background:var(--cream);border-radius:2px;overflow:hidden;cursor:pointer;border:1px solid var(--warm);transition:transform 0.32s ease,box-shadow 0.32s ease;}
  .fp-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(0,0,0,0.08);}
  .fp-img-wrap{position:relative;overflow:hidden;}
  .fp-card-img{width:100%;height:260px;object-fit:cover;display:block;transition:transform 0.6s ease;background:var(--warm);}
  .fp-card:hover .fp-card-img{transform:scale(1.05);}
  .fp-badge{position:absolute;top:12px;left:12px;font-size:8px;font-weight:300;letter-spacing:0.14em;text-transform:uppercase;padding:4px 10px;border-radius:20px;background:rgba(42,66,40,0.85);color:white;backdrop-filter:blur(6px);}
  .fp-mat-badge{position:absolute;top:12px;right:12px;font-size:8px;font-weight:300;letter-spacing:0.1em;text-transform:uppercase;padding:4px 10px;border-radius:20px;background:rgba(255,255,255,0.9);color:var(--text);border:1px solid rgba(0,0,0,0.06);}
  .fp-body{padding:18px 20px 22px;}
  .fp-cat{font-size:9px;letter-spacing:0.18em;text-transform:uppercase;color:var(--muted);font-weight:300;margin-bottom:6px;}
  .fp-name{font-family:var(--serif);font-size:18px;font-weight:400;color:var(--text);margin-bottom:6px;line-height:1.2;}
  .fp-desc{font-size:11px;font-weight:200;color:var(--muted);line-height:1.65;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  .fp-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;}
  .fp-price{font-family:var(--serif);font-size:18px;font-weight:300;color:var(--text);}
  .fp-price span{font-size:10px;font-weight:200;color:var(--muted);font-family:var(--sans);}
  .fp-deposit{font-size:10px;font-weight:200;color:var(--green);margin-top:2px;}
  .btn-fp-view{padding:9px 18px;background:var(--green);color:white;border:none;border-radius:40px;font-family:var(--sans);font-size:10px;font-weight:300;letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;transition:background 0.2s;white-space:nowrap;}
  .btn-fp-view:hover{background:var(--dark);}
  .fp-state{grid-column:1/-1;text-align:center;padding:64px 24px;}
  .fp-state .spinner{width:32px;height:32px;border:2px solid var(--warm);border-top-color:var(--green);border-radius:50%;animation:spin 0.7s linear infinite;margin:0 auto 16px;}
  @keyframes spin{to{transform:rotate(360deg);}}
  .fp-state p{font-size:13px;font-weight:200;color:var(--muted);}
  .fp-view-all{display:flex;justify-content:center;margin-top:52px;}

  /* PRODUCT MODAL */
  .prod-modal-bg{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:500;display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px);}
  .prod-modal-bg.open{display:flex;}
  .prod-modal{background:var(--white);border-radius:4px;width:100%;max-width:860px;max-height:92vh;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;animation:popUp 0.3s ease;box-shadow:0 40px 100px rgba(0,0,0,0.2);}
  @keyframes popUp{from{opacity:0;transform:scale(0.95) translateY(16px);}to{opacity:1;transform:none;}}
  .pm-img-side{position:relative;overflow:hidden;}
  .pm-img-side img{width:100%;height:100%;object-fit:cover;display:block;min-height:460px;}
  .pm-img-ph{width:100%;min-height:460px;background:var(--cream);display:flex;align-items:center;justify-content:center;}
  .pm-badge{position:absolute;top:16px;left:16px;font-size:9px;font-weight:300;letter-spacing:0.14em;text-transform:uppercase;padding:5px 12px;border-radius:20px;background:rgba(42,66,40,0.85);color:white;}
  .pm-close{position:absolute;top:14px;right:14px;background:rgba(0,0,0,0.4);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:white;transition:background 0.2s;}
  .pm-close:hover{background:rgba(0,0,0,0.7);}
  .pm-info-side{padding:36px 32px;overflow-y:auto;display:flex;flex-direction:column;}
  .pm-cat{font-size:9px;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);font-weight:300;margin-bottom:8px;}
  .pm-name{font-family:var(--serif);font-size:28px;font-weight:400;line-height:1.1;margin-bottom:14px;}
  .pm-price-block{margin-bottom:20px;}
  .pm-price-main{font-family:var(--serif);font-size:28px;font-weight:300;color:var(--text);}
  .pm-price-main span{font-size:13px;font-weight:200;color:var(--muted);font-family:var(--sans);}
  .pm-deposit{font-size:11px;font-weight:200;color:var(--green);background:rgba(42,66,40,0.08);padding:4px 12px;border-radius:20px;display:inline-block;margin-top:5px;}
  .pm-variant-sec{margin-bottom:16px;}
  .pm-variant-lbl{font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--muted);font-weight:300;margin-bottom:9px;display:flex;align-items:center;justify-content:space-between;}
  .pm-variant-lbl .sel-name{font-weight:300;color:var(--text);font-size:11px;letter-spacing:0;text-transform:none;}
  .pm-chips{display:flex;flex-wrap:wrap;gap:7px;}
  .pm-chip{padding:7px 14px;border-radius:4px;border:1px solid var(--warm);background:var(--cream);font-family:var(--sans);font-size:11px;font-weight:200;color:var(--text);cursor:pointer;transition:all 0.15s;display:flex;flex-direction:column;align-items:center;gap:2px;}
  .pm-chip:hover{border-color:var(--green);}
  .pm-chip.sel{border-color:var(--green);background:rgba(42,66,40,0.06);}
  .pm-chip .chip-lbl{font-size:11px;font-weight:300;}
  .pm-chip .chip-pr{font-size:10px;color:var(--green);font-weight:300;}
  .pm-colour-note{background:rgba(42,66,40,0.05);border:1px solid rgba(42,66,40,0.15);border-radius:4px;padding:12px 14px;margin-bottom:16px;font-size:12px;font-weight:200;color:var(--text);line-height:1.6;}
  .pm-colour-note strong{font-weight:400;color:var(--green);}
  .pm-desc{font-size:12px;font-weight:200;color:var(--muted);line-height:1.8;margin-bottom:18px;flex:1;}
  .pm-specs{margin-bottom:20px;}
  .pm-spec-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #f0f0ec;}
  .pm-spec-row:last-child{border-bottom:none;}
  .pm-spec-l{font-size:11px;font-weight:200;color:var(--muted);}
  .pm-spec-v{font-size:11px;font-weight:300;color:var(--text);}
  .pm-actions{display:flex;gap:10px;margin-top:auto;}
  .btn-pm-cart{flex:1;padding:13px;background:var(--green);color:white;border:none;border-radius:40px;font-family:var(--sans);font-size:11px;font-weight:300;letter-spacing:0.12em;text-transform:uppercase;cursor:pointer;transition:background 0.2s;}
  .btn-pm-cart:hover{background:var(--dark);}
  .btn-pm-cart:disabled{background:var(--muted);cursor:not-allowed;}
  .btn-pm-wish{padding:13px 16px;background:none;border:1px solid var(--warm);border-radius:40px;color:var(--muted);cursor:pointer;transition:all 0.2s;}
  .btn-pm-wish:hover{border-color:var(--green);color:var(--green);}

  /* CART SIDEBAR */
  .cart-bg{position:fixed;inset:0;background:rgba(0,0,0,0.4);z-index:550;display:none;justify-content:flex-end;backdrop-filter:blur(2px);}
  .cart-bg.open{display:flex;}
  .cart-panel{background:var(--white);width:100%;max-width:420px;display:flex;flex-direction:column;overflow:hidden;animation:slideIn 0.32s ease;}
  @keyframes slideIn{from{transform:translateX(100%);}to{transform:translateX(0);}}
  .cart-hd{padding:22px 26px;border-bottom:1px solid var(--warm);display:flex;align-items:center;justify-content:space-between;}
  .cart-hd h3{font-family:var(--serif);font-size:20px;font-weight:400;}
  .cart-x{background:none;border:none;cursor:pointer;color:var(--muted);padding:4px;}
  .cart-x:hover{color:var(--text);}
  .cart-items{flex:1;overflow-y:auto;padding:16px 26px;}
  .cart-empty{text-align:center;padding:60px 20px;}
  .cart-empty svg{color:var(--warm);margin-bottom:14px;}
  .cart-empty p{font-size:13px;font-weight:200;color:var(--muted);}
  .cart-item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid #f0f0ec;}
  .cart-item:last-child{border-bottom:none;}
  .ci-img{width:64px;height:64px;border-radius:4px;object-fit:cover;background:var(--cream);flex-shrink:0;}
  .ci-img-ph{width:64px;height:64px;border-radius:4px;background:var(--cream);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .ci-info{flex:1;min-width:0;}
  .ci-name{font-family:var(--serif);font-size:15px;font-weight:400;color:var(--text);margin-bottom:3px;}
  .ci-meta{font-size:10px;font-weight:200;color:var(--muted);margin-bottom:6px;}
  .ci-price{font-size:13px;font-weight:300;color:var(--text);}
  .ci-rm{background:none;border:none;cursor:pointer;color:var(--muted);font-size:11px;margin-top:4px;padding:0;font-family:var(--sans);}
  .ci-rm:hover{color:#c0392b;}
  .cart-ft{padding:18px 26px;border-top:1px solid var(--warm);}
  .cart-total-row{display:flex;justify-content:space-between;margin-bottom:6px;}
  .cart-total-row span{font-size:12px;font-weight:200;color:var(--muted);}
  .cart-total-row strong{font-size:12px;font-weight:300;color:var(--text);}
  .cart-deposit-row{display:flex;justify-content:space-between;margin-bottom:16px;padding-top:10px;border-top:1px solid var(--warm);}
  .cart-deposit-row span{font-size:13px;font-weight:300;color:var(--text);}
  .cart-deposit-row strong{font-size:15px;font-weight:400;color:var(--green);}
  .btn-cart-checkout{width:100%;padding:14px;background:var(--green);color:white;border:none;border-radius:40px;font-family:var(--sans);font-size:11px;font-weight:300;letter-spacing:0.14em;text-transform:uppercase;cursor:pointer;transition:background 0.2s;margin-bottom:8px;}
  .btn-cart-checkout:hover{background:var(--dark);}
  .btn-cart-checkout:disabled{background:var(--muted);cursor:not-allowed;}
  .cart-note{font-size:10px;font-weight:200;color:var(--muted);text-align:center;line-height:1.6;}

  /* CHECKOUT MODAL */
  .co-bg{position:fixed;inset:0;background:rgba(0,0,0,0.55);z-index:600;display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px);}
  .co-bg.open{display:flex;}
  .co-modal{background:var(--white);border-radius:4px;width:100%;max-width:500px;max-height:94vh;overflow-y:auto;box-shadow:0 32px 80px rgba(0,0,0,0.2);animation:popUp 0.28s ease;}
  .co-hd{padding:26px 30px 18px;border-bottom:1px solid var(--warm);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--white);z-index:2;}
  .co-hd h3{font-family:var(--serif);font-size:20px;font-weight:400;}
  .co-x{background:none;border:none;cursor:pointer;color:var(--muted);padding:4px;}
  .co-x:hover{color:var(--text);}
  .co-summary-bar{background:var(--cream);border-bottom:1px solid var(--warm);padding:16px 30px;}
  .co-sum-item{display:flex;justify-content:space-between;padding:4px 0;font-size:12px;}
  .co-sum-item span{font-weight:200;color:var(--muted);}
  .co-sum-item strong{font-weight:300;color:var(--text);}
  .co-sum-total{display:flex;justify-content:space-between;padding:10px 0 0;margin-top:8px;border-top:1px solid var(--warm);}
  .co-sum-total span{font-size:13px;font-weight:300;color:var(--text);}
  .co-sum-total strong{font-size:15px;font-weight:400;color:var(--green);}
  .co-body{padding:22px 30px;}
  .co-sec-lbl{font-size:9px;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);font-weight:300;margin-bottom:14px;display:block;}
  .co-field{margin-bottom:14px;}
  .co-field label{display:block;font-size:10px;font-weight:300;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;}
  .co-field input,.co-field select,.co-field textarea{width:100%;padding:11px 14px;border:1px solid var(--warm);border-radius:4px;font-family:var(--sans);font-size:13px;font-weight:200;color:var(--text);background:var(--cream);outline:none;transition:border-color 0.2s;}
  .co-field input:focus,.co-field select:focus,.co-field textarea:focus{border-color:var(--green);background:var(--white);}
  .co-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
  .co-divider{border:none;border-top:1px solid var(--warm);margin:18px 0;}
  .co-call-note{background:rgba(42,66,40,0.06);border:1px solid rgba(42,66,40,0.14);border-radius:4px;padding:14px 16px;margin-bottom:16px;display:flex;gap:12px;align-items:flex-start;}
  .co-call-note svg{flex-shrink:0;color:var(--green);margin-top:1px;}
  .co-call-note p{font-size:12px;font-weight:200;color:var(--text);line-height:1.65;}
  .co-call-note strong{font-weight:400;}
  .btn-co-submit{width:100%;padding:14px;background:var(--green);color:white;border:none;border-radius:40px;font-family:var(--sans);font-size:11px;font-weight:300;letter-spacing:0.14em;text-transform:uppercase;cursor:pointer;transition:background 0.2s;}
  .btn-co-submit:hover{background:var(--dark);}
  .btn-co-submit:disabled{opacity:0.5;cursor:not-allowed;}
  .co-terms{font-size:10px;font-weight:200;color:var(--muted);text-align:center;margin-top:10px;line-height:1.6;}
  .co-success{text-align:center;padding:48px 32px;}
  .co-tick{width:64px;height:64px;border-radius:50%;background:rgba(42,66,40,0.1);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;}
  .co-success h3{font-family:var(--serif);font-size:26px;font-weight:400;margin-bottom:10px;}
  .co-success p{font-size:13px;font-weight:200;color:var(--muted);line-height:1.75;max-width:320px;margin:0 auto 28px;}
  .btn-co-done{padding:12px 36px;background:var(--green);color:white;border:none;border-radius:40px;font-family:var(--sans);font-size:11px;font-weight:300;cursor:pointer;}

  /* GALLERY */
  .gallery-section{background:var(--dark);padding:110px 0 0;overflow:hidden;}
  .gallery-header{padding:0 64px 54px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;}
  .gallery-header h2{font-family:var(--serif);font-size:clamp(30px,4vw,52px);font-weight:400;color:var(--white);letter-spacing:-0.01em;line-height:1.1;}
  .gallery-header h2 em{font-style:italic;color:rgba(255,255,255,0.35);font-weight:400;}
  .gallery-header p{font-size:12px;font-weight:200;color:rgba(255,255,255,0.35);max-width:260px;text-align:right;line-height:1.75;}
  .gallery-strip-desktop{display:flex;gap:8px;padding:0 64px 90px;align-items:stretch;}
  .gallery-panel{position:relative;border-radius:2px;overflow:hidden;cursor:pointer;transition:flex 0.7s cubic-bezier(0.4,0,0.2,1);flex:0 1 200px;height:540px;}
  .gallery-panel.active{flex:0 1 500px;}
  .gallery-panel img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.75s ease;}
  .gallery-panel:hover img{transform:scale(1.04);}
  .gallery-panel .panel-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.78) 0%,rgba(0,0,0,0.08) 55%,transparent 100%);transition:background 0.5s;}
  .gallery-panel:not(.active) .panel-overlay{background:rgba(0,0,0,0.5);}
  .panel-info{position:absolute;bottom:0;left:0;right:0;padding:30px 26px;transform:translateY(12px);opacity:0;transition:all 0.5s ease 0.2s;}
  .gallery-panel.active .panel-info{transform:translateY(0);opacity:1;}
  .panel-tag{display:inline-block;font-size:9px;letter-spacing:0.18em;text-transform:uppercase;background:rgba(255,255,255,0.1);color:var(--white);padding:4px 12px;border-radius:20px;margin-bottom:11px;font-weight:300;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.1);}
  .panel-info h3{font-family:var(--serif);font-size:26px;font-weight:300;color:var(--white);margin-bottom:8px;}
  .panel-info p{font-size:11px;font-weight:200;color:rgba(255,255,255,0.5);line-height:1.7;}
  .panel-label-side{position:absolute;bottom:28px;left:50%;transform:translateX(-50%) rotate(-90deg);font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:rgba(255,255,255,0.3);white-space:nowrap;font-weight:200;transition:opacity 0.35s;}
  .gallery-panel.active .panel-label-side{opacity:0;pointer-events:none;}
  .gallery-slider-mobile{display:none;}

  /* SERVICES */
  .services{background:var(--cream);padding:110px 64px;}
  .services-top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:60px;gap:20px;}
  .services-top h2{font-family:var(--serif);font-size:clamp(32px,4vw,54px);font-weight:400;line-height:1.07;letter-spacing:-0.01em;}
  .services-top h2 em{font-style:italic;color:var(--green);}
  .see-more{font-size:11px;color:var(--green);text-decoration:none;font-weight:300;border-bottom:1px solid currentColor;padding-bottom:2px;transition:color 0.2s;white-space:nowrap;letter-spacing:0.1em;}
  .see-more:hover{color:var(--dark);}
  .services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
  .svc-box{background:var(--white);border:1px solid var(--warm);border-radius:4px;padding:40px 32px 36px;display:flex;flex-direction:column;gap:20px;cursor:pointer;position:relative;overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease,border-color 0.3s;}
  .svc-box::after{content:'';position:absolute;bottom:0;left:0;width:0;height:3px;background:var(--green);transition:width 0.45s ease;}
  .svc-box:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(0,0,0,0.07);border-color:rgba(42,66,40,0.2);}
  .svc-box:hover::after{width:100%;}
  .svc-icon{width:56px;height:56px;border-radius:12px;background:rgba(42,66,40,0.07);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.3s;}
  .svc-box:hover .svc-icon{background:rgba(42,66,40,0.13);}
  .svc-icon svg{color:var(--green);}
  .svc-tag{font-size:9px;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);font-weight:300;}
  .svc-name{font-family:var(--serif);font-size:22px;font-weight:400;color:var(--dark);line-height:1.15;}
  .svc-desc{font-size:12px;font-weight:200;color:var(--muted);line-height:1.8;flex:1;}
  .svc-link{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--green);font-weight:300;text-decoration:none;margin-top:auto;transition:gap 0.25s;}
  .svc-link:hover{gap:14px;}
  .svc-link svg{transition:transform 0.25s;}
  .svc-link:hover svg{transform:translateX(3px);}

  /* TESTIMONIAL */
  .testimonial{background:var(--cream);padding:110px 64px;text-align:center;}
  .testimonial-label{font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:var(--muted);margin-bottom:52px;font-weight:300;display:flex;align-items:center;justify-content:center;gap:20px;}
  .testimonial-label::before,.testimonial-label::after{content:'';flex:1;max-width:80px;height:1px;background:var(--warm);}
  blockquote{font-family:var(--serif);font-size:clamp(20px,2.8vw,32px);font-weight:300;line-height:1.62;max-width:820px;margin:0 auto 40px;color:var(--dark);font-style:italic;}
  blockquote strong{font-weight:400;color:var(--green);font-style:normal;}
  .testimonial-author{font-size:11px;font-weight:400;letter-spacing:0.18em;text-transform:uppercase;color:var(--text);}
  .testimonial-role{font-size:11px;font-weight:200;color:var(--muted);margin-top:6px;}
  .testimonial-nav{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:42px;}
  .t-dot{width:7px;height:7px;border-radius:50%;background:var(--warm);cursor:pointer;transition:background 0.25s;}
  .t-dot.active{background:var(--green);}

  /* BLOG SLIDER */
  .blog{background:var(--cream);padding:120px 64px;overflow:hidden;position:relative;}
  .blog::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--warm);}
  .blog-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:60px;gap:16px;}
  .blog-header-left{display:flex;flex-direction:column;gap:10px;}
  .blog-eyebrow{font-size:10px;letter-spacing:0.28em;text-transform:uppercase;color:var(--green);font-weight:300;display:flex;align-items:center;gap:12px;}
  .blog-eyebrow::before{content:'';width:24px;height:1px;background:var(--green);}
  .blog h2{font-family:var(--serif);font-size:clamp(28px,4vw,54px);font-weight:400;line-height:1.07;letter-spacing:-0.01em;color:var(--dark);}
  .blog h2 em{font-style:italic;color:var(--muted);font-weight:300;}
  .blog-header-right{display:flex;align-items:center;gap:20px;flex-shrink:0;}
  .blog-nav-btn{width:52px;height:52px;border-radius:50%;border:1px solid rgba(42,66,40,0.25);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s;color:var(--green);}
  .blog-nav-btn:hover{background:var(--green);color:var(--white);border-color:var(--green);}
  .blog-nav-btn.primary{background:var(--green);color:var(--white);border-color:var(--green);width:64px;height:64px;}
  .blog-nav-btn.primary:hover{background:var(--dark);border-color:var(--dark);}
  .blog-counter{font-size:11px;font-weight:200;color:var(--muted);letter-spacing:0.1em;min-width:48px;}
  .blog-slider{overflow:hidden;position:relative;}
  .blog-track{display:flex;gap:24px;transition:transform 0.75s cubic-bezier(0.4,0,0.2,1);will-change:transform;}
  .blog-card{flex:0 0 calc(33.333% - 16px);background:var(--white);border-radius:4px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform 0.4s ease, box-shadow 0.4s ease;position:relative;}
  .blog-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(17,17,16,0.1);}
  .blog-card-img{width:100%;height:240px;object-fit:cover;display:block;transition:transform 0.65s ease;}
  .blog-card:hover .blog-card-img{transform:scale(1.04);}
  .blog-card-img-wrap{overflow:hidden;position:relative;}
  .blog-card-tag{position:absolute;top:16px;left:16px;background:var(--white);font-size:9px;font-weight:300;letter-spacing:0.2em;text-transform:uppercase;color:var(--green);padding:5px 12px;border-radius:2px;}
  .blog-card-body{padding:28px 28px 32px;display:flex;flex-direction:column;gap:12px;flex:1;}
  .blog-card-meta{font-size:10px;font-weight:200;color:var(--muted);letter-spacing:0.1em;text-transform:uppercase;display:flex;align-items:center;gap:10px;}
  .blog-card-meta span{width:3px;height:3px;border-radius:50%;background:var(--muted);display:inline-block;}
  .blog-card-title{font-family:var(--serif);font-size:20px;font-weight:400;color:var(--dark);line-height:1.25;letter-spacing:-0.01em;}
  .blog-card-excerpt{font-size:12px;font-weight:200;color:var(--muted);line-height:1.8;flex:1;}
  .blog-card-link{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:300;letter-spacing:0.18em;text-transform:uppercase;color:var(--green);margin-top:8px;transition:gap 0.25s;}
  .blog-card:hover .blog-card-link{gap:16px;}
  .blog-progress{margin-top:44px;display:flex;align-items:center;gap:16px;}
  .blog-progress-bar{flex:1;height:1px;background:var(--warm);position:relative;overflow:hidden;}
  .blog-progress-fill{position:absolute;top:0;left:0;height:100%;background:var(--green);transition:width 0.75s cubic-bezier(0.4,0,0.2,1);}
  .blog-progress-label{font-size:10px;font-weight:200;color:var(--muted);letter-spacing:0.1em;white-space:nowrap;}

  /* SOUL BANNER */
  .soul-banner{background:var(--cream);padding:80px 64px;text-align:center;border-top:1px solid var(--warm);border-bottom:1px solid var(--warm);}
  .soul-banner p{font-family:var(--serif);font-size:clamp(16px,2vw,22px);font-weight:300;font-style:italic;color:var(--muted);letter-spacing:0.02em;}
  .soul-banner strong{font-style:normal;font-weight:400;color:var(--dark);}

  /* CTA */
  .cta-section{background:linear-gradient(155deg,rgba(17,17,16,0.9) 0%,rgba(42,66,40,0.7) 100%),url('https://images.unsplash.com/photo-1586023492125-27b2c045efd7?w=1800&q=80') center/cover no-repeat;padding:140px 64px;display:flex;flex-direction:column;align-items:flex-start;}
  .cta-section h2{font-family:var(--serif);font-size:clamp(36px,6vw,72px);font-weight:400;color:var(--white);line-height:1.04;margin-bottom:44px;letter-spacing:-0.01em;}
  .cta-section h2 em{font-style:italic;color:rgba(255,255,255,0.45);font-weight:300;}

  /* FOOTER */
  footer{background:var(--dark);padding:90px 64px 44px;}
  .footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:54px;margin-bottom:64px;}
  .footer-brand .logo{font-family:var(--serif);font-size:20px;font-weight:400;color:var(--white);margin-bottom:16px;letter-spacing:0.08em;text-transform:uppercase;}
  .footer-brand .logo span{color:rgba(255,255,255,0.3);font-weight:300;}
  .footer-brand p{font-size:12px;font-weight:200;color:rgba(255,255,255,0.32);line-height:1.85;max-width:270px;margin-bottom:32px;}
  .newsletter{display:flex;}
  .newsletter input{flex:1;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-right:none;padding:11px 18px;color:var(--white);font-size:12px;font-weight:200;border-radius:40px 0 0 40px;outline:none;font-family:var(--sans);}
  .newsletter input::placeholder{color:rgba(255,255,255,0.2);}
  .newsletter button{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.1);border-left:none;padding:11px 18px;cursor:pointer;border-radius:0 40px 40px 0;transition:background 0.2s;}
  .newsletter button:hover{background:rgba(255,255,255,0.2);}
  .footer-col h5{font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:rgba(255,255,255,0.22);margin-bottom:20px;font-weight:300;}
  .footer-col ul{list-style:none;}
  .footer-col ul li{margin-bottom:13px;}
  .footer-col ul li a{color:rgba(255,255,255,0.42);text-decoration:none;font-size:12px;font-weight:200;transition:color 0.2s;}
  .footer-col ul li a:hover{color:rgba(255,255,255,0.82);}
  .footer-bottom{border-top:1px solid rgba(255,255,255,0.07);padding-top:30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;}
  .footer-bottom p{font-size:11px;font-weight:200;color:rgba(255,255,255,0.2);}
  .footer-bottom-links{display:flex;gap:26px;}
  .footer-bottom-links a{font-size:11px;font-weight:200;color:rgba(255,255,255,0.2);text-decoration:none;transition:color 0.2s;}
  .footer-bottom-links a:hover{color:rgba(255,255,255,0.6);}

  /* ══ CONTACT BAR (new) ══ */
  .contact-bar{background:var(--dark);padding:0 64px;height:42px;display:flex;align-items:center;justify-content:flex-end;gap:28px;border-bottom:1px solid rgba(255,255,255,0.05);}
  .contact-bar a{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:300;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.45);text-decoration:none;transition:color 0.2s;}
  .contact-bar a:hover{color:rgba(255,255,255,0.85);}
  .contact-bar .wa-bar{color:#25D366;}
  .contact-bar .wa-bar:hover{color:#1ebe5a;}

  /* ══ WHATSAPP FLOATING BUTTON (new) ══ */
  .wa-float{position:fixed;bottom:28px;right:28px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:8px;}
  .wa-float-btn{width:60px;height:60px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 4px 20px rgba(37,211,102,0.45);transition:transform 0.25s,box-shadow 0.25s;position:relative;}
  .wa-float-btn:hover{transform:scale(1.08);box-shadow:0 6px 28px rgba(37,211,102,0.6);}
  .wa-float-btn svg{color:#fff;flex-shrink:0;}
  /* pulse ring */
  .wa-float-btn::before{content:'';position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(37,211,102,0.45);animation:waPulse 2.2s ease-out infinite;}
  @keyframes waPulse{0%{transform:scale(1);opacity:0.7;}100%{transform:scale(1.5);opacity:0;}}
  .wa-tooltip{background:var(--dark);color:rgba(255,255,255,0.85);font-size:11px;font-weight:300;letter-spacing:0.08em;padding:6px 14px;border-radius:20px;white-space:nowrap;opacity:0;transform:translateY(4px);transition:opacity 0.2s,transform 0.2s;pointer-events:none;}
  .wa-float:hover .wa-tooltip{opacity:1;transform:translateY(0);}

  /* BUTTONS */
  .btn-primary{background:var(--dark);color:var(--white);padding:13px 30px;border:none;border-radius:40px;font-size:10px;font-weight:400;letter-spacing:0.14em;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:all 0.25s;font-family:var(--sans);display:inline-block;}
  .btn-primary:hover{background:var(--green);}
  .btn-outline{background:transparent;color:var(--dark);padding:13px 30px;border:1px solid rgba(0,0,0,0.25);border-radius:40px;font-size:10px;font-weight:300;letter-spacing:0.12em;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:all 0.25s;display:inline-block;}
  .btn-outline:hover{border-color:var(--dark);}

  /* REVEAL */
  .reveal{opacity:0;transform:translateY(26px);transition:opacity 0.7s ease,transform 0.7s ease;}
  .reveal.visible{opacity:1;transform:translateY(0);}

  /* SEO CONTENT BLOCK */
  .seo-content{background:var(--cream);padding:60px 64px;border-top:1px solid var(--warm);}
  .seo-content h2{font-family:var(--serif);font-size:clamp(22px,2.5vw,34px);font-weight:400;color:var(--dark);margin-bottom:18px;}
  .seo-content h3{font-family:var(--serif);font-size:18px;font-weight:400;color:var(--dark);margin:28px 0 10px;}
  .seo-content p{font-size:13px;font-weight:200;color:var(--muted);line-height:1.9;max-width:900px;margin-bottom:12px;}
  .seo-content address{font-style:normal;font-size:13px;font-weight:200;color:var(--muted);line-height:1.9;}
  .seo-content a{color:var(--green);text-decoration:none;}
  .seo-content a:hover{text-decoration:underline;}

  /* MOBILE GALLERY */
  .gallery-slider-mobile{position:relative;overflow:hidden;padding:0 24px 80px;}
  .gallery-mob-track{display:flex;gap:12px;transition:transform 0.65s cubic-bezier(0.4,0,0.2,1);will-change:transform;}
  .gallery-mob-slide{flex:0 0 82vw;max-width:340px;border-radius:4px;overflow:hidden;position:relative;height:460px;}
  .gallery-mob-slide img{width:100%;height:100%;object-fit:cover;display:block;}
  .gallery-mob-slide .panel-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.82) 0%,rgba(0,0,0,0.05) 55%,transparent 100%);}
  .gallery-mob-slide .panel-info{position:absolute;bottom:0;left:0;right:0;padding:24px 22px;opacity:1;transform:none;}
  .gallery-mob-controls{display:flex;align-items:center;gap:14px;padding:0 24px;margin-top:-30px;padding-bottom:20px;}
  .gallery-mob-btn{width:70px;height:70px;border-radius:50%;background:var(--green);border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:background 0.25s;}
  .gallery-mob-btn:hover{background:var(--dark);}
  .gallery-mob-btn span{font-size:8px;font-weight:300;color:rgba(255,255,255,0.8);letter-spacing:0.14em;text-transform:uppercase;font-family:var(--sans);}
  .gallery-mob-btn svg{color:white;}
  .gallery-mob-counter{font-size:11px;font-weight:200;color:rgba(255,255,255,0.4);}

  /* RESPONSIVE */
  @media(max-width:1024px){
    nav{padding:0 32px;}
    .contact-bar{padding:0 32px;}
    .hero{padding:calc(var(--nav-h)+50px) 32px 80px;}
    .hero-inner{grid-template-columns:1fr;}
    .hero-right{display:none;}
    .about{padding:80px 32px;}
    .about-inner{grid-template-columns:1fr;gap:48px;}
    .about-img-accent{bottom:-20px;right:-10px;width:150px;height:150px;}
    .different{padding:80px 32px;}
    .different-grid{grid-template-columns:1fr;gap:40px;}
    .different-img img{height:320px;}
    .steps-section{padding:80px 32px;}
    .steps-connector{flex-wrap:wrap;gap:40px 0;}
    .step-item{flex:0 0 50%;}
    .step-item:not(:last-child)::after{display:none;}
    .featured-products{padding:80px 32px;}
    .gallery-section{padding-top:80px;}
    .gallery-header{padding:0 32px 40px;flex-direction:column;align-items:flex-start;gap:14px;}
    .gallery-header p{text-align:left;max-width:100%;}
    .gallery-strip-desktop{padding:0 32px 80px;}
    .gallery-panel{flex:0 1 160px;height:440px;}
    .gallery-panel.active{flex:0 1 380px;}
    .services{padding:80px 32px;}
    .services-grid{grid-template-columns:repeat(2,1fr);gap:14px;}
    .testimonial{padding:80px 32px;}
    .blog{padding:90px 32px;}
    .blog-card{flex:0 0 calc(50% - 12px);}
    .cta-section{padding:100px 32px;}
    footer{padding:70px 32px 36px;}
    .footer-grid{grid-template-columns:1fr 1fr;gap:40px;}
    .prod-modal{max-width:720px;}
    .soul-banner{padding:60px 32px;}
    .seo-content{padding:48px 32px;}
  }
  @media(max-width:768px){
    :root{--nav-h:62px;}
    nav{padding:0 22px;}
    .contact-bar{padding:0 22px;height:auto;padding-top:10px;padding-bottom:10px;flex-wrap:wrap;justify-content:center;gap:16px;}
    .nav-links{display:none;}
    .nav-icon-search{display:none;}
    .burger{display:flex;}
    .mobile-menu{display:flex;}
    .hero{padding:calc(var(--nav-h)+30px) 22px 60px;}
    .hero-inner{grid-template-columns:1fr;grid-template-rows:auto auto;}
    .hero h1{font-size:clamp(40px,11vw,62px);}
    .hero-right{display:flex;justify-content:center;margin-top:32px;order:2;}
    .hero-product-img{height:340px;max-width:100%;}
    .hero-bg-circle{width:320px;height:320px;}
    .hero-left{order:1;}
    .hero-stat-mobile{display:flex;align-items:center;gap:16px;margin-bottom:24px;}
    .hero-stat-mobile .stat-m{font-family:var(--serif);font-size:38px;font-weight:300;color:var(--dark);}
    .hero-stat-mobile .stat-label-m{font-size:10px;color:var(--muted);letter-spacing:0.14em;text-transform:uppercase;font-weight:200;}
    .about{padding:64px 22px;}
    .about-inner{grid-template-columns:1fr;gap:40px;}
    .about-img-main{height:320px;}
    .about-img-accent{display:none;}
    .different{padding:64px 22px;}
    .different-top{flex-direction:column;align-items:flex-start;margin-bottom:40px;}
    .different-grid{grid-template-columns:1fr;gap:36px;}
    .different-img img{height:260px;}
    .diff-values{grid-template-columns:1fr;gap:32px;}
    .steps-section{padding:64px 22px;}
    .steps-header{flex-direction:column;align-items:flex-start;margin-bottom:44px;}
    .steps-connector{flex-direction:column;gap:36px;}
    .step-item{flex-direction:row;align-items:flex-start;gap:20px;text-align:left;}
    .step-item:not(:last-child)::after{display:none;}
    .step-icon{margin-bottom:0;flex-shrink:0;width:56px;height:56px;}
    .step-body{text-align:left;padding:0;}
    .step-item p{max-width:100%;margin:0;}
    .featured-products{padding:64px 22px;}
    .fp-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:32px;}
    .fp-header p{text-align:left;max-width:100%;}
    .fp-grid{grid-template-columns:1fr 1fr;gap:12px;}
    .fp-card-img{height:190px;}
    .gallery-section{padding-top:64px;}
    .gallery-header{padding:0 22px 36px;flex-direction:column;gap:12px;}
    .gallery-header p{text-align:left;}
    .gallery-strip-desktop{display:none;}
    .gallery-slider-mobile{display:block;}
    .services{padding:64px 22px;}
    .services-top{flex-direction:column;align-items:flex-start;}
    .services-grid{grid-template-columns:1fr 1fr;gap:12px;}
    .svc-box{padding:28px 22px 26px;}
    .testimonial{padding:64px 22px;}
    blockquote{font-size:20px;}
    .blog{padding:64px 22px;}
    .blog-header{flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:36px;}
    .blog-card{flex:0 0 85vw !important;}
    .blog-card-img{height:200px;}
    .soul-banner{padding:48px 22px;}
    .cta-section{padding:80px 22px;}
    footer{padding:56px 22px 36px;}
    .footer-grid{grid-template-columns:1fr;gap:36px;}
    .footer-bottom{flex-direction:column;align-items:flex-start;}
    .prod-modal{grid-template-columns:1fr;max-height:90vh;overflow-y:auto;}
    .pm-img-side img{min-height:260px;height:260px;}
    .pm-img-ph{min-height:260px;}
    .pm-info-side{padding:24px 22px;}
    .cart-panel{max-width:100%;}
    .co-row2{grid-template-columns:1fr;}
    .cat-strip{grid-template-columns:1fr;}
    .cat-strip-item:not(:last-child){border-right:none;border-bottom:1px solid #eeebe4;}
    .cat-strip-item{min-height:160px;}
    .cat-img-wrap img{height:90%;}
    .cat-strip-body{padding:22px 24px 22px;max-width:70%;}
    .seo-content{padding:40px 22px;}
    .wa-float{bottom:20px;right:16px;}
    .wa-float-btn{width:54px;height:54px;}
  }
  @media(max-width:480px){
    
    .stat-m{margin-top:30px;}
    .fp-grid{grid-template-columns:1fr;}
    .gallery-mob-slide{flex:0 0 88vw;height:400px;}
    .about-stats{flex-direction:column;gap:24px;}
    .services-grid{grid-template-columns:1fr;}
    .hero-product-img{height:280px;}
    .hero-bg-circle{width:260px;height:260px;}
  }