@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');

:root { --ink:#191919; --ink-soft:#30302e; --paper:#f4f0e9; --paper-2:#ebe4d9; --orange:#e5662f; --orange-dark:#b9411e; --muted:#77736d; --line:rgba(25,25,25,.14); --white:#fffdf9; --radius:2px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:'Cairo',system-ui,sans-serif; line-height:1.65; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
button, input, select, textarea { font:inherit; }
button { cursor:pointer; }
.shell { width:min(1180px, calc(100% - 64px)); margin-inline:auto; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.announcement { background:var(--orange); color:#fff8f0; font-size:12px; letter-spacing:.01em; }
.announcement-inner { min-height:34px; display:flex; align-items:center; justify-content:center; gap:12px; }
.announcement a { text-decoration:underline; text-underline-offset:4px; opacity:.92; }
.live-dot { width:7px; height:7px; border-radius:50%; background:#fff; box-shadow:0 0 0 4px rgba(255,255,255,.18); }
.site-header { background:var(--paper); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:20; backdrop-filter:blur(12px); background-color:rgba(244,240,233,.9); }
.header-inner { height:82px; display:flex; align-items:center; justify-content:space-between; }
.brand { display:inline-flex; align-items:center; gap:11px; direction:ltr; }
.brand-logo { display:block; width:190px; height:auto; max-height:58px; object-fit:contain; object-position:center; }
.brand-logo-footer { width:195px; padding:8px 12px; background:var(--paper); }
.brand-mark { position:relative; width:39px; height:46px; display:block; overflow:hidden; background:#232323; border-radius:22px 22px 0 0; }
.brand-mark:before { content:""; position:absolute; inset:8px 8px 0; border:5px solid var(--orange); border-bottom:0; border-radius:18px 18px 0 0; }
.brand-mark:after { content:""; position:absolute; width:5px; height:34px; background:var(--orange); left:10px; bottom:0; }
.brand-mark span { position:absolute; background:#232323; width:10px; height:26px; top:-3px; right:8px; }
.brand-copy { display:flex; flex-direction:column; direction:rtl; line-height:1; align-items:flex-start; }
.brand-copy strong { font-size:16px; font-weight:800; letter-spacing:-.04em; }
.brand-copy small { color:var(--orange-dark); font-size:11px; font-weight:700; margin-top:4px; }
.main-nav { display:flex; align-items:center; gap:30px; font-size:13px; font-weight:600; }
.main-nav > a:not(.nav-cta) { color:#5b5853; transition:color .25s ease; }
.main-nav > a:not(.nav-cta):hover { color:var(--orange-dark); }
.nav-cta { color:#fff; background:var(--ink); padding:11px 18px; display:flex; gap:11px; align-items:center; border-radius:2px; transition:transform .25s ease,background .25s ease; }
.nav-cta:hover { transform:translateY(-2px); background:var(--orange); }
.menu-toggle { display:none; background:none; border:0; padding:8px; }
.menu-toggle span:not(.sr-only) { display:block; width:23px; height:2px; background:var(--ink); margin:5px 0; }
.hero { display:grid; grid-template-columns:1.02fr .98fr; gap:70px; min-height:655px; align-items:center; padding-top:62px; padding-bottom:82px; }
.hero-copy { padding-bottom:10px; }
.eyebrow, .section-index { color:var(--orange-dark); font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; display:flex; align-items:center; gap:12px; }
.eyebrow-line { width:34px; height:2px; background:var(--orange); display:inline-block; }
h1,h2,h3,p { margin-top:0; }
h1 { font-size:clamp(42px,5.7vw,74px); line-height:1.12; letter-spacing:-.065em; margin:24px 0 22px; font-weight:800; }
h1 em, h2 em { color:var(--orange-dark); font-style:normal; }
.hero-lead { color:#64615b; max-width:510px; font-size:16px; line-height:2; margin-bottom:31px; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.button { display:inline-flex; justify-content:center; align-items:center; gap:17px; min-height:49px; padding:0 20px; border:1px solid transparent; font-size:13px; font-weight:700; transition:transform .25s ease, background .25s ease, color .25s ease, border-color .25s ease; }
.button:hover { transform:translateY(-3px); }
.button-primary { color:#fff; background:var(--orange); }
.button-primary:hover { background:var(--orange-dark); }
.button-ghost { border-color:var(--line); color:#4f4c47; }
.button-ghost:hover { border-color:var(--orange); color:var(--orange-dark); }
.whatsapp-icon { font-size:18px; line-height:1; color:#198c4b; }
.hero-meta { display:flex; gap:38px; border-top:1px solid var(--line); margin-top:60px; padding-top:19px; }
.hero-meta div { display:flex; gap:10px; align-items:flex-start; }
.hero-meta strong { color:var(--orange-dark); font-size:12px; font-weight:800; }
.hero-meta span { color:#6c6861; font-size:11px; line-height:1.6; }
.hero-visual { position:relative; height:575px; }
.visual-label { position:absolute; top:2px; right:0; display:flex; gap:8px; align-items:center; color:#6f6a62; font-size:11px; }
.label-dot { width:6px; height:6px; border-radius:50%; background:var(--orange); }
.door-scene { position:absolute; inset:40px 0 39px 37px; background:linear-gradient(135deg,#d7cbbb,#9d8c77 65%,#766857); overflow:hidden; box-shadow:18px 18px 0 rgba(25,25,25,.05); }
.door-scene:before { content:""; position:absolute; inset:0; background:linear-gradient(105deg,rgba(255,255,255,.34),transparent 34%,rgba(31,22,17,.18)); }
.scene-sun { position:absolute; width:210px; height:210px; top:-83px; left:55px; border-radius:50%; background:rgba(255,238,196,.52); filter:blur(1px); }
.wall-line { position:absolute; height:1px; background:rgba(33,29,23,.22); transform:rotate(-12deg); }
.line-one { width:250px; top:146px; left:-19px; }
.line-two { width:330px; top:264px; right:-37px; transform:rotate(12deg); }
.door-frame { position:absolute; right:22%; top:16%; height:74%; width:45%; background:#40382f; padding:10px; box-shadow:-22px 26px 0 rgba(48,36,24,.14); }
.door-panel { height:100%; width:100%; background:linear-gradient(90deg,#5e4d3c,#816a51 45%,#4d4033); position:relative; overflow:hidden; }
.door-panel:before,.door-panel:after { content:""; position:absolute; left:14%; right:14%; height:34%; border:1px solid rgba(239,215,176,.42); }
.door-panel:before { top:10%; }
.door-panel:after { bottom:9%; }
.door-inlay { position:absolute; left:19%; right:19%; top:14%; height:26%; border:3px solid rgba(224,177,104,.17); }
.door-handle { position:absolute; left:18%; top:52%; width:7px; height:68px; background:#d6a566; border-radius:8px; box-shadow:0 0 0 3px rgba(39,29,20,.16); }
.plant { position:absolute; bottom:0; left:8%; width:145px; height:180px; }
.plant i { position:absolute; bottom:0; left:54px; width:47px; height:122px; border-radius:50% 50% 0 0; background:#3d4734; transform:rotate(8deg); }
.leaf { position:absolute; display:block; width:76px; height:33px; border-radius:100% 0 100% 0; background:#465a43; transform-origin:right bottom; }
.leaf-1 { left:51px; bottom:87px; transform:rotate(-33deg); }
.leaf-2 { left:63px; bottom:104px; transform:rotate(30deg); background:#637052; }
.leaf-3 { left:27px; bottom:64px; transform:rotate(-2deg); background:#2f4535; }
.leaf-4 { left:72px; bottom:52px; transform:rotate(62deg); background:#56684b; }
.floor-shadow { position:absolute; bottom:-24px; right:13%; width:75%; height:67px; border-radius:50%; background:rgba(35,26,18,.3); filter:blur(18px); }
.visual-note { position:absolute; bottom:0; right:0; left:31px; height:79px; display:flex; align-items:center; justify-content:space-between; padding:0 20px; background:var(--ink); color:#fffaf3; font-size:14px; line-height:1.45; }
.note-arrow { color:var(--orange); font-size:23px; }
.ticker { border-top:1px solid var(--line); border-bottom:1px solid var(--line); overflow:hidden; background:rgba(255,255,255,.23); }
.ticker-track { display:flex; align-items:center; white-space:nowrap; min-width:max-content; animation:ticker 32s linear infinite; gap:28px; height:59px; padding-inline:20px; color:#635e56; font-size:11px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; }
.ticker i { color:var(--orange); font-style:normal; font-size:14px; }
@keyframes ticker { to { transform:translateX(50%); } }
.section { padding-top:125px; padding-bottom:125px; }
.intro-grid { display:grid; grid-template-columns:.73fr 1.27fr; gap:80px; }
.section-heading h2, .collections-head h2, .location-copy h2 { font-size:clamp(35px,4.7vw,58px); line-height:1.18; letter-spacing:-.06em; margin:24px 0 0; }
.intro-content { padding-top:5px; }
.large-copy { font-size:21px; line-height:1.9; max-width:560px; color:#4b4843; margin:0 0 52px; }
.feature-row { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }
.feature-card { border:1px solid var(--line); min-height:225px; padding:20px; display:flex; flex-direction:column; position:relative; background:rgba(255,255,255,.18); transition:transform .25s ease, background .25s ease; }
.feature-card:hover { transform:translateY(-5px); background:rgba(255,255,255,.6); }
.feature-card.accent-card { background:var(--orange); border-color:var(--orange); color:#fffaf3; }
.feature-number { font-size:11px; color:var(--orange-dark); font-weight:800; }
.accent-card .feature-number { color:#ffe8c9; }
.feature-icon { margin:27px 0 auto; display:block; width:40px; height:32px; position:relative; }
.icon-quality i { display:block; position:absolute; bottom:0; width:8px; background:var(--orange); }
.icon-quality i:nth-child(1){height:15px;right:2px}.icon-quality i:nth-child(2){height:25px;right:15px}.icon-quality i:nth-child(3){height:32px;right:28px}.accent-card .icon-quality i { background:#fff; }
.icon-options { display:flex; gap:7px; align-items:center; }
.icon-options i { display:block; width:14px; height:28px; border:1px solid var(--orange); background:linear-gradient(120deg,transparent 35%,rgba(229,102,47,.32)); }
.accent-card .icon-options i { border-color:#fff; background:rgba(255,255,255,.18); }
.icon-price { color:var(--orange); font-size:31px; }
.accent-card .icon-price { color:#fff; }
.feature-card h3 { font-size:16px; margin:0 0 4px; }
.feature-card p { color:#7a756d; font-size:11px; line-height:1.7; margin:0; }
.accent-card p { color:#ffebdc; }
.collections-section { background:var(--ink); color:#fff9f1; position:relative; overflow:hidden; }
.collections-section:before { content:""; position:absolute; top:0; bottom:0; left:53%; width:1px; background:rgba(255,255,255,.07); transform:rotate(10deg); }
.collections-head { display:flex; align-items:flex-end; justify-content:space-between; gap:60px; }
.collections-head h2 { color:#fff; }
.collections-head .section-index { color:#ffad88; }
.collections-head p { max-width:310px; color:#aaa59b; font-size:13px; line-height:1.9; margin:0 0 7px; }
.filter-bar { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:58px; padding-bottom:18px; border-bottom:1px solid rgba(255,255,255,.18); }
.search-wrap { display:flex; align-items:center; gap:10px; color:#a8a196; border-bottom:1px solid rgba(255,255,255,.3); padding-bottom:7px; width:230px; }
.search-wrap span { font-size:25px; line-height:.5; transform:rotate(-18deg); }
.search-wrap input { border:0; outline:0; background:transparent; color:#fff; width:100%; font-size:12px; }
.search-wrap input::placeholder { color:#928d85; }
.filters { display:flex; gap:4px; }
.filter-button { border:1px solid rgba(255,255,255,.18); background:transparent; color:#aaa59b; padding:8px 13px; font-size:11px; transition:all .2s ease; }
.filter-button:hover, .filter-button.active { background:var(--orange); color:#fff; border-color:var(--orange); }
.product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:25px; }
.product-card { background:#282827; border:1px solid rgba(255,255,255,.11); min-width:0; transition:transform .3s ease, border-color .3s ease; }
.product-card:hover { transform:translateY(-6px); border-color:rgba(229,102,47,.55); }
.product-card.is-hidden { display:none; }
.product-top { display:flex; justify-content:space-between; align-items:center; padding:18px 19px 14px; }
.product-tag { color:#b9b1a5; font-size:10px; letter-spacing:.05em; font-weight:700; }
.product-arrow { color:var(--orange); font-size:22px; }
.product-visual { position:relative; height:190px; overflow:hidden; }
.product-visual:before { content:""; position:absolute; inset:0; opacity:.7; }
.wood-visual { background:linear-gradient(128deg,#8d7054,#503d2c); }.stone-visual { background:linear-gradient(128deg,#c7bfb4,#7f7469); }.custom-visual { background:linear-gradient(128deg,#4a4e4b,#202323); }
.product-visual:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.2),transparent 40%,rgba(255,255,255,.08)); }
.mini-door { position:absolute; height:173px; width:105px; right:30%; bottom:-2px; background:linear-gradient(90deg,#4e3928,#8d6948 50%,#442f22); border:7px solid #34261d; z-index:1; box-shadow:15px 12px 0 rgba(20,14,10,.18); }
.mini-door.light { background:linear-gradient(90deg,#727168,#bbb3a4 50%,#66645e); border-color:#5c5953; }
.mini-door.dark { background:linear-gradient(90deg,#222827,#454c49 50%,#1b201e); border-color:#171a19; }
.mini-door:before,.mini-door:after { content:""; position:absolute; left:12px; right:12px; border:1px solid rgba(244,213,173,.34); }
.mini-door:before { top:15px; height:52px; }.mini-door:after { bottom:15px; height:68px; }
.mini-inlay { position:absolute; inset:21px 18px auto; height:40px; border:2px solid rgba(245,221,183,.14); }
.mini-door span { position:absolute; width:5px; height:38px; background:#d49a5c; left:12px; top:75px; border-radius:4px; }
.visual-caption { position:absolute; bottom:14px; left:17px; z-index:2; color:rgba(255,255,255,.77); font-size:11px; line-height:1.55; }
.product-body { padding:18px 19px 20px; }
.product-body h3 { margin:0 0 7px; font-size:19px; letter-spacing:-.04em; color:#fffaf2; }
.product-body p { color:#aaa59b; font-size:11px; line-height:1.8; min-height:59px; margin-bottom:20px; }
.product-body a { color:#ff9b70; font-size:11px; font-weight:700; display:flex; justify-content:space-between; align-items:center; border-top:1px solid rgba(255,255,255,.1); padding-top:13px; }
.product-body a span { font-size:17px; }
.empty-state { border:1px dashed rgba(255,255,255,.25); color:#bdb5a8; text-align:center; padding:25px; margin-top:25px; font-size:13px; }
.catalog-strip { margin-top:70px; background:var(--orange); padding:25px 28px; display:flex; align-items:center; justify-content:space-between; gap:20px; color:#fff; }
.catalog-kicker { display:block; color:#ffe4d0; font-size:10px; margin-bottom:3px; }.catalog-strip strong { font-size:17px; }.button-dark { background:var(--ink); color:#fff; min-height:43px; padding-inline:17px; }.button-dark:hover { background:#fff; color:var(--ink); }
.contact-section { padding-top:0; padding-bottom:0; position:relative; z-index:2; }
.contact-card { margin-top:-1px; background:var(--orange); min-height:425px; display:grid; grid-template-columns:.9fr 1.1fr; gap:80px; padding:58px 70px; color:#fff9f2; position:relative; overflow:hidden; }
.contact-card:before { content:""; position:absolute; width:360px; height:360px; border:1px solid rgba(255,255,255,.17); border-radius:50%; left:-100px; bottom:-210px; box-shadow:0 0 0 34px rgba(255,255,255,.05), 0 0 0 68px rgba(255,255,255,.03); }
.light-index { color:#ffe0cc; }.contact-copy { position:relative; z-index:1; }.contact-copy h2 { font-size:clamp(35px,4vw,55px); line-height:1.2; letter-spacing:-.06em; margin:23px 0 17px; }.contact-copy h2 em { color:#fff; }.contact-copy p { color:#ffeadc; font-size:13px; max-width:340px; line-height:1.9; margin-bottom:26px; }.button-light { background:#fff; color:var(--orange-dark); }.button-light:hover { background:var(--ink); color:#fff; }
.contact-form { display:grid; grid-template-columns:1fr 1fr; gap:13px 15px; align-content:center; position:relative; z-index:1; }.contact-form label { display:flex; flex-direction:column; gap:7px; color:#ffe9dc; font-size:11px; }.contact-form label:last-of-type { grid-column:1/-1; }.contact-form input,.contact-form select,.contact-form textarea { background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.35); color:#fff; outline:0; padding:11px 13px; border-radius:0; font-size:12px; resize:vertical; }.contact-form select option { color:var(--ink); }.contact-form input::placeholder,.contact-form textarea::placeholder { color:#ffe0ce; }.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus { border-color:#fff; background:rgba(255,255,255,.23); }.form-submit { background:var(--ink); color:#fff; border:0; min-height:45px; padding-inline:17px; font-weight:700; font-size:12px; display:flex; justify-content:space-between; align-items:center; grid-column:1; }.form-submit:hover { background:#fff; color:var(--ink); }.contact-form small { color:#ffe6d8; font-size:10px; align-self:center; grid-column:2; }
.location-section { display:grid; grid-template-columns:.75fr 1.25fr; gap:90px; align-items:center; padding-top:130px; padding-bottom:130px; }.location-copy p { color:#6e6a63; font-size:14px; max-width:310px; line-height:2; margin:23px 0 28px; }.location-actions { display:flex; align-items:center; gap:22px; }.text-link { color:var(--orange-dark); font-size:12px; font-weight:700; }.text-link span { margin-right:8px; }.map-card { height:355px; background:#d9d0c3; position:relative; overflow:hidden; border:1px solid rgba(25,25,25,.1); }.map-grid { position:absolute; inset:0; opacity:.35; background-image:linear-gradient(rgba(122,111,94,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(122,111,94,.28) 1px,transparent 1px); background-size:48px 48px; }.map-road { position:absolute; background:rgba(249,244,234,.78); height:26px; box-shadow:0 0 0 1px rgba(130,120,105,.14); }.road-one { width:120%; top:44%; right:-12%; transform:rotate(-16deg); }.road-two { width:120%; top:21%; left:-20%; transform:rotate(29deg); height:15px; }.road-three { width:90%; bottom:15%; left:-16%; transform:rotate(-43deg); height:13px; }.map-pin { position:absolute; top:42%; right:45%; display:flex; align-items:center; gap:10px; }.map-pin span { display:block; width:22px; height:22px; border-radius:50% 50% 50% 0; background:var(--orange); transform:rotate(-45deg); position:relative; box-shadow:0 4px 12px rgba(160,62,25,.28); }.map-pin span:after { content:""; position:absolute; inset:7px; background:#fff1e6; border-radius:50%; }.map-pin small { background:var(--ink); color:#fff; padding:6px 9px; font-size:10px; white-space:nowrap; }.map-label { position:absolute; color:#7d7569; font-size:11px; font-weight:700; }.label-a { top:35%; left:19%; }.label-b { bottom:29%; right:18%; }.map-bottom { position:absolute; bottom:0; inset-inline:0; background:rgba(25,25,25,.92); color:#fff; padding:17px 20px; display:flex; justify-content:space-between; align-items:center; font-size:11px; }.map-bottom a { color:#ff9d73; }.map-bottom a span { margin-right:8px; }
.site-footer { background:var(--ink); color:#fff9f1; padding-top:62px; }.footer-main { display:grid; grid-template-columns:1.6fr .8fr .8fr .9fr; gap:45px; padding-bottom:52px; }.footer-brand p { color:#9e988e; font-size:12px; line-height:1.8; margin-top:20px; }.footer-label { color:#837e74; font-size:10px; letter-spacing:.08em; font-weight:700; display:block; margin-bottom:17px; }.footer-column { display:flex; flex-direction:column; gap:8px; font-size:12px; color:#ddd5ca; }.footer-column a:hover,.footer-contact a:hover { color:#ff9f76; }.footer-contact p { color:#b0aaa0; font-size:12px; line-height:1.8; }.footer-contact a { color:#ff9f76; font-size:12px; }.footer-contact a span { margin-right:8px; }.footer-bottom { border-top:1px solid rgba(255,255,255,.12); padding:17px 0 20px; display:flex; justify-content:space-between; color:#77736d; font-size:10px; }.floating-whatsapp { position:fixed; left:22px; bottom:22px; width:52px; height:52px; border-radius:50%; display:grid; place-items:center; z-index:18; color:#fff; background:#1d9e58; box-shadow:0 9px 22px rgba(25,25,25,.22); font-size:27px; transition:transform .25s ease; }.floating-whatsapp:hover { transform:scale(1.08) rotate(-8deg); }
.reveal { opacity:0; transform:translateY(18px); transition:opacity .7s ease, transform .7s ease; }.reveal.is-visible { opacity:1; transform:translateY(0); }.reveal-delay { transition-delay:.12s; }
@media (max-width:900px) { .shell { width:min(100% - 40px, 680px); }.hero { grid-template-columns:1fr; gap:40px; padding-top:52px; }.hero-visual { height:500px; }.intro-grid,.location-section { grid-template-columns:1fr; gap:42px; }.section { padding-top:90px; padding-bottom:90px; }.collections-head { align-items:flex-start; flex-direction:column; gap:18px; }.collections-head p { max-width:440px; }.product-grid { gap:12px; }.contact-card { grid-template-columns:1fr; gap:35px; padding:50px 34px; }.footer-main { grid-template-columns:1.5fr 1fr 1fr; }.footer-contact { grid-column:2/-1; }.location-section { padding-top:90px; padding-bottom:90px; } }
@media (max-width:650px) { .shell { width:calc(100% - 32px); }.announcement-inner { min-height:43px; flex-wrap:wrap; gap:4px 9px; padding:5px 0; text-align:center; line-height:1.4; }.announcement-inner a { flex-basis:100%; }.header-inner { height:70px; }.menu-toggle { display:block; }.main-nav { position:absolute; display:none; top:70px; right:16px; left:16px; background:var(--paper); border:1px solid var(--line); padding:13px; flex-direction:column; align-items:stretch; gap:0; box-shadow:0 15px 25px rgba(35,29,21,.1); }.main-nav.open { display:flex; }.main-nav > a:not(.nav-cta) { padding:11px 6px; border-bottom:1px solid var(--line); }.main-nav .nav-cta { margin-top:10px; justify-content:center; }.hero { padding-top:45px; padding-bottom:55px; min-height:auto; }.hero h1 { font-size:47px; }.hero-lead { font-size:14px; }.hero-actions { align-items:stretch; flex-direction:column; }.hero-actions .button { width:100%; }.hero-meta { gap:18px; margin-top:39px; justify-content:space-between; }.hero-meta div { gap:6px; }.hero-meta span { font-size:10px; }.hero-visual { height:395px; }.door-scene { inset:35px 0 38px 17px; }.door-frame { right:21%; top:16%; width:48%; }.visual-note { left:15px; height:67px; font-size:12px; }.section { padding-top:73px; padding-bottom:73px; }.section-heading h2,.collections-head h2,.location-copy h2 { font-size:42px; }.large-copy { font-size:17px; margin-bottom:32px; }.feature-row { grid-template-columns:1fr; gap:10px; }.feature-card { min-height:130px; padding:18px; }.feature-icon { position:absolute; left:22px; top:47px; margin:0; }.feature-card h3 { margin-top:25px; }.feature-card p { max-width:70%; }.filter-bar { align-items:stretch; flex-direction:column; gap:19px; margin-top:38px; }.search-wrap { width:100%; }.filters { display:grid; grid-template-columns:repeat(4,1fr); }.filter-button { padding-inline:4px; font-size:10px; }.product-grid { grid-template-columns:1fr; }.product-visual { height:210px; }.mini-door { right:37%; }.catalog-strip { flex-direction:column; align-items:stretch; padding:22px; }.catalog-strip .button { width:100%; }.contact-card { padding:42px 22px; }.contact-copy h2 { font-size:43px; }.contact-form { grid-template-columns:1fr; }.contact-form label:last-of-type,.form-submit,.contact-form small { grid-column:1; }.contact-form small { text-align:center; }.location-section { gap:37px; }.map-card { height:310px; }.map-pin { right:34%; }.map-bottom { padding:14px; flex-direction:column; align-items:flex-start; gap:4px; }.footer-main { grid-template-columns:1fr 1fr; gap:35px 22px; }.footer-brand { grid-column:1/-1; }.footer-contact { grid-column:1/-1; }.footer-bottom { flex-direction:column; gap:5px; }.floating-whatsapp { left:15px; bottom:15px; width:48px; height:48px; } }