*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Manrope',Arial,sans-serif;background:#fbf6f1;color:#241817;overflow-x:hidden}a{text-decoration:none;color:inherit}.header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px 7%;background:rgba(251,246,241,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(36,24,23,.08)}.logo{font-weight:900;font-size:22px;letter-spacing:-.7px}.logo span{display:block;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#9d6c60}.nav{display:flex;gap:24px;font-size:14px;color:#5d4440}.nav a{transition:.25s}.nav a:hover{color:#241817}.socials{display:flex;align-items:center;gap:9px}.social{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:white;border:1px solid rgba(36,24,23,.1);font-weight:900;font-size:12px}.header-whatsapp{padding:12px 18px;border-radius:999px;background:#241817;color:white;font-weight:800}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;padding:78px 7% 54px}.eyebrow{text-transform:uppercase;letter-spacing:2.5px;font-size:12px;font-weight:900;color:#a36f63;margin:0 0 16px}h1{font-size:clamp(42px,6vw,78px);line-height:.95;margin:0 0 22px;letter-spacing:-3px}h2{font-size:clamp(30px,4vw,52px);line-height:1;margin:0 0 18px;letter-spacing:-2px}.hero-text,.form-text p,.contacts p,.text-block p{font-size:18px;line-height:1.65;color:#664b46;max-width:720px}.hero-actions,.contact-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;border-radius:16px;font-weight:900;border:0;cursor:pointer;font-size:15px;transition:.25s}.btn:hover{transform:translateY(-2px)}.primary{background:#241817;color:white;box-shadow:0 20px 50px rgba(36,24,23,.18)}.secondary{background:white;color:#241817;border:1px solid rgba(36,24,23,.12)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.stats div{background:white;border-radius:22px;padding:20px;border:1px solid rgba(36,24,23,.08);transition:.25s}.stats div:hover,.category:hover,.products-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(36,24,23,.08)}.stats b{display:block;font-size:25px}.stats span{display:block;font-size:13px;color:#7c625d;margin-top:4px}.hero-card{position:relative;min-height:580px;border-radius:40px;padding:18px;box-shadow:0 30px 80px rgba(85,55,48,.18);overflow:hidden;background-size:cover;background-position:center}.image-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(36,24,23,.04),rgba(36,24,23,.42))}.img-hero{background-image:linear-gradient(145deg,rgba(215,179,165,.35),rgba(139,93,83,.2)),url('images/hero.jpg')}.floating-card{position:absolute;left:36px;right:36px;bottom:36px;padding:22px;border-radius:24px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px)}.floating-card p{margin:6px 0 0;color:#6a4f49}.section{padding:70px 7%}.section-head{max-width:760px}.grid{display:grid;gap:18px}.catalog-grid{grid-template-columns:repeat(4,1fr);margin-top:30px}.category{background:white;border-radius:28px;padding:20px;border:1px solid rgba(36,24,23,.08);transition:.25s}.cat-img,.product-img{height:190px;border-radius:22px;background-size:cover;background-position:center;margin-bottom:18px;background-color:#ead0c5}.img-cat-1{background-image:url('images/catalog1.jpg')}.img-cat-2{background-image:url('images/catalog2.jpg')}.img-cat-3{background-image:url('images/catalog3.jpg')}.img-cat-4{background-image:url('images/catalog4.jpg')}.category h3{font-size:22px;margin:0 0 10px}.category p{color:#6a4f49;line-height:1.55}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px}.text-block{background:white;border-radius:30px;padding:30px;border:1px solid rgba(36,24,23,.08)}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}.mini-grid span{padding:14px;border-radius:16px;background:#fbf6f1;font-weight:800}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.products-grid article{background:white;border-radius:28px;padding:18px;border:1px solid rgba(36,24,23,.08);transition:.25s}.products-grid b{display:block;font-size:20px;margin-bottom:6px}.products-grid span{color:#7c625d}.product-img{height:230px}.img-prod-1{background-image:url('images/product1.jpg')}.img-prod-2{background-image:url('images/product2.jpg')}.img-prod-3{background-image:url('images/product3.jpg')}.img-prod-4{background-image:url('images/product4.jpg')}.img-prod-5{background-image:url('images/product5.jpg')}.img-prod-6{background-image:url('images/product6.jpg')}.benefits-list{display:grid;gap:14px}.benefits-list div{display:grid;grid-template-columns:56px 1fr;gap:18px;align-items:start;background:white;border-radius:22px;padding:20px;border:1px solid rgba(36,24,23,.08);line-height:1.55;color:#5f4641}.benefits-list b{color:#a36f63}.dark-block{margin:40px 7%;border-radius:40px;background:#241817;color:white;padding:58px}.dark-block .eyebrow{color:#d8aa9c}.dark-block h2{max-width:950px}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}.steps-grid div{padding:22px;border-radius:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.steps-grid b{display:flex;width:42px;height:42px;border-radius:50%;background:white;color:#241817;align-items:center;justify-content:center}.steps-grid h3{font-size:20px}.steps-grid p{color:rgba(255,255,255,.72);line-height:1.55}.faq{display:grid;gap:12px;max-width:980px;margin-top:26px}details{background:white;border-radius:22px;padding:20px;border:1px solid rgba(36,24,23,.08)}summary{font-weight:900;cursor:pointer}details p{color:#6a4f49;line-height:1.55}.form-section{display:grid;grid-template-columns:1fr 480px;gap:44px;align-items:start}.lead-form{background:white;border-radius:30px;padding:28px;border:1px solid rgba(36,24,23,.08);box-shadow:0 24px 60px rgba(36,24,23,.08)}label{display:block;font-weight:800;margin-bottom:16px}input,select{width:100%;margin-top:8px;padding:16px;border-radius:14px;border:1px solid rgba(36,24,23,.14);font:inherit;background:#fbf6f1}.full{width:100%;margin-top:6px}.privacy{font-size:12px;color:#80665f;text-align:center;line-height:1.4}.contacts{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center}.map-wrap{height:430px;border-radius:34px;overflow:hidden;box-shadow:0 24px 60px rgba(36,24,23,.1);border:1px solid rgba(36,24,23,.08)}.map-wrap iframe{width:100%;height:100%;border:0}.whatsapp-float{position:fixed;right:22px;bottom:22px;width:62px;height:62px;border-radius:50%;background:#25d366;color:white;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 34px rgba(37,211,102,.3);z-index:30;animation:pulse 2.2s infinite}.whatsapp-float svg{width:36px;height:36px;fill:white}.footer{display:flex;justify-content:space-between;gap:20px;padding:26px 7%;border-top:1px solid rgba(36,24,23,.08);color:#604742}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.38)}70%{box-shadow:0 0 0 18px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}@media(max-width:1050px){.nav{display:none}.products-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.hero,.split,.form-section,.contacts{grid-template-columns:1fr}.hero{padding-top:46px}.hero-card{min-height:420px}.catalog-grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr}.dark-block{margin:24px 5%;padding:34px}.section{padding:48px 5%}.header{padding:14px 5%}h1{letter-spacing:-2px}.footer{flex-direction:column}.map-wrap{height:330px}}@media(max-width:560px){.catalog-grid,.products-grid,.steps-grid,.mini-grid{grid-template-columns:1fr}.header-whatsapp{display:none}.social{width:36px;height:36px}.hero-actions .btn,.contact-actions .btn{width:100%}.hero{padding-left:5%;padding-right:5%}.hero-card{border-radius:28px}.product-img{height:210px}}
/* Улучшенное меню и анимации */
.header.animated-header{animation:headerDrop .75s ease both}.logo{position:relative;padding-left:14px}.logo:before{content:"";position:absolute;left:0;top:4px;width:5px;height:32px;border-radius:99px;background:linear-gradient(180deg,#d9a99b,#7d4b43)}.nav{padding:7px;background:rgba(255,255,255,.72);border:1px solid rgba(36,24,23,.08);border-radius:999px;box-shadow:0 12px 35px rgba(36,24,23,.06)}.nav a{position:relative;padding:11px 16px;border-radius:999px;font-weight:800}.nav a:hover{background:#241817;color:#fff;box-shadow:0 10px 26px rgba(36,24,23,.16)}.social img{width:24px;height:24px;display:block}.icon-link{overflow:hidden;box-shadow:0 10px 24px rgba(36,24,23,.06)}.icon-link:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 15px 32px rgba(36,24,23,.12)}.header-whatsapp,.btn{gap:8px}.header-whatsapp img,.btn img{width:22px;height:22px;display:block}.header-whatsapp{display:inline-flex;align-items:center;transition:.25s;box-shadow:0 12px 34px rgba(36,24,23,.12)}.header-whatsapp:hover{transform:translateY(-2px);background:#0f0a09}.hero-content{animation:fadeUp .9s ease both}.hero-card{animation:heroFloat 6s ease-in-out infinite}.floating-card{animation:softPulse 3.5s ease-in-out infinite}.category,.products-grid article,.benefits-list div,.steps-grid div,details,.lead-form,.text-block{will-change:transform;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.category:hover,.products-grid article:hover,.benefits-list div:hover,.steps-grid div:hover,details:hover{transform:translateY(-8px);box-shadow:0 22px 55px rgba(36,24,23,.12);border-color:rgba(163,111,99,.22)}.cat-img,.product-img{position:relative;overflow:hidden}.cat-img:after,.product-img:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.42) 45%,transparent 70%);transform:translateX(-120%);transition:transform .7s ease}.category:hover .cat-img:after,.products-grid article:hover .product-img:after{transform:translateX(120%)}.float-in{opacity:0;transform:translateY(22px) scale(.98)}.visible .float-in,.float-in.visible{animation:cardIn .65s ease forwards}.visible .float-in:nth-child(2){animation-delay:.08s}.visible .float-in:nth-child(3){animation-delay:.16s}.visible .float-in:nth-child(4){animation-delay:.24s}.visible .float-in:nth-child(5){animation-delay:.32s}.visible .float-in:nth-child(6){animation-delay:.40s}.stats div{animation:miniFloat 4s ease-in-out infinite}.stats div:nth-child(2){animation-delay:.35s}.stats div:nth-child(3){animation-delay:.7s}.steps-grid b{animation:ring 2.4s ease-in-out infinite}.map-wrap{position:relative}.map-link{position:absolute;left:18px;bottom:18px;z-index:2;background:#241817;color:#fff;border-radius:999px;padding:12px 16px;font-weight:900;box-shadow:0 12px 30px rgba(36,24,23,.18)}.map-link:hover{transform:translateY(-2px)}.whatsapp-float img{width:38px;height:38px;display:block}.whatsapp-float:hover{transform:translateY(-4px) scale(1.06)}
@keyframes headerDrop{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(.5deg)}}@keyframes softPulse{0%,100%{transform:translateY(0);box-shadow:0 12px 30px rgba(36,24,23,.05)}50%{transform:translateY(-5px);box-shadow:0 20px 45px rgba(36,24,23,.1)}}@keyframes cardIn{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes miniFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes ring{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.22)}50%{box-shadow:0 0 0 10px rgba(255,255,255,0)}}
@media(max-width:1050px){.nav{position:fixed;left:5%;right:5%;bottom:18px;top:auto;display:flex;justify-content:space-between;gap:4px;z-index:40;background:rgba(255,255,255,.9);backdrop-filter:blur(16px)}.nav a{font-size:12px;padding:10px 9px}.footer{padding-bottom:90px}.whatsapp-float{bottom:86px}}@media(max-width:560px){.socials{gap:6px}.social img{width:22px;height:22px}.nav a:nth-child(2){display:none}.map-link{font-size:12px;left:12px;bottom:12px}.contacts .btn img{width:20px;height:20px}}
/* V3 fixes */
.header-call{padding:12px 16px;border-radius:999px;background:#fff;color:#241817;font-weight:900;border:1px solid rgba(36,24,23,.12);box-shadow:0 10px 24px rgba(36,24,23,.06);transition:.25s}.header-call:hover{transform:translateY(-2px);background:#f3e5df}.ticker{overflow:hidden;background:#241817;color:#fff;white-space:nowrap}.ticker div{display:inline-flex;gap:42px;padding:16px 0;animation:tickerMove 20s linear infinite}.ticker span{font-weight:900;text-transform:uppercase;letter-spacing:1.2px;font-size:13px;opacity:.88}.about-card{position:relative;overflow:hidden}.about-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(163,111,99,.12);right:-70px;top:-70px;animation:blob 5s ease-in-out infinite}.worktime{display:grid;gap:8px;background:#fff;border:1px solid rgba(36,24,23,.08);border-radius:22px;padding:18px 20px;margin:22px 0;max-width:380px;box-shadow:0 14px 34px rgba(36,24,23,.06)}.worktime b{font-size:18px}.worktime span{color:#654b45;font-weight:700}.map-card{min-height:430px;border-radius:34px;padding:38px;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.45),transparent 22%),linear-gradient(135deg,#2b2020,#4a312d 55%,#b57d6d);color:#fff;box-shadow:0 24px 60px rgba(36,24,23,.16);border:1px solid rgba(36,24,23,.08);display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.map-card:before{content:"";position:absolute;inset:26px;border-radius:28px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.08) 50%,transparent 51%),linear-gradient(0deg,transparent 49%,rgba(255,255,255,.06) 50%,transparent 51%);background-size:80px 80px;opacity:.8}.map-card:after{content:"";position:absolute;width:32px;height:32px;border-radius:50% 50% 50% 0;background:#a6d925;left:54%;top:40%;transform:rotate(-45deg);box-shadow:0 0 0 12px rgba(166,217,37,.15);animation:pinPulse 2s ease-in-out infinite}.map-pin{position:absolute;top:34px;left:34px;background:#a6d925;color:#1c1c1c;padding:10px 16px;border-radius:999px;font-weight:900;z-index:2}.map-card h3,.map-card p,.map-card a{position:relative;z-index:2}.map-card h3{font-size:42px;margin:0 0 10px;letter-spacing:-1px}.map-card p{font-size:20px;line-height:1.45;color:rgba(255,255,255,.84);margin:0 0 22px}.map-card .btn{width:max-content;background:#fff;color:#241817}.popup{position:fixed;inset:0;z-index:100;display:none}.popup.active{display:block}.popup-bg{position:absolute;inset:0;background:rgba(20,13,12,.58);backdrop-filter:blur(10px)}.popup-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,92vw);background:#fbf6f1;border-radius:32px;padding:30px;box-shadow:0 40px 100px rgba(0,0,0,.28);animation:popIn .35s ease both}.popup-card h2{font-size:36px}.popup-close{position:absolute;right:18px;top:16px;width:40px;height:40px;border-radius:50%;border:0;background:#fff;font-size:28px;cursor:pointer}.lead-form.compact{box-shadow:none;padding:0;background:transparent;border:0}.btn.primary img{filter:none}.hero:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(163,111,99,.11);right:3%;top:80px;filter:blur(8px);animation:blob 8s ease-in-out infinite}.hero{position:relative}.hero>*{position:relative;z-index:1}
@keyframes tickerMove{from{transform:translateX(0)}to{transform:translateX(-45%)}}@keyframes popIn{from{opacity:0;transform:translate(-50%,-46%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes pinPulse{0%,100%{box-shadow:0 0 0 8px rgba(166,217,37,.16)}50%{box-shadow:0 0 0 24px rgba(166,217,37,0)}}@keyframes blob{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-18px,16px) scale(1.08)}}
@media(max-width:1050px){.header-call{display:none}.socials{margin-left:auto}.ticker div{animation-duration:14s}.map-card{min-height:340px}}@media(max-width:560px){.popup-card{padding:22px;border-radius:24px}.popup-card h2{font-size:29px}.map-card h3{font-size:32px}.map-card{padding:28px}.ticker span{font-size:12px}.ticker div{gap:28px}.btn.secondary[href^="tel"]{font-size:13px}}
/* V4 правки по замечаниям */
.img-hero-photo{background-image:linear-gradient(180deg,rgba(36,24,23,.04),rgba(36,24,23,.2)),url('images/hero-photo.jpg');background-position:center 42%;background-size:cover}.img-hero-photo:before{background:linear-gradient(180deg,rgba(36,24,23,.02),rgba(36,24,23,.22))}.two-stats{grid-template-columns:repeat(2,minmax(0,1fr));max-width:520px}.call-btn{background:#241817;color:#fff;border:1px solid rgba(36,24,23,.12);box-shadow:0 20px 50px rgba(36,24,23,.18)}.call-btn img,.header-call img{width:22px;height:22px;display:block;animation:phoneShake 1.6s ease-in-out infinite;transform-origin:50% 60%}.call-animated{position:relative;overflow:hidden}.call-animated:after{content:"";position:absolute;inset:-2px;border-radius:inherit;border:2px solid rgba(36,24,23,.18);animation:callRing 1.8s ease-out infinite;pointer-events:none}.header-call{display:inline-flex;align-items:center;gap:8px;background:#241817;color:#fff}.header-call:hover{background:#0f0a09;color:#fff}.contact-socials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:560px}.contact-socials .btn{width:100%}.contact-socials .call-wide{grid-column:1 / -1;width:min(280px,100%);justify-self:center;margin-top:4px}.lead-form label:has(input[name="email"]){display:none}@keyframes phoneShake{0%,100%{transform:rotate(0)}10%,30%,50%{transform:rotate(-12deg)}20%,40%,60%{transform:rotate(12deg)}70%{transform:rotate(0)}}@keyframes callRing{0%{transform:scale(.86);opacity:.45}70%{transform:scale(1.18);opacity:0}100%{transform:scale(1.18);opacity:0}}
@media(max-width:1050px){.header{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:12px 5%}.socials{justify-content:flex-end}.nav{position:static;grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);width:100%;border-radius:22px;padding:6px;box-shadow:0 12px 34px rgba(36,24,23,.08);overflow:hidden}.nav a{text-align:center;font-size:13px;padding:12px 6px}.nav a:nth-child(2){display:none}.footer{padding-bottom:26px}.whatsapp-float{bottom:22px}.header-call{display:none}.hero{padding-top:34px}.hero-card{min-height:520px}.contact-socials{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.header{grid-template-columns:1fr;align-items:center}.logo{justify-self:start}.socials{position:absolute;right:5%;top:12px}.socials .header-whatsapp,.socials .header-call{display:none}.nav{margin-top:6px;border-radius:20px}.nav a{font-size:12px}.hero-card{min-height:480px;border-radius:28px}.floating-card{left:18px;right:18px;bottom:18px}.two-stats{grid-template-columns:1fr 1fr}.hero-actions .call-btn{width:100%;font-size:16px}.contact-socials{grid-template-columns:1fr}.contact-socials .call-wide{width:100%}.popup-card{max-height:88vh;overflow:auto}}
/* V5 final edits */
h1,h2{font-family:'Manrope',Arial,sans-serif;font-weight:800;letter-spacing:-2.4px}.logo{font-family:'Manrope',Arial,sans-serif}.opt-highlight{display:inline-block;background:#241817;color:#fff;border-radius:999px;padding:4px 12px;margin:0 3px;font-weight:900;white-space:nowrap}.stats div:nth-child(2){background:#241817;color:#fff}.stats div:nth-child(2) span{color:rgba(255,255,255,.72)}.form-text{padding-top:10px}.form-text .btn.js-open-popup{display:none!important}.img-hero-photo{background-image:linear-gradient(180deg,rgba(36,24,23,.02),rgba(36,24,23,.12)),url('images/hero-photo.jpg')!important;background-position:center center!important;background-size:cover!important}.hero-card{min-height:620px}.floating-card{background:rgba(255,255,255,.86)}
@media(max-width:900px){.hero-card{min-height:560px}.stats{grid-template-columns:1fr 1fr 1fr}.stats b{font-size:20px}.stats span{font-size:12px}}
@media(max-width:560px){h1{font-size:42px;line-height:1.02;letter-spacing:-1.7px}.hero-card{min-height:470px;background-position:58% center!important}.stats{grid-template-columns:1fr}.opt-highlight{margin-top:4px}.hero-text{font-size:17px}.form-text{padding-top:0}}
/* V6 mobile hero/photo/order fixes */
.hero{grid-template-columns:1.05fr .95fr;grid-template-areas:"content photo" "stats photo";}
.hero-content{grid-area:content;}
.hero-card{grid-area:photo;}
.hero-stats{grid-area:stats;}
.hero-text{max-width:760px;}
@media(max-width:900px){
.hero{grid-template-columns:1fr;grid-template-areas:"content" "photo" "stats";gap:22px;}
.hero-card{margin-top:4px;min-height:520px;}
.hero-stats{margin-top:4px;}
}
@media(max-width:560px){
.hero{padding-top:26px;gap:20px;}
.hero-card{min-height:390px;background-position:58% center!important;margin-top:0;}
.floating-card{padding:18px;border-radius:20px;}
.hero-stats{grid-template-columns:1fr;margin-top:0;}
}
/* V7 mobile: photo between buttons and stats + homewear image */
.img-cat-4{background-image:linear-gradient(180deg,rgba(36,24,23,.03),rgba(36,24,23,.1)),url('images/catalog4.jpg')!important;background-position:center center!important;background-size:cover!important;}
@media(max-width:900px){
.hero{display:flex!important;flex-direction:column!important;}
.hero-content{display:flex;flex-direction:column;}
.hero-content .hero-actions{order:10;}
.hero-card{order:20;width:100%;margin-top:0!important;}
.hero-content .hero-stats{order:30;}
}
@media(max-width:560px){
.hero{padding-top:18px!important;gap:18px!important;}
.hero-content{display:flex;flex-direction:column;}
.hero-card{min-height:430px!important;border-radius:28px;background-position:58% center!important;}
.hero-stats{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;}
.hero-actions{margin-bottom:2px!important;}
}
/* V8 catalog photos + stronger mobile popup */
.img-cat-1{background-image:linear-gradient(180deg,rgba(36,24,23,.02),rgba(36,24,23,.08)),url('images/catalog1.jpg')!important;background-position:center center!important;background-size:cover!important;}
.img-cat-2{background-image:linear-gradient(180deg,rgba(36,24,23,.02),rgba(36,24,23,.08)),url('images/catalog2.jpg')!important;background-position:center center!important;background-size:cover!important;}
.img-cat-3{background-image:linear-gradient(180deg,rgba(36,24,23,.02),rgba(36,24,23,.08)),url('images/catalog3.jpg')!important;background-position:center center!important;background-size:cover!important;}
body.modal-open{overflow:hidden;}
.popup{z-index:9999;}
.popup.active{display:block!important;}
.popup-card{max-height:92vh;overflow:auto;}
@media(max-width:560px){
.popup-card{width:calc(100vw - 22px)!important;top:50%!important;padding:20px!important;border-radius:24px!important;}
.popup-card h2{font-size:27px!important;line-height:1.04!important;letter-spacing:-1px!important;}
.popup-close{right:12px!important;top:10px!important;}
.lead-form.compact input{padding:14px!important;}
.lead-form.compact label{margin-bottom:12px!important;}
.catalog-grid .cat-img{height:240px!important;}
}
/* About showcase block */
.about-showcase{padding-top:80px;padding-bottom:80px}.about-video-card{position:relative;min-height:620px;border-radius:42px;overflow:hidden;background-image:linear-gradient(90deg,rgba(36,24,23,.70) 0%,rgba(36,24,23,.34) 42%,rgba(36,24,23,.04) 100%),url('images/hero-photo.jpg');background-size:cover;background-position:center;box-shadow:0 34px 90px rgba(36,24,23,.20);isolation:isolate}.about-video-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.20),transparent 30%),linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.32));z-index:0}.about-video-card:after{content:"";position:absolute;inset:0;background:inherit;background-size:cover;background-position:center;z-index:-1;animation:slowZoom 13s ease-in-out infinite alternate}.about-glass{position:absolute;left:34px;top:34px;bottom:34px;width:min(500px,calc(100% - 68px));padding:36px;border-radius:34px;background:rgba(36,24,23,.48);border:1px solid rgba(255,255,255,.22);box-shadow:0 24px 70px rgba(0,0,0,.22);backdrop-filter:blur(18px);display:flex;flex-direction:column;justify-content:center;color:#fff}.about-glass .eyebrow{color:#f1c8bd}.about-glass h2{font-size:clamp(34px,4vw,58px);color:#fff;text-shadow:0 8px 28px rgba(0,0,0,.20)}.about-glass p{font-size:18px;line-height:1.65;color:rgba(255,255,255,.82);margin:0 0 24px}.about-badges{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}.about-badges span{padding:11px 14px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);font-size:13px;font-weight:900}.about-glass .btn{width:max-content;background:#fff;color:#241817;box-shadow:0 18px 44px rgba(0,0,0,.20)}.about-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:96px;height:96px;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.22);backdrop-filter:blur(10px);color:white;font-size:34px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 22px 60px rgba(0,0,0,.24);animation:playPulse 2.3s infinite}.about-caption{position:absolute;left:34px;right:34px;bottom:34px;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 22px;border-radius:24px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);color:#241817}.about-caption b{font-size:18px}.about-caption span{color:#725852}@keyframes slowZoom{from{transform:scale(1)}to{transform:scale(1.06)}}@keyframes playPulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.28),0 22px 60px rgba(0,0,0,.24)}70%{box-shadow:0 0 0 20px rgba(255,255,255,0),0 22px 60px rgba(0,0,0,.24)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0),0 22px 60px rgba(0,0,0,.24)}}
@media(max-width:760px){.about-showcase{padding-top:44px;padding-bottom:44px}.about-video-card{min-height:650px;border-radius:30px;background-position:64% center}.about-glass{left:18px;right:18px;top:18px;bottom:auto;width:auto;padding:24px;border-radius:26px}.about-glass p{font-size:15px}.about-badges span{font-size:12px}.about-play{width:74px;height:74px;font-size:25px;top:62%}.about-caption{left:18px;right:18px;bottom:18px;display:block}.about-caption b{display:block;font-size:15px;margin-bottom:6px}.about-caption span{font-size:13px}}
/* v10 about block refinements */
.about-play{display:none!important}
.about-video-card{background-image:linear-gradient(90deg,rgba(36,24,23,.74) 0%,rgba(36,24,23,.42) 46%,rgba(36,24,23,.06) 100%),url('images/hero-photo.jpg')!important}
.about-glass{justify-content:center;gap:0}
.about-glass p{margin-bottom:16px!important}
.about-badges{margin-top:8px;margin-bottom:28px!important}
.about-badges span{background:rgba(255,255,255,.16)!important;line-height:1.25}
.about-caption b{font-size:19px}
@media(max-width:760px){
.about-video-card{min-height:780px;background-position:66% center!important}
.about-glass{max-height:none;bottom:auto!important}
.about-caption{display:block!important}
}
/* V11 brands + cleaner form */
.brands-section{padding-top:36px;padding-bottom:74px;overflow:hidden}
.brands-head{margin-bottom:28px}
.brands-slider{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;perspective:1200px}
.brand-card{position:relative;min-height:310px;border-radius:34px;overflow:hidden;background:#fff;border:1px solid rgba(36,24,23,.08);box-shadow:0 22px 60px rgba(36,24,23,.08);transform:translateY(0);transition:transform .45s ease,box-shadow .45s ease,filter .45s ease;animation:brandFloat 7s ease-in-out infinite}
.brand-card:nth-child(2){animation-delay:.8s}.brand-card:nth-child(3){animation-delay:1.5s}
.brand-card img{width:100%;height:100%;min-height:310px;object-fit:cover;display:block;transition:transform .75s ease,filter .45s ease}
.brand-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(36,24,23,.08));pointer-events:none}
.brand-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 34px 86px rgba(36,24,23,.16);z-index:2}
.brand-card:hover img{transform:scale(1.06);filter:saturate(1.05)}
@keyframes brandFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.form-section-updated{grid-template-columns:minmax(0,1fr) 480px;gap:34px;align-items:stretch}
.form-photo-card{position:relative;min-height:610px;border-radius:36px;overflow:hidden;box-shadow:0 28px 74px rgba(36,24,23,.12);border:1px solid rgba(36,24,23,.08);background:#ead8ce;animation:formPhotoIn .9s ease both}
.form-photo-card img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform 8s ease}
.form-photo-card:hover img{transform:scale(1.06)}
.form-photo-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(36,24,23,0) 45%,rgba(36,24,23,.45) 100%)}
.form-photo-label{position:absolute;left:24px;right:24px;bottom:24px;z-index:2;padding:18px 20px;border-radius:22px;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);box-shadow:0 18px 40px rgba(36,24,23,.12)}
.form-photo-label b{display:block;font-size:18px;color:#241817;margin-bottom:5px}.form-photo-label span{color:#6a4f49;line-height:1.35}
.lead-form-updated{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:34px}.lead-form-updated h2{font-size:clamp(31px,3vw,44px)}
@keyframes formPhotoIn{from{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:900px){.brands-slider{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 5% 20px;margin-left:-5%;margin-right:-5%;scrollbar-width:none}.brands-slider::-webkit-scrollbar{display:none}.brand-card{min-width:78vw;scroll-snap-align:center;min-height:260px}.brand-card img{min-height:260px}.form-section-updated{grid-template-columns:1fr}.form-photo-card{min-height:520px;order:1}.lead-form-updated{order:2}}
@media(max-width:560px){.brands-section{padding-top:20px;padding-bottom:50px}.brands-head h2{font-size:34px}.brand-card{min-width:84vw;border-radius:28px;min-height:230px}.brand-card img{min-height:230px}.form-photo-card{min-height:430px;border-radius:28px}.form-photo-label{left:16px;right:16px;bottom:16px;padding:16px;border-radius:18px}.lead-form-updated{padding:24px}.lead-form-updated h2{font-size:30px;letter-spacing:-1.2px}}
/* V12 fixes: mobile hero image placement + clean glass about section */
@media(max-width:900px){
.hero{display:grid!important;grid-template-columns:1fr!important;grid-template-areas:"eyebrow" "title" "text" "actions" "photo" "stats"!important;gap:16px!important;align-items:stretch!important;}
.hero-content{display:contents!important;animation:none!important;}
.hero-content .eyebrow{grid-area:eyebrow!important;margin-bottom:0!important;}
.hero-content h1{grid-area:title!important;margin-bottom:0!important;}
.hero-content .hero-text{grid-area:text!important;margin:0!important;}
.hero-content .hero-actions{grid-area:actions!important;margin-top:12px!important;margin-bottom:0!important;}
.hero-card{grid-area:photo!important;order:initial!important;width:100%!important;margin:4px 0 0!important;}
.hero-content .hero-stats,.hero-stats{grid-area:stats!important;order:initial!important;margin-top:0!important;}
}
@media(max-width:560px){
.hero{padding-top:18px!important;gap:14px!important;}
.hero-card{min-height:430px!important;border-radius:28px!important;background-position:58% center!important;}
.floating-card{left:18px!important;right:18px!important;bottom:18px!important;}
}
.about-video-card{
background:
radial-gradient(circle at 16% 18%, rgba(255,255,255,.55) 0 8%, transparent 26%),
radial-gradient(circle at 88% 18%, rgba(216,169,155,.46) 0 9%, transparent 27%),
radial-gradient(circle at 78% 86%, rgba(96,62,55,.28) 0 10%, transparent 31%),
linear-gradient(135deg,#3a2723 0%,#6e4b43 48%,#d7b0a2 100%)!important;
min-height:620px!important;
box-shadow:0 34px 90px rgba(36,24,23,.18)!important;
}
.about-video-card:before{
background:
linear-gradient(90deg,rgba(255,255,255,.10) 1px,transparent 1px),
linear-gradient(180deg,rgba(255,255,255,.08) 1px,transparent 1px)!important;
background-size:80px 80px!important;
opacity:.42!important;
}
.about-video-card:after{
content:""!important;
position:absolute!important;
inset:24px!important;
border-radius:34px!important;
z-index:0!important;
background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.03))!important;
border:1px solid rgba(255,255,255,.18)!important;
animation:none!important;
transform:none!important;
}
.about-glass{
z-index:2!important;
left:34px!important;
top:34px!important;
bottom:34px!important;
width:min(560px,calc(100% - 68px))!important;
background:rgba(255,255,255,.14)!important;
border:1px solid rgba(255,255,255,.28)!important;
box-shadow:0 28px 90px rgba(0,0,0,.20)!important;
backdrop-filter:blur(22px)!important;
}
.about-glass h2,.about-glass p{color:#fff!important;}
.about-badges span{background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.25)!important;color:#fff!important;}
.about-caption{z-index:2!important;background:rgba(255,255,255,.88)!important;}
@media(max-width:760px){
.about-showcase{padding-top:36px!important;padding-bottom:38px!important;}
.about-video-card{min-height:auto!important;border-radius:30px!important;padding:18px!important;display:flex!important;flex-direction:column!important;gap:16px!important;}
.about-video-card:after{inset:14px!important;border-radius:24px!important;}
.about-glass{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;padding:22px!important;border-radius:24px!important;}
.about-glass h2{font-size:32px!important;line-height:1.03!important;letter-spacing:-1.2px!important;}
.about-glass p{font-size:15px!important;line-height:1.55!important;}
.about-badges{gap:8px!important;margin-bottom:18px!important;}
.about-badges span{font-size:11.5px!important;padding:9px 10px!important;}
.about-glass .btn{width:100%!important;}
.about-caption{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;border-radius:20px!important;}
}
/* V14 final fixes: professional About + real brand carousel indicators */
.about-showcase{padding-top:64px;padding-bottom:70px}
.about-premium-card{position:relative;overflow:hidden;min-height:560px;border-radius:44px;background:linear-gradient(135deg,#2b1d1a 0%,#593b35 42%,#c49a8c 100%);box-shadow:0 35px 110px rgba(36,24,23,.18);isolation:isolate;border:1px solid rgba(80,50,45,.08)}
.about-premium-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.12),transparent 35%,rgba(255,255,255,.18));z-index:0}
.about-pattern{position:absolute;inset:24px;border-radius:34px;border:1px solid rgba(255,255,255,.2);background-image:linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:82px 82px;opacity:.55;z-index:0}
.about-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.72;z-index:0;animation:aboutOrb 8s ease-in-out infinite}
.about-orb-1{width:260px;height:260px;background:rgba(255,237,229,.26);left:9%;top:8%}
.about-orb-2{width:360px;height:360px;background:rgba(255,255,255,.18);right:-5%;bottom:-16%;animation-delay:1.3s}
.about-main-glass{position:absolute;left:44px;top:44px;bottom:44px;width:min(560px,calc(100% - 88px));padding:42px;border-radius:32px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.32);backdrop-filter:blur(24px);box-shadow:0 28px 90px rgba(0,0,0,.20);z-index:2;color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;animation:glassIn .9s cubic-bezier(.2,.9,.2,1) both}
.about-label{display:inline-flex;margin-bottom:16px;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);font-weight:800;font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#fff}
.about-main-glass h2{font-size:clamp(38px,4.8vw,70px);line-height:.95;letter-spacing:-3px;color:#fff;margin:0 0 24px;max-width:500px}
.about-main-glass p{font-size:19px;line-height:1.58;color:rgba(255,255,255,.86);margin:0 0 24px;max-width:470px}
.about-badges.compact{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px}
.about-badges.compact span{color:#fff!important;background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.26)!important;box-shadow:none!important;padding:11px 14px;border-radius:999px;font-size:13px;font-weight:800;line-height:1.1}
.about-main-glass .btn{box-shadow:0 18px 50px rgba(31,18,17,.32)}
.about-side-panel{position:absolute;right:44px;bottom:44px;width:min(580px,calc(100% - 700px));min-width:360px;z-index:2;padding:26px 30px;border-radius:28px;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);box-shadow:0 18px 55px rgba(36,24,23,.15);display:flex;align-items:center;gap:28px;animation:sidePanelIn 1s .15s cubic-bezier(.2,.9,.2,1) both}
.about-side-panel b{font-size:21px;line-height:1.25;color:#241817;min-width:230px}.about-side-panel span{color:#785f58;line-height:1.5}
@keyframes aboutOrb{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(18px,-12px,0) scale(1.06)}}
@keyframes glassIn{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
@keyframes sidePanelIn{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:none}}
/* Hide old about elements if any old css remains */
.about-video-card,.about-glass,.about-caption{ }
.brands-head .eyebrow{display:none!important}.brands-head{margin-bottom:24px}.brands-head h2{margin-bottom:0}
.brand-dots{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:22px}
.brand-dot{width:9px;height:9px;border:0;border-radius:999px;background:#d8cdc6;cursor:pointer;padding:0;transition:width .28s ease,background .28s ease,transform .28s ease;box-shadow:none}.brand-dot.active{width:30px;background:#6a4b43;transform:translateY(-1px)}
.brands-slider{scroll-behavior:smooth}.brand-card.is-active{box-shadow:0 34px 86px rgba(36,24,23,.16);transform:translateY(-8px) scale(1.015)}
@media(min-width:901px){.brands-slider{position:relative}.brand-card{transition:transform .45s ease,box-shadow .45s ease,opacity .45s ease}.brand-dots{margin-top:26px}}
@media(max-width:900px){
.about-showcase{padding-top:34px;padding-bottom:40px}
.about-premium-card{min-height:auto;border-radius:30px;padding:18px;display:flex;flex-direction:column;gap:14px}
.about-pattern{inset:14px;border-radius:24px;background-size:58px 58px}
.about-orb-1{width:190px;height:190px;left:-20px;top:-30px}.about-orb-2{width:260px;height:260px;right:-70px;bottom:-100px}
.about-main-glass{position:relative;left:auto;top:auto;bottom:auto;width:100%;padding:24px;border-radius:24px;min-height:0;justify-content:flex-start}
.about-label{font-size:10px;margin-bottom:12px;padding:7px 10px}
.about-main-glass h2{font-size:34px;line-height:1;letter-spacing:-1.5px;margin-bottom:14px}
.about-main-glass p{font-size:15px;line-height:1.55;margin-bottom:18px}
.about-badges.compact{gap:8px;margin-bottom:18px}
.about-badges.compact span{font-size:11.5px;padding:9px 10px}
.about-main-glass .btn{width:100%;justify-content:center}
.about-side-panel{position:relative;right:auto;bottom:auto;width:100%;min-width:0;padding:18px;border-radius:20px;display:block}
.about-side-panel b{display:block;font-size:18px;margin-bottom:6px;min-width:0}.about-side-panel span{display:block;font-size:14px}
.brands-slider{padding-bottom:6px!important}
.brand-dots{display:flex;margin-top:16px}
}
@media(max-width:560px){
.about-premium-card{border-radius:28px;padding:16px}
.about-main-glass h2{font-size:32px}
.brands-head h2{font-size:33px!important;line-height:1.03!important;letter-spacing:-1.3px!important}
.brand-card{min-width:82vw!important;min-height:238px!important}.brand-card img{min-height:238px!important}
}
/* V15 fixes: clean about section + map pin + visible brand dots */
.about-showcase{padding-top:58px!important;padding-bottom:64px!important;overflow:hidden!important;}
.about-clean-card{
min-height:0!important;
padding:44px!important;
display:grid!important;
grid-template-columns:minmax(360px,560px) 1fr!important;
gap:34px!important;
align-items:end!important;
border-radius:42px!important;
background:
radial-gradient(circle at 82% 24%,rgba(255,255,255,.24),transparent 20%),
radial-gradient(circle at 17% 12%,rgba(255,237,229,.22),transparent 22%),
linear-gradient(135deg,#2d1e1b 0%,#684941 48%,#c79b8f 100%)!important;
}
.about-clean-card:before{opacity:.65!important;}
.about-clean-card .about-pattern{inset:24px!important;border-radius:32px!important;}
.about-clean-card .about-main-glass,
.about-clean-card .about-side-panel{
position:relative!important;
left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
width:100%!important;min-width:0!important;z-index:3!important;
}
.about-clean-main{
padding:38px!important;
min-height:0!important;
border-radius:30px!important;
justify-content:flex-start!important;
}
.about-clean-main h2{
font-size:clamp(38px,4.2vw,58px)!important;
line-height:1.02!important;
letter-spacing:-2.2px!important;
margin:0 0 18px!important;
max-width:520px!important;
}
.about-clean-main p{
font-size:18px!important;
line-height:1.55!important;
max-width:500px!important;
margin:0 0 22px!important;
}
.about-clean-main .about-badges.compact{margin:0 0 24px!important;gap:10px!important;}
.about-clean-main .about-badges.compact span{font-size:13px!important;padding:11px 14px!important;}
.about-clean-note{
align-self:end!important;
background:rgba(255,255,255,.9)!important;
border:1px solid rgba(255,255,255,.55)!important;
box-shadow:0 20px 65px rgba(36,24,23,.16)!important;
}
.about-clean-note b{font-size:24px!important;line-height:1.18!important;}
.about-clean-note span{font-size:16px!important;line-height:1.5!important;}
.map-card:after{left:72%!important;top:42%!important;z-index:1!important;}
.map-card h3,.map-card p,.map-card a,.map-pin{z-index:3!important;}
.brand-dots{display:flex!important;visibility:visible!important;opacity:1!important;justify-content:center!important;align-items:center!important;gap:10px!important;margin-top:18px!important;position:relative!important;z-index:5!important;}
.brand-dot{display:block!important;width:9px!important;height:9px!important;border-radius:999px!important;background:#d8cdc6!important;border:0!important;padding:0!important;transition:width .28s ease,background .28s ease!important;}
.brand-dot.active{width:30px!important;background:#6a4b43!important;}
@media(max-width:900px){
.about-showcase{padding-top:36px!important;padding-bottom:42px!important;}
.about-clean-card{
display:block!important;
padding:18px!important;
border-radius:30px!important;
background:
radial-gradient(circle at 92% 8%,rgba(255,255,255,.26),transparent 22%),
linear-gradient(145deg,#3b2824 0%,#7f5a50 54%,#caa094 100%)!important;
}
.about-clean-card .about-pattern{inset:14px!important;border-radius:24px!important;background-size:54px 54px!important;}
.about-clean-main{padding:22px!important;border-radius:24px!important;background:rgba(255,255,255,.15)!important;}
.about-clean-main h2{font-size:30px!important;line-height:1.04!important;letter-spacing:-1.2px!important;margin-bottom:12px!important;}
.about-clean-main p{font-size:14px!important;line-height:1.45!important;margin-bottom:16px!important;}
.about-clean-main .about-badges.compact{gap:7px!important;margin-bottom:16px!important;}
.about-clean-main .about-badges.compact span{font-size:11px!important;padding:8px 9px!important;}
.about-clean-main .btn{width:100%!important;}
.about-clean-note{display:none!important;}
.map-card:after{left:78%!important;top:40%!important;width:28px!important;height:28px!important;}
}
@media(max-width:560px){
.about-clean-main h2{font-size:29px!important;}
.about-label{margin-bottom:10px!important;}
.brands-head h2{font-size:32px!important;line-height:1.02!important;}
.brand-dots{margin-top:12px!important;margin-bottom:0!important;}
}
/* V16 about layout polish */
.about-clean-card{
grid-template-columns:minmax(360px,560px) minmax(360px,1fr)!important;
align-items:stretch!important;
}
.about-right-stack{
position:relative!important;
z-index:3!important;
min-width:0!important;
display:flex!important;
flex-direction:column!important;
justify-content:flex-end!important;
gap:18px!important;
padding:10px 4px 0!important;
}
.about-right-stack .about-badges.compact{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:12px!important;
margin:0!important;
max-width:620px!important;
align-self:end!important;
}
.about-right-stack .about-badges.compact span{
display:flex!important;
align-items:center!important;
justify-content:center!important;
min-height:52px!important;
text-align:center!important;
border-radius:999px!important;
background:rgba(255,255,255,.18)!important;
border:1px solid rgba(255,255,255,.30)!important;
color:#fff!important;
font-size:14px!important;
font-weight:900!important;
box-shadow:0 12px 32px rgba(36,24,23,.10)!important;
}
.about-right-stack .about-badges.compact span:nth-child(5){
grid-column:1 / -1!important;
width:54%!important;
margin:0 auto!important;
}
.about-right-stack .about-clean-note{
position:relative!important;
width:100%!important;
min-width:0!important;
right:auto!important;
bottom:auto!important;
align-self:end!important;
}
.about-clean-main .about-badges.compact{display:none!important;}
.about-clean-main{height:100%!important;}
@media(max-width:900px){
.about-right-stack{display:block!important;padding:14px 0 0!important;}
.about-right-stack .about-badges.compact{
display:flex!important;
flex-wrap:wrap!important;
gap:8px!important;
justify-content:flex-start!important;
max-width:none!important;
}
.about-right-stack .about-badges.compact span{
min-height:0!important;
padding:9px 10px!important;
font-size:11.5px!important;
flex:0 0 auto!important;
}
.about-right-stack .about-badges.compact span:nth-child(5){width:auto!important;margin:0!important;grid-column:auto!important;}
.about-label{
font-size:13px!important;
padding:9px 14px!important;
letter-spacing:.12em!important;
margin-bottom:14px!important;
}
.about-clean-main .btn{margin-top:16px!important;}
}
@media(max-width:560px){
.about-label{font-size:14px!important;padding:10px 16px!important;}
.about-clean-card{padding:18px!important;}
}
/* V17: larger right-side benefit pills in About block */
@media (min-width: 901px){
.about-clean-card{
grid-template-columns:minmax(420px,560px) minmax(520px,1fr)!important;
gap:34px!important;
}
.about-right-stack{
justify-content:center!important;
padding:28px 28px 28px 0!important;
gap:28px!important;
}
.about-right-stack .about-badges.compact{
max-width:760px!important;
width:100%!important;
align-self:center!important;
grid-template-columns:repeat(2,minmax(230px,1fr))!important;
gap:18px!important;
}
.about-right-stack .about-badges.compact span{
min-height:74px!important;
padding:18px 24px!important;
font-size:17px!important;
border-radius:26px!important;
background:rgba(255,255,255,.20)!important;
box-shadow:0 18px 42px rgba(36,24,23,.14)!important;
}
.about-right-stack .about-badges.compact span:nth-child(5){
width:66%!important;
min-height:70px!important;
}
.about-right-stack .about-clean-note{
max-width:760px!important;
align-self:center!important;
padding:30px 34px!important;
}
.about-right-stack .about-clean-note b{
font-size:27px!important;
}
}
@media (max-width: 560px){
.about-label{
font-size:15px!important;
padding:11px 18px!important;
border-width:1px!important;
}
.about-clean-main h2{
font-size:32px!important;
}
}
/* V18: mobile About badges balance */
@media (max-width: 560px){
.about-showcase{
padding-top: 34px !important;
padding-bottom: 34px !important;
}
.about-clean-card{
padding: 18px !important;
border-radius: 28px !important;
overflow: hidden !important;
}
.about-clean-main{
padding: 24px 18px 22px !important;
border-radius: 24px !important;
}
.about-clean-main h2{
font-size: 31px !important;
line-height: .98 !important;
margin-bottom: 14px !important;
}
.about-clean-main p{
font-size: 14px !important;
line-height: 1.45 !important;
max-width: 100% !important;
}
.about-clean-main .btn{
width: 100% !important;
justify-content: center !important;
margin-top: 18px !important;
padding: 16px 18px !important;
border-radius: 16px !important;
}
.about-right-stack{
padding: 14px 0 0 !important;
}
.about-right-stack .about-badges.compact{
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
width: 100% !important;
}
.about-right-stack .about-badges.compact span{
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
min-height: 44px !important;
padding: 11px 8px !important;
font-size: 12.5px !important;
line-height: 1.15 !important;
border-radius: 16px !important;
white-space: normal !important;
}
.about-right-stack .about-badges.compact span:nth-child(5){
grid-column: 1 / -1 !important;
width: 72% !important;
min-height: 48px !important;
margin: 2px auto 0 !important;
font-size: 14px !important;
font-weight: 900 !important;
border-radius: 18px !important;
}
.about-right-stack .about-clean-note{
display: none !important;
}
}
/* V19 requested fixes: no Netlify, animated socials, bigger benefit numbers, premium looping brands */
.socials .social,
.header .social{
position:relative;
overflow:visible;
animation:socialAttention 4.8s ease-in-out infinite;
}
.socials .social:nth-child(2),
.header .social:nth-child(2){animation-delay:.9s;}
.socials .social::after,
.header .social::after{
content:"";
position:absolute;
inset:-7px;
border-radius:inherit;
border:1px solid rgba(157,108,96,.22);
opacity:0;
transform:scale(.82);
animation:socialRing 4.8s ease-in-out infinite;
pointer-events:none;
}
.socials .social:nth-child(2)::after,
.header .social:nth-child(2)::after{animation-delay:.9s;}
.socials .social:hover,
.header .social:hover{transform:translateY(-3px) scale(1.08)!important;}
@keyframes socialAttention{
0%,72%,100%{transform:translateY(0) rotate(0) scale(1)}
76%{transform:translateY(-2px) rotate(-4deg) scale(1.06)}
80%{transform:translateY(-2px) rotate(4deg) scale(1.06)}
84%{transform:translateY(-1px) rotate(-2deg) scale(1.03)}
}
@keyframes socialRing{
0%,70%,100%{opacity:0;transform:scale(.82)}
78%{opacity:.75;transform:scale(1.08)}
88%{opacity:0;transform:scale(1.28)}
}
.benefits-list div{
grid-template-columns:86px 1fr!important;
align-items:center!important;
padding:24px 26px!important;
}
.benefits-list b{
font-size:42px!important;
line-height:.9!important;
font-weight:900!important;
letter-spacing:-1.5px!important;
color:#9d6c60!important;
}
.benefits-list span{font-size:17px!important;line-height:1.55!important;}
.brand-clone{display:block!important;}
.brand-card img{object-position:center!important;}
@media(max-width:900px){
.brands-slider{scroll-snap-type:x mandatory!important;}
.brand-card{scroll-snap-align:center!important;}
.brand-card.is-active{transform:translateY(-4px) scale(1.02)!important;}
}
@media(max-width:560px){
.socials .social,
.header .social{animation-duration:4.2s;}
.benefits-list div{
grid-template-columns:76px 1fr!important;
gap:14px!important;
padding:22px 20px!important;
}
.benefits-list b{font-size:40px!important;}
.benefits-list span{font-size:16px!important;}
.brand-dot{width:10px!important;height:10px!important;}
.brand-dot.active{width:34px!important;}
}
/* V23: desktop brands show only 3 cards; mobile uses cloned cards for infinite carousel */
@media (min-width: 901px){
.brands-slider{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
overflow:visible!important;
}
.brand-clone{display:none!important;}
.brand-card{min-width:0!important;}
}
@media (max-width: 900px){
.brand-clone{display:block!important;}
}
/* V24: brand slider uses only 3 real items. No duplicate visual cards. */
.brand-clone{display:none!important;}
@media(max-width:900px){
.brands-slider{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;}
.brands-slider .brand-card{flex:0 0 84vw!important;scroll-snap-align:center!important;}
}
@media(min-width:901px){
.brands-slider{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.brands-slider .brand-card{display:block!important;}
}
/* v28: contacts buttons aligned in one row on desktop and mobile */
.contact-socials{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:14px !important;
max-width:720px !important;
align-items:stretch !important;
}
.contact-socials .btn{
width:100% !important;
min-height:58px !important;
padding:15px 18px !important;
gap:10px !important;
white-space:nowrap !important;
}
.contact-socials .call-wide{
grid-column:auto !important;
justify-self:stretch !important;
width:100% !important;
margin-top:0 !important;
}
@media(max-width:700px){
.contact-socials{
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:8px !important;
max-width:100% !important;
}
.contact-socials .btn{
min-height:48px !important;
padding:12px 7px !important;
border-radius:15px !important;
font-size:12px !important;
gap:5px !important;
}
.contact-socials .btn img{
width:18px !important;
height:18px !important;
flex:0 0 auto !important;
}
}