/*
Theme Name: Showroom Story
Theme URI: https://example.com/showroom-story
Author: GrowthAspired
Author URI: https://growthaspired.com
Description: Premium storytelling WordPress theme for bathroom, kitchen, tile and sanitaryware showroom websites with four prebuilt page templates, mega menu, animations, inquiry CTAs, and mobile-first responsive layout.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: showroom-story
Tags: custom-logo, custom-menu, one-column, two-columns, featured-images, full-width-template
*/

:root{
  --ss-blue:#1675B0;
  --ss-black:#020202;
  --ss-grey:#DDD8DA;
  --ss-white:#FFFFFF;
  --ss-muted:#6e6e72;
  --ss-border:rgba(2,2,2,.10);
  --ss-shadow:0 24px 70px rgba(2,2,2,.12);
  --ss-soft-shadow:0 12px 34px rgba(2,2,2,.08);
  --ss-radius:28px;
  --ss-radius-sm:18px;
  --ss-container:min(1240px, calc(100vw - 40px));
  --ss-serif:'Playfair Display', Georgia, serif;
  --ss-sans:'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--ss-white);
  color:var(--ss-black);
  font-family:var(--ss-sans);
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.ss-mobile-menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button,input,select,textarea{font:inherit}
::selection{background:var(--ss-blue);color:var(--ss-white)}

.ss-container{width:var(--ss-container);margin-inline:auto}
.ss-section{padding:110px 0;position:relative;overflow:hidden}
.ss-section-tight{padding:70px 0}
.ss-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  color:var(--ss-blue);font-size:12px;font-weight:800;
  letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px;
}
.ss-eyebrow:before{content:"";width:42px;height:1px;background:var(--ss-blue);display:inline-block}
.ss-kicker{color:var(--ss-muted);max-width:720px;margin:0 auto 42px;font-size:17px}
.ss-title{font-family:var(--ss-serif);font-size:clamp(34px, 5vw, 68px);line-height:1.03;letter-spacing:-.045em;margin:0;color:var(--ss-black)}
.ss-title-light{color:var(--ss-white)}
.ss-h2{font-family:var(--ss-serif);font-size:clamp(32px, 4vw, 54px);line-height:1.06;letter-spacing:-.04em;margin:0 0 18px}
.ss-h3{font-family:var(--ss-serif);font-size:clamp(24px, 2.5vw, 36px);line-height:1.15;letter-spacing:-.025em;margin:0 0 12px}
.ss-text{color:var(--ss-muted);margin:0 0 24px}
.ss-white-text{color:rgba(255,255,255,.76)}
.ss-center{text-align:center}.ss-left{text-align:left}
.ss-grid{display:grid;gap:24px}
.ss-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ss-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ss-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}

.ss-btn-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.ss-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:13px 20px;border-radius:999px;border:1px solid transparent;font-weight:800;font-size:14px;line-height:1;cursor:pointer;transition:transform .24s ease, box-shadow .24s ease, background .24s ease, border-color .24s ease, color .24s ease;white-space:nowrap}
.ss-btn:hover{transform:translateY(-3px);box-shadow:0 14px 26px rgba(2,2,2,.14)}
.ss-btn-primary{background:var(--ss-blue);color:var(--ss-white)}
.ss-btn-dark{background:var(--ss-black);color:var(--ss-white)}
.ss-btn-white{background:var(--ss-white);color:var(--ss-black)}
.ss-btn-outline{background:transparent;color:var(--ss-blue);border-color:rgba(22,117,176,.35)}
.ss-btn-outline:hover{background:rgba(22,117,176,.08);border-color:var(--ss-blue)}
.ss-btn-whatsapp{background:#25D366;color:#062d16}
.ss-btn-ghost{background:rgba(255,255,255,.10);color:var(--ss-white);border-color:rgba(255,255,255,.22);backdrop-filter:blur(10px)}
.ss-chip{display:inline-flex;align-items:center;gap:8px;background:rgba(22,117,176,.10);color:var(--ss-blue);border:1px solid rgba(22,117,176,.16);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.ss-card{background:var(--ss-white);border:1px solid var(--ss-border);border-radius:var(--ss-radius);box-shadow:var(--ss-soft-shadow);overflow:hidden}
.ss-dark-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:var(--ss-radius);backdrop-filter:blur(14px)}

/* Header */
.ss-topbar{background:var(--ss-black);color:var(--ss-white);font-size:13px;position:relative;z-index:50}
.ss-topbar-inner{width:var(--ss-container);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:38px}
.ss-topbar-left,.ss-topbar-right{display:flex;gap:18px;align-items:center;white-space:nowrap}
.ss-topbar .accent{color:#67c6ff;font-weight:800}.ss-topbar .muted{color:rgba(255,255,255,.66)}
.ss-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.86);backdrop-filter:saturate(160%) blur(18px);border-bottom:1px solid rgba(2,2,2,.06);transition:box-shadow .25s ease, background .25s ease}
.ss-header.ss-scrolled{box-shadow:0 10px 30px rgba(2,2,2,.08);background:rgba(255,255,255,.96)}
.ss-nav{width:var(--ss-container);margin:auto;display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:24px}
.ss-logo{display:flex;align-items:center;gap:12px;min-width:155px}
.ss-logo img{max-height:52px;width:auto}
.ss-logo-fallback{font-family:var(--ss-serif);font-size:24px;font-weight:700;letter-spacing:-.04em}
.ss-menu{display:flex;align-items:center;gap:7px;list-style:none;padding:0;margin:0}
.ss-menu > li{position:relative}
.ss-menu a{display:flex;padding:12px 10px;border-radius:999px;font-size:14px;font-weight:800;color:rgba(2,2,2,.78);transition:color .2s ease, background .2s ease}
.ss-menu a:hover{color:var(--ss-blue);background:rgba(22,117,176,.08)}
.ss-nav-actions{display:flex;align-items:center;gap:10px}
.ss-menu-toggle{display:none;border:0;background:var(--ss-black);color:var(--ss-white);width:46px;height:46px;border-radius:50%;align-items:center;justify-content:center;cursor:pointer}
.ss-menu-toggle span{width:18px;height:2px;background:currentColor;display:block;position:relative;border-radius:99px}
.ss-menu-toggle span:before,.ss-menu-toggle span:after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor;border-radius:99px}.ss-menu-toggle span:before{top:-6px}.ss-menu-toggle span:after{top:6px}
.ss-mega{position:absolute;left:50%;transform:translateX(-50%) translateY(16px);top:100%;width:min(1050px, calc(100vw - 40px));background:rgba(255,255,255,.96);border:1px solid rgba(2,2,2,.08);box-shadow:var(--ss-shadow);border-radius:30px;padding:18px;opacity:0;pointer-events:none;transition:opacity .22s ease, transform .22s ease;backdrop-filter:blur(18px)}
.ss-menu li:hover .ss-mega,.ss-menu li:focus-within .ss-mega{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(8px)}
.ss-mega-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ss-mega-card{border-radius:20px;overflow:hidden;position:relative;min-height:150px;background:#eee;display:flex;align-items:end;color:#fff;padding:16px;isolation:isolate}
.ss-mega-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease;z-index:-2}.ss-mega-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top, rgba(2,2,2,.72), rgba(2,2,2,.08));z-index:-1}.ss-mega-card:hover img{transform:scale(1.08)}
.ss-mega-card strong{display:block;font-family:var(--ss-serif);font-size:20px;line-height:1.05}.ss-mega-card small{display:block;color:rgba(255,255,255,.78);font-size:12px;margin-top:4px}

/* Hero */
.ss-hero{min-height:calc(100vh - 120px);display:flex;align-items:center;position:relative;overflow:hidden;background:var(--ss-black);color:var(--ss-white)}
.ss-hero-media{position:absolute;inset:0;z-index:0}.ss-hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.96) contrast(1.04)}
.ss-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,2,2,.80),rgba(2,2,2,.45) 48%,rgba(2,2,2,.12)),linear-gradient(to top,rgba(2,2,2,.34),transparent 42%)}
.ss-hero-content{position:relative;z-index:1;width:var(--ss-container);margin:auto;padding:86px 0}.ss-hero-copy{max-width:760px}
.ss-hero .ss-title{color:var(--ss-white);font-size:clamp(46px,7vw,92px)}
.ss-hero-sub{font-size:clamp(17px,2vw,22px);color:rgba(255,255,255,.78);max-width:700px;margin:22px 0 28px}
.ss-trust-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.ss-trust-pill{display:inline-flex;align-items:center;gap:9px;padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);font-weight:700;font-size:13px;color:rgba(255,255,255,.86)}
.ss-trust-pill:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ss-blue);box-shadow:0 0 0 4px rgba(22,117,176,.2)}

/* Image cards */
.ss-category-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:repeat(2,260px);gap:20px;margin-top:40px}
.ss-category-card{position:relative;border-radius:var(--ss-radius);overflow:hidden;isolation:isolate;color:var(--ss-white);padding:28px;display:flex;align-items:end;min-height:260px;box-shadow:var(--ss-soft-shadow)}
.ss-category-card:first-child{grid-row:span 2}.ss-category-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .55s ease}.ss-category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(2,2,2,.78),rgba(2,2,2,.1));z-index:-1}.ss-category-card:hover img{transform:scale(1.08)}
.ss-category-card h3{font-family:var(--ss-serif);font-size:clamp(28px,3vw,42px);margin:0 0 8px}.ss-category-card p{color:rgba(255,255,255,.76);margin:0 0 18px;max-width:480px}.ss-hover-link{color:var(--ss-white);font-weight:900;font-size:14px;display:inline-flex;gap:8px;align-items:center;opacity:.95}.ss-hover-link span{color:#8dd7ff}

/* Products */
.ss-products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:38px}
.ss-product-card{border-radius:26px;border:1px solid var(--ss-border);overflow:hidden;background:#fff;box-shadow:0 12px 35px rgba(2,2,2,.06);transition:transform .25s ease, box-shadow .25s ease,border-color .25s ease}.ss-product-card:hover{transform:translateY(-6px);box-shadow:var(--ss-shadow);border-color:rgba(22,117,176,.28)}
.ss-product-media{height:260px;position:relative;overflow:hidden;background:#f3f3f3}.ss-product-media img{width:100%;height:100%;object-fit:cover;transition:opacity .35s ease, transform .45s ease}.ss-product-media img:nth-child(2){position:absolute;inset:0;opacity:0}.ss-product-card:hover .ss-product-media img:nth-child(1){opacity:0;transform:scale(1.04)}.ss-product-card:hover .ss-product-media img:nth-child(2){opacity:1;transform:scale(1.04)}
.ss-product-badge{position:absolute;left:14px;top:14px;background:rgba(255,255,255,.88);border:1px solid rgba(2,2,2,.08);border-radius:999px;padding:8px 11px;font-size:12px;font-weight:900;color:var(--ss-blue);backdrop-filter:blur(8px)}
.ss-product-body{padding:22px}.ss-product-body h3{margin:0 0 6px;font-size:20px;line-height:1.15}.ss-product-meta{color:var(--ss-blue);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.ss-product-body p{color:var(--ss-muted);margin:10px 0 18px;font-size:14px}.ss-product-actions{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.ss-price{font-weight:900;color:var(--ss-black);font-size:13px}
.ss-mini-icons{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.ss-mini-icons span{font-size:11px;font-weight:800;background:rgba(22,117,176,.08);color:var(--ss-blue);padding:7px 9px;border-radius:999px}

/* Catalogue */
.ss-catalogue{background:linear-gradient(135deg,rgba(221,216,218,.72),rgba(255,255,255,.96));}
.ss-catalogue-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center}
.ss-catalogue-preview{min-height:520px;border-radius:36px;background:linear-gradient(145deg,#111,#343434);padding:38px;position:relative;box-shadow:var(--ss-shadow);overflow:hidden;color:#fff}.ss-catalogue-preview:before{content:"";position:absolute;right:-90px;top:-80px;width:280px;height:280px;border-radius:50%;background:rgba(22,117,176,.35);filter:blur(20px)}.ss-catalogue-preview img{height:340px;width:100%;object-fit:cover;border-radius:26px;box-shadow:0 22px 60px rgba(0,0,0,.35);position:relative}.ss-pdf-badge{position:absolute;left:38px;top:38px;background:#fff;color:var(--ss-black);border-radius:999px;padding:9px 12px;font-size:12px;font-weight:900;z-index:2}.ss-catalogue-preview h3{font-family:var(--ss-serif);font-size:44px;line-height:1;margin:24px 0 8px;position:relative}.ss-catalogue-preview p{color:rgba(255,255,255,.7);margin:0;position:relative}
.ss-form{display:grid;gap:12px}.ss-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ss-input{width:100%;min-height:52px;border:1px solid rgba(2,2,2,.12);border-radius:16px;background:#fff;padding:0 16px;outline:none;transition:border-color .2s ease, box-shadow .2s ease}.ss-input:focus{border-color:var(--ss-blue);box-shadow:0 0 0 4px rgba(22,117,176,.10)}textarea.ss-input{padding-top:14px;min-height:132px;resize:vertical}.ss-form-note{font-size:12px;color:var(--ss-muted);margin:6px 0 0}.ss-form-status{display:none;margin-top:12px;padding:12px 14px;border-radius:14px;background:rgba(37,211,102,.12);color:#0b5d2b;font-weight:800}.ss-form-status.is-visible{display:block}

/* Video + trust */
.ss-dark-section{background:var(--ss-black);color:var(--ss-white)}
.ss-video-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:22px;margin-top:40px}.ss-video-main,.ss-video-thumb{position:relative;border-radius:var(--ss-radius);overflow:hidden;background:#222;min-height:460px}.ss-video-thumb{min-height:140px}.ss-video-stack{display:grid;gap:18px}.ss-video-main img,.ss-video-thumb img{width:100%;height:100%;object-fit:cover;opacity:.84;transition:transform .45s ease}.ss-video-main:hover img,.ss-video-thumb:hover img{transform:scale(1.04)}.ss-play{position:absolute;inset:auto auto 24px 24px;width:58px;height:58px;border-radius:50%;background:var(--ss-blue);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 16px 40px rgba(22,117,176,.35)}.ss-play:before{content:"";border-left:16px solid currentColor;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:4px}.ss-video-label{position:absolute;left:24px;top:22px;background:rgba(2,2,2,.56);border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#fff;padding:8px 12px;font-weight:900;font-size:12px;backdrop-filter:blur(8px)}
.ss-trust-map{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:stretch;margin-top:40px}.ss-map-card{min-height:440px;border-radius:var(--ss-radius);overflow:hidden;border:1px solid var(--ss-border);box-shadow:var(--ss-soft-shadow);background:#f6f6f6}.ss-map-card iframe{width:100%;height:100%;border:0;display:block}.ss-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ss-review-card{padding:24px;border:1px solid var(--ss-border);border-radius:24px;background:#fff}.ss-stars{color:#f6ad16;letter-spacing:2px;margin-bottom:8px}.ss-review-card strong{display:block;margin-bottom:5px}.ss-info-list{display:grid;gap:12px;margin:20px 0}.ss-info-list div{display:flex;gap:10px;color:var(--ss-muted)}.ss-info-list b{color:var(--ss-black)}

/* Collections page */
.ss-page-hero{min-height:72vh;display:flex;align-items:center;color:#fff;position:relative;overflow:visible;background:#111}.ss-page-hero .ss-hero-media:after{background:linear-gradient(90deg,rgba(2,2,2,.82),rgba(2,2,2,.36)),linear-gradient(to top,rgba(2,2,2,.45),transparent)}.ss-page-hero-content{width:var(--ss-container);margin:auto;padding:90px 0 155px;position:relative;z-index:1}.ss-category-tabs{width:var(--ss-container);margin:-90px auto 0;position:relative;z-index:3;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.ss-tab-card{background:#fff;border:1px solid var(--ss-border);border-radius:22px;box-shadow:0 18px 45px rgba(2,2,2,.10);padding:10px;transition:transform .2s ease}.ss-tab-card:hover{transform:translateY(-5px)}.ss-tab-card img{height:88px;width:100%;object-fit:cover;border-radius:16px}.ss-tab-card strong{display:block;margin:10px 6px 2px}.ss-tab-card small{display:block;color:var(--ss-muted);margin:0 6px 6px;font-size:12px;line-height:1.3}
.ss-shop-layout{display:grid;grid-template-columns:280px 1fr;gap:30px;align-items:start}.ss-filter-sidebar{position:sticky;top:112px;background:#fff;border:1px solid var(--ss-border);border-radius:28px;box-shadow:var(--ss-soft-shadow);padding:22px}.ss-filter-group{border-bottom:1px solid rgba(2,2,2,.08);padding:0 0 18px;margin:0 0 18px}.ss-filter-group:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.ss-filter-group h3{font-size:13px;text-transform:uppercase;letter-spacing:.12em;margin:0 0 12px}.ss-filter-check{display:flex;align-items:center;gap:9px;margin:9px 0;color:var(--ss-muted);font-size:14px}.ss-shop-toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:18px}.ss-search{flex:1}.ss-mobile-filter-btn{display:none}.ss-products-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ss-product-card.is-hidden{display:none!important}.ss-empty-state{display:none;padding:30px;border:1px dashed rgba(2,2,2,.16);border-radius:24px;text-align:center;color:var(--ss-muted)}.ss-empty-state.is-visible{display:block}
.ss-trustbar{background:var(--ss-black);color:#fff;padding:42px 0}.ss-trustbar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.ss-trustbar-item{display:flex;gap:14px;align-items:flex-start}.ss-trustbar-icon{width:42px;height:42px;border-radius:14px;background:rgba(22,117,176,.18);color:#8dd7ff;display:flex;align-items:center;justify-content:center;font-weight:900;flex:none}.ss-trustbar-item h3{margin:0 0 4px;font-size:16px}.ss-trustbar-item p{margin:0;color:rgba(255,255,255,.68);font-size:13px;line-height:1.45}

/* About */
.ss-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.ss-image-stack{position:relative;min-height:560px}.ss-image-stack img{position:absolute;object-fit:cover;border-radius:34px;box-shadow:var(--ss-shadow)}.ss-image-stack img:first-child{inset:0 70px 80px 0;width:calc(100% - 70px);height:calc(100% - 80px)}.ss-image-stack img:last-child{right:0;bottom:0;width:46%;height:270px;border:10px solid #fff}.ss-values{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px}.ss-value-card{padding:20px;border-radius:22px;background:#fff;border:1px solid var(--ss-border);box-shadow:0 12px 25px rgba(2,2,2,.05)}.ss-value-card strong{display:block;margin-bottom:4px}.ss-value-card p{font-size:13px;color:var(--ss-muted);margin:0}.ss-experience-card{padding:30px}.ss-experience-card .num{font-family:var(--ss-serif);font-size:48px;line-height:1;color:var(--ss-blue);display:block;margin-bottom:18px}.ss-banner-image{margin-top:32px;border-radius:34px;overflow:hidden;height:420px}.ss-banner-image img{width:100%;height:100%;object-fit:cover}.ss-promise-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:34px}.ss-promise-card{padding:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:24px}.ss-promise-card strong{display:block;color:#fff;margin-bottom:8px}.ss-promise-card p{margin:0;color:rgba(255,255,255,.66);font-size:14px}

/* Contact */
.ss-contact-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:stretch}.ss-contact-image{border-radius:34px;overflow:hidden;min-height:640px;position:relative}.ss-contact-image img{width:100%;height:100%;object-fit:cover}.ss-contact-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(2,2,2,.42),transparent 50%)}.ss-form-card{padding:34px;border-radius:34px;background:#fff;border:1px solid var(--ss-border);box-shadow:var(--ss-shadow)}.ss-wa-cta{padding:72px 0;background:radial-gradient(circle at 80% 20%, rgba(22,117,176,.36), transparent 34%),var(--ss-black);color:#fff}.ss-wa-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}.ss-location-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:26px;align-items:stretch}.ss-location-card{padding:30px}.ss-hours{list-style:none;padding:0;margin:18px 0}.ss-hours li{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(2,2,2,.08);padding:10px 0;color:var(--ss-muted)}.ss-hours b{color:var(--ss-black)}
.ss-faq{max-width:920px;margin:36px auto 0}.ss-faq-item{border:1px solid var(--ss-border);border-radius:22px;margin-bottom:12px;background:#fff;overflow:hidden}.ss-faq-question{width:100%;border:0;background:#fff;color:var(--ss-black);display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;text-align:left;font-weight:900;cursor:pointer}.ss-faq-question:after{content:"+";font-size:22px;color:var(--ss-blue);transition:transform .2s ease}.ss-faq-item.is-open .ss-faq-question:after{transform:rotate(45deg)}.ss-faq-answer{max-height:0;overflow:hidden;transition:max-height .28s ease}.ss-faq-answer p{padding:0 24px 22px;margin:0;color:var(--ss-muted)}.ss-final-cta{margin-top:40px;padding:38px;border-radius:30px;background:linear-gradient(135deg,rgba(22,117,176,.10),rgba(221,216,218,.45));border:1px solid rgba(22,117,176,.14);display:flex;justify-content:space-between;gap:20px;align-items:center}

/* Footer */
.ss-footer{background:var(--ss-black);color:#fff;padding:76px 0 28px}.ss-footer-grid{display:grid;grid-template-columns:1.4fr .7fr .7fr 1fr;gap:36px}.ss-footer-logo img{max-height:58px;width:auto;margin-bottom:16px}.ss-footer-logo .ss-logo-fallback{display:block;margin-bottom:16px}.ss-footer p,.ss-footer a,.ss-footer li{color:rgba(255,255,255,.68)}.ss-footer a:hover{color:#8dd7ff}.ss-footer h3{margin:0 0 16px;color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:.14em}.ss-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.ss-social{display:flex;gap:10px;margin-top:18px}.ss-social a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#fff}.ss-footer-bottom{border-top:1px solid rgba(255,255,255,.10);margin-top:44px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.54);font-size:13px}
.ss-floating-actions{position:fixed;right:18px;bottom:18px;z-index:80;display:grid;gap:10px}.ss-float{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 12px 28px rgba(2,2,2,.22);font-weight:900}.ss-float-wa{background:#25D366}.ss-float-call{background:var(--ss-blue);display:none}

/* Animation */
.ss-reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease, transform .65s ease}.ss-reveal.is-visible{opacity:1;transform:translateY(0)}
@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.ss-reveal{opacity:1;transform:none}}

@media (max-width: 1100px){
  .ss-grid-4,.ss-products-grid,.ss-products-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ss-category-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.ss-category-card:first-child{grid-row:auto}.ss-category-card{min-height:320px}
  .ss-catalogue-wrap,.ss-video-grid,.ss-trust-map,.ss-split,.ss-contact-split,.ss-location-grid{grid-template-columns:1fr}
  .ss-filter-sidebar{position:fixed;inset:auto 14px 14px;top:90px;z-index:90;overflow:auto;transform:translateY(115%);transition:transform .28s ease}.ss-filter-sidebar.is-open{transform:translateY(0)}.ss-mobile-filter-btn{display:inline-flex}.ss-shop-layout{grid-template-columns:1fr}.ss-category-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.ss-promise-grid,.ss-trustbar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 920px){
  .ss-topbar-inner{min-height:auto;padding:8px 0;align-items:flex-start}.ss-topbar-left{flex-direction:column;gap:2px}.ss-topbar-right{font-size:12px}.ss-topbar .hide-mobile{display:none}
  .ss-menu-toggle{display:flex}.ss-nav-actions .ss-btn{display:none}.ss-menu{position:fixed;left:0;right:0;top:calc(38px + 82px);height:calc(100vh - 120px);background:rgba(255,255,255,.98);backdrop-filter:blur(16px);display:none;overflow:auto;padding:20px;align-items:stretch;flex-direction:column;gap:4px;border-top:1px solid rgba(2,2,2,.06)}body.ss-mobile-menu-open .ss-menu{display:flex}.ss-menu a{font-size:18px;padding:14px 12px}.ss-mega{position:static;transform:none!important;width:100%;opacity:1;pointer-events:auto;box-shadow:none;background:#f8f8f8;padding:12px;margin:4px 0 12px;border-radius:22px}.ss-mega-grid{grid-template-columns:1fr 1fr}.ss-mega-card{min-height:135px}
  .ss-hero{min-height:80vh}.ss-hero-media:after{background:linear-gradient(to top,rgba(2,2,2,.84),rgba(2,2,2,.34))}.ss-hero-content{text-align:left;padding:72px 0}.ss-btn-row{align-items:stretch}.ss-btn-row .ss-btn{flex:1 1 auto}.ss-section{padding:76px 0}.ss-category-tabs{display:flex;overflow:auto;padding-bottom:10px}.ss-tab-card{min-width:170px}.ss-shop-toolbar{flex-direction:column;align-items:stretch}.ss-wa-inner,.ss-final-cta{flex-direction:column;align-items:flex-start}.ss-float-call{display:flex}
}
@media (max-width: 640px){
  :root{--ss-container:calc(100vw - 28px)}
  .ss-title{font-size:40px}.ss-hero .ss-title{font-size:48px}.ss-h2{font-size:34px}.ss-section{padding:62px 0}.ss-grid-2,.ss-grid-3,.ss-grid-4,.ss-products-grid,.ss-products-gallery,.ss-review-grid,.ss-values,.ss-promise-grid,.ss-trustbar-grid,.ss-footer-grid{grid-template-columns:1fr}.ss-category-grid{grid-template-columns:1fr}.ss-category-card{min-height:280px;padding:22px}.ss-form-row{grid-template-columns:1fr}.ss-catalogue-preview{min-height:auto;padding:24px}.ss-catalogue-preview img{height:240px}.ss-video-main{min-height:320px}.ss-video-thumb{min-height:150px}.ss-image-stack{min-height:430px}.ss-image-stack img:first-child{inset:0;width:100%;height:330px}.ss-image-stack img:last-child{width:58%;height:190px}.ss-contact-image{min-height:360px}.ss-form-card{padding:24px}.ss-footer-bottom{flex-direction:column}.ss-floating-actions{right:12px;bottom:12px}.ss-float{width:52px;height:52px}.ss-nav{min-height:74px}.ss-menu{top:112px;height:calc(100vh - 112px)}
}

.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{clip:auto!important;clip-path:none;height:auto;left:8px;top:8px;width:auto;z-index:100000;background:#fff;color:#000;padding:12px 16px;border-radius:8px;box-shadow:0 8px 30px rgba(0,0,0,.18)}