:root{--ink:#e9e8e1;--muted:#b0b6b2;--bg:#171b1a;--panel:#222827;--line:#3d4541;--gold:#c8ae7c;--paper:#f1f1eb;--dark:#19221f;--gutter:clamp(20px,5vw,84px);font-family:Arial,'Segoe UI',sans-serif;background:var(--bg);color:var(--ink);font-synthesis:none;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button{color:inherit}h1,h2,h3,h4,p,figure{margin:0}p{line-height:1.7}img{display:block;max-width:100%;height:auto}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #a87122;outline-offset:5px}[hidden]{display:none!important}.wrap{max-width:1600px;margin:auto}.skip{position:fixed;top:-100px;inset-inline-start:20px;padding:16px;background:#fff;color:#111;z-index:100}.skip:focus{top:5px}.preview{padding:8px var(--gutter);display:flex;justify-content:space-between;gap:20px;background:#2b3330;font-size:10px;color:#d7dacf;letter-spacing:.04em}.preview a{text-decoration:underline;text-underline-offset:3px}.header{position:sticky;top:0;z-index:30;background:#171b1af5;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:20px var(--gutter);display:flex;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:10px;letter-spacing:.12em;font-size:27px;font-weight:800;direction:ltr}.mark{width:24px;height:26px;border-inline:5px solid var(--gold);transform:skew(-15deg);position:relative}.mark:after{content:'';height:4px;background:var(--gold);position:absolute;inset:12px 0 auto}.nav{display:flex;gap:30px;margin-inline-start:auto;font-size:13px}.nav a{padding-block:10px;border-bottom:1px solid transparent}.nav a:hover,.nav a[aria-current=page]{border-color:var(--gold)}.language{display:flex;gap:3px;padding-inline-start:18px;border-inline-start:1px solid var(--line)}.language button{border:0;background:none;padding:9px 7px;min-height:40px;font-size:12px;color:var(--ink)}.language [aria-pressed=true]{background:var(--gold);color:#161e1b}.menu{display:none;background:none;border:1px solid var(--line);padding:10px;min-height:40px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;display:block;color:var(--gold);margin-bottom:24px}.eyebrow:before{content:'';display:inline-block;vertical-align:middle;width:24px;height:1px;background:currentColor;margin-inline-end:12px}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(45px,5.7vw,82px);font-weight:400;line-height:1.04;letter-spacing:-.055em}h1 em{font-style:normal;color:var(--gold)}h2{font-family:Georgia,serif;font-size:clamp(32px,3.6vw,52px);font-weight:400;line-height:1.12;letter-spacing:-.035em}h3{font-size:25px;font-weight:500;line-height:1.25;letter-spacing:-.025em}.lead{font-size:16px;color:var(--muted);max-width:530px;margin-top:25px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:15px 23px;min-height:50px;font-size:12px;font-weight:700;border:1px solid var(--gold);background:var(--gold);color:#18221d;transition:background .2s,transform .2s}.btn:hover{transform:translateY(-2px);background:#d9c18e}.btn.ghost{background:transparent;color:inherit;border-color:var(--line)}.btn.ghost:hover{border-color:var(--gold)}.arr{font-size:20px;font-weight:400;display:inline-block}.home-hero{display:grid;grid-template-columns:.95fr 1.05fr;min-height:660px;background:#131816}.hero-copy{padding:80px 40px 65px var(--gutter);align-self:center}.home-art{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 190px;border-inline-start:1px solid var(--line);min-width:0}.hero-product{grid-column:1/-1;background:linear-gradient(135deg,#e7e9e5,#b9c1bd);display:grid;place-items:center;position:relative;min-height:370px;padding:35px}.hero-product img{width:86%;max-width:640px;mix-blend-mode:multiply}.fig-top{position:absolute;inset-inline:28px;top:24px;display:flex;justify-content:space-between;color:#40524a;font-size:10px;letter-spacing:.14em}.image-note{font-size:10px;line-height:1.6;color:var(--muted);margin-top:12px}.hero-product .image-note{position:absolute;bottom:20px;inset-inline:28px;color:#40524a;max-width:440px}.mini-world{position:relative;overflow:hidden;min-width:0}.mini-world img{width:100%;height:100%;object-fit:cover}.mini-world:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#111a17dd,transparent 75%)}.mini-world span{position:absolute;bottom:22px;inset-inline:25px;font-size:16px;z-index:1;color:#fff}.strip{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:25px var(--gutter);border-bottom:1px solid var(--line);font-size:12px}.strip b{display:block;font-weight:500;color:var(--ink);margin-bottom:6px}.strip span{color:var(--muted);font-size:11px}.section{padding:78px var(--gutter)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}.section-head p{max-width:370px;color:var(--muted);font-size:14px}.paper{--ink:#24352e;--muted:#58675d;--line:#c5ccc3;--panel:#fff;--gold:#866532;color:var(--ink);background:var(--paper);color-scheme:light}.warm{--ink:#2f3a2d;--muted:#626955;--line:#c9c8b8;--panel:#f5f2e7;--gold:#876535;color:var(--ink);background:#e7e1d4;color-scheme:light}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.product-card{border:1px solid var(--line);min-width:0;background:var(--panel);display:flex;flex-direction:column}.product-photo{position:relative;height:310px;background:#e5e7e2;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.product-photo.contain img{object-fit:contain;padding:25px;mix-blend-mode:multiply}.product-card:hover .product-photo img{transform:scale(1.025)}.photo-label{position:absolute;inset-inline-start:20px;top:18px;z-index:1;padding:7px 10px;font-size:10px;background:#f2f3e9e8;color:#263b2d}.product-copy{padding:28px;display:flex;flex-direction:column;flex:1}.product-copy p{font-size:14px;color:var(--muted);margin-top:14px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.tags span{font-size:10px;border:1px solid var(--line);padding:6px 9px}.card-link{padding-top:17px;margin-top:auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:13px;gap:15px}.card-link:hover{text-decoration:underline;text-underline-offset:4px}.card-link button{border:0;background:transparent;padding:0;font:inherit;color:inherit}.service{padding:18px 22px;border-inline-start:3px solid var(--gold);background:#ffffff69;display:flex;gap:16px;align-items:start;margin-bottom:30px;font-size:13px}.service b{display:block;margin-bottom:4px}.service .icon{font-size:25px;color:var(--gold)}.process{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.process-grid article{border-top:1px solid var(--line);padding-top:15px}.process-grid small{color:var(--gold);font-size:11px}.process-grid h3{font-size:16px;margin:23px 0 12px}.process-grid p{font-size:13px;color:var(--muted)}.breadcrumbs{padding:22px var(--gutter) 0;display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--muted)}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.page-intro{padding:55px var(--gutter) 65px;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}.page-intro h1{font-size:clamp(40px,5vw,70px)}.page-intro .lead{margin-top:0}.living-intro{position:relative;min-height:480px;display:flex;align-items:end;background:#32382d}.living-intro>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%}.living-intro:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101b18ed,#1b2a2350 75%)}.living-intro .inner{position:relative;z-index:1;padding:65px var(--gutter);max-width:800px}.living-intro h1{font-size:clamp(44px,5vw,72px)}.living-intro .lead{color:#e0e3d8}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.filters button{background:transparent;border:1px solid var(--line);padding:11px 17px;font-size:12px;color:var(--ink);min-height:43px}.filters [aria-pressed=true]{background:#24372d;color:#fff;border-color:#24372d}.results-count{font-size:11px;color:var(--muted);margin-inline-start:auto;align-self:center}.detail-intro{display:grid;grid-template-columns:1.12fr .88fr;gap:60px;padding:45px var(--gutter) 70px;align-items:center}.gallery-main{position:relative;background:#e2e6df;height:430px;display:flex;align-items:center;justify-content:center;overflow:hidden}.gallery-main img{width:100%;height:100%;object-fit:cover}.gallery-main.profile img{object-fit:contain;padding:30px;mix-blend-mode:multiply}.gallery-main.profile{height:390px}.gallery-toolbar{display:flex;gap:10px;margin-top:12px}.thumb{border:1px solid var(--line);background:#dde3d9;padding:0;width:100px;height:72px}.thumb[aria-pressed=true]{outline:2px solid var(--gold);outline-offset:2px}.thumb img{width:100%;height:100%;object-fit:cover}.detail-intro h1{font-size:clamp(40px,4.5vw,64px)}.detail-intro .eyebrow{margin-bottom:16px}.meta-row{display:flex;gap:20px;padding-top:24px;border-top:1px solid var(--line);margin-top:28px;font-size:11px;color:var(--muted)}.detail-nav{display:flex;gap:25px;padding:19px var(--gutter);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;flex-wrap:wrap}.detail-nav a:hover{text-decoration:underline}.detail-content{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.detail-content p{font-size:15px;color:var(--muted);margin-top:20px}.specs{width:100%;border-collapse:collapse;font-size:14px}.specs th,.specs td{text-align:start;padding:19px 0;border-bottom:1px solid var(--line);vertical-align:top}.specs th{width:45%;font-weight:500;padding-inline-end:25px}.specs td{color:var(--muted)}.doc-note{border:1px solid var(--line);padding:22px;margin-top:25px;font-size:13px;line-height:1.7}.doc-note strong{display:block;margin-bottom:8px}.request-area{background:#f8f7f0;color:#24372f;--ink:#24372f;--muted:#5c6c60;--line:#c3cec5;--gold:#8a692f;--panel:#edf0e8;color-scheme:light}.request-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px}.request-aside p{font-size:14px;color:var(--muted);margin-top:20px}.local-note{font-size:12px!important;background:#e8ede2;padding:17px;border:1px solid #d1dacb}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px}.field{display:flex;flex-direction:column;gap:8px;font-size:12px}.wide{grid-column:1/-1}input,select,textarea{width:100%;min-height:48px;padding:12px;background:#fff;color:#21382d;border:1px solid #a8b9ac;border-radius:0;font-size:15px}textarea{min-height:100px;resize:vertical}.form-actions{display:flex;justify-content:space-between;gap:20px;margin-top:25px;align-items:center}.form-actions p{font-size:11px;max-width:360px;color:var(--muted)}.request-area .btn{background:#293e31;border-color:#293e31;color:#fff}.request-area .btn.ghost{background:transparent;color:#293e31;border-color:var(--line)}.status{font-size:14px;line-height:1.6}.status:not(:empty){padding:20px;background:#e5eedf;border:1px solid #b5caad;margin-top:22px}.progress{display:flex;list-style:none;padding:0;margin:0 0 26px;gap:9px}.progress li{flex:1;border-top:3px solid var(--line);padding-top:12px;font-size:11px;color:var(--muted)}.progress [aria-current=step]{border-color:var(--gold);color:#293e31;font-weight:700}.config h3{font-size:24px;margin-bottom:23px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{border:1px solid var(--line);padding:22px;display:flex;gap:12px;font-size:14px;align-items:flex-start;cursor:pointer}.choice:has(input:checked){background:#e8ede0;border-color:#293e31;box-shadow:inset 0 0 0 1px #293e31}.choice input,.check input{width:20px;height:20px;min-height:20px;flex:none;margin:0;accent-color:#293e31}.help{font-size:12px;color:var(--muted);line-height:1.6;margin-top:12px}.review{background:#e9eee3;padding:22px;margin-bottom:25px}.review dl{display:grid;grid-template-columns:1fr 1.4fr;gap:14px;font-size:13px;margin:0}.review dt{color:var(--muted)}.review dd{margin:0;overflow-wrap:anywhere}.check{display:flex;gap:12px;align-items:start;margin-top:24px;font-size:12px;line-height:1.6}.footer{padding:50px var(--gutter);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:35px}.footer p{font-size:12px;color:var(--muted);margin-top:20px;max-width:450px}.footer-links{display:flex;gap:24px;flex-wrap:wrap;font-size:13px;align-content:start}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}.muted{color:var(--muted)}.section-head .eyebrow{margin-bottom:16px}
html[lang=ar]{font-family:Tahoma,'Segoe UI',Arial,sans-serif}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{font-family:Tahoma,'Segoe UI',Arial,sans-serif;letter-spacing:0;line-height:1.4}html[lang=ar] .eyebrow{letter-spacing:0;line-height:1.8}html[lang=ar] h1{font-size:clamp(38px,4.7vw,66px)}html[dir=rtl] .arr{transform:scaleX(-1)}html[dir=rtl] .hero-copy{padding:80px var(--gutter) 65px 40px}html[dir=rtl] .living-intro:after{background:linear-gradient(-90deg,#101b18ed,#1b2a2350 75%)}
@media(max-width:1050px){.nav{gap:16px}.header{gap:17px}.brand{font-size:24px}.language{padding-inline-start:10px}.home-hero{min-height:590px}.hero-copy{padding-block:60px}.home-art{grid-template-rows:1fr 170px}.hero-product{min-height:330px}.detail-intro{gap:35px}.request-layout,.detail-content{gap:40px}.product-photo{height:270px}}
@media(max-width:800px){.header{flex-wrap:wrap;gap:10px;padding-block:15px}.brand{margin-inline-end:auto}.menu{display:block;order:2}.language{order:1;border:0;padding:0}.nav{display:none;order:3;width:100%;margin:0;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--line)}.nav.open{display:flex}.home-hero{grid-template-columns:1fr}.hero-copy,html[dir=rtl] .hero-copy{padding:55px var(--gutter)}.home-art{grid-template-rows:320px 170px;border-inline-start:0}.hero-product{min-height:0}.hero-product img{width:75%;max-height:260px;object-fit:contain}.hero-product .image-note{bottom:12px}.hero-copy h1{max-width:600px}.section{padding-block:60px}.section-head{align-items:start;flex-direction:column;gap:20px}.section-head p{max-width:600px}.product-photo{height:240px}.product-copy{padding:22px}.process,.request-layout,.detail-content{grid-template-columns:1fr;gap:35px}.page-intro{gap:30px;grid-template-columns:1fr;padding-block:40px}.detail-intro{grid-template-columns:1fr;gap:30px}.gallery-main,.gallery-main.profile{height:360px}.detail-copy{max-width:650px}.request-aside{max-width:600px}.living-intro{min-height:430px}.footer{gap:30px}.strip{gap:15px}}
@media(max-width:550px){.preview{font-size:9px;align-items:start}.preview span{max-width:200px}.brand{font-size:21px;gap:7px}.mark{width:20px;height:23px}.language button{padding-inline:6px}.menu{font-size:12px}.header{gap:6px}.hero-copy h1{font-size:49px}.lead{font-size:14px}.actions .btn{width:100%}.home-art{grid-template-rows:280px 150px}.hero-product img{width:100%;max-height:205px}.fig-top{inset-inline:20px;top:17px;font-size:9px}.hero-product .image-note{font-size:9px;inset-inline:20px}.mini-world span{inset-inline:17px;font-size:14px;bottom:17px}.strip{grid-template-columns:1fr;padding-block:23px;gap:14px}.strip>div+div{border-top:1px solid var(--line);padding-top:14px}.product-grid{grid-template-columns:1fr;gap:25px}.product-photo{height:280px}.process-grid{grid-template-columns:1fr}.process-grid h3{margin-top:13px}.section{padding-block:48px}.section-head h2{font-size:34px}.form-grid,.choices{grid-template-columns:1fr}.form-actions{align-items:stretch;flex-direction:column}.config .form-actions{flex-direction:row}.progress li{font-size:10px}.review dl{grid-template-columns:1fr}.review dd{padding-bottom:8px}.gallery-main,.gallery-main.profile{height:290px}.detail-intro{padding-top:30px;padding-bottom:45px}.detail-nav{gap:19px;font-size:11px}.detail-copy h1{font-size:43px}.specs{font-size:12px}.specs th{width:42%;padding-inline-end:15px}.footer{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.filters{gap:8px}.results-count{width:100%;margin:6px 0 0}.living-intro .inner{padding-block:45px}.living-intro h1{font-size:44px}.service{font-size:12px;padding:17px}.meta-row{flex-wrap:wrap}html[lang=ar] h1{font-size:38px}html[lang=ar] h2{font-size:30px}.preview a{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.pending-art{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;background:linear-gradient(135deg,#e4ddcb,#c3c5b4);color:#485848}.pending-art>span{font:100px Georgia,serif;color:#8d998477;line-height:1}.pending-art p{font-size:12px;max-width:80%;text-align:center;border-top:1px solid #85978066;padding-top:15px}
.hero-product{background:linear-gradient(135deg,#dfe5e4 0%,#b7c4c6 48%,#809198 100%);border-bottom:1px solid #536a70}.hero-product:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#eef3f1 0%,transparent 42%,#314b55 100%);opacity:.2;pointer-events:none}.hero-product img{filter:saturate(.72) contrast(1.08) brightness(.96);mix-blend-mode:multiply}.fig-top,.hero-product .image-note{color:#29434b}.video-showcase{background:#1d292d;color:#e9e8e1;border-top:1px solid #43565a;border-bottom:1px solid #43565a}.video-showcase .section-head p{color:#b8c5c5}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.video-card{border:1px solid #4b6063;background:#26363a;min-width:0}.video-card video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#0e191c}.video-card-copy{padding:22px 24px 25px}.video-card-copy h3{font-size:22px;color:#f2f0e8}.video-card-copy p{font-size:13px;color:#b8c5c5;margin-top:10px}.video-card-copy small{display:block;color:#c8ae7c;font-size:10px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:12px}@media(max-width:800px){.video-grid{grid-template-columns:1fr}.video-card-copy{padding:20px}}/* Local animation slider: preserves the source image colors and uses a smooth horizontal glide. */
.animation-slider{position:absolute;inset:0;display:flex;flex-direction:column;background:#dfe5e4}.slider-viewport{position:relative;flex:1;min-height:0;overflow:hidden}.slider-track{height:100%;display:flex;transition:transform .62s cubic-bezier(.22,.61,.36,1);will-change:transform}.slider-slide{flex:0 0 100%;height:100%;display:flex;align-items:center;justify-content:center;min-width:0}.slider-slide img{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;filter:none}.slider-controls{height:54px;display:flex;align-items:center;justify-content:center;gap:18px;border-top:1px solid #536a70;background:#d5dedd;color:#29434b}.slider-arrow{width:32px;height:32px;border:1px solid #718388;background:transparent;color:#29434b;font-size:25px;line-height:1;padding:0}.slider-arrow:hover{background:#c4d0d1}.slider-dots{display:flex;gap:8px;align-items:center}.slider-dot{width:8px;height:8px;border-radius:50%;border:1px solid #536a70;background:transparent;padding:0}.slider-dot[aria-selected=true]{background:#29434b;box-shadow:0 0 0 3px #b4c2c3}.hero-product .fig-top{z-index:2}.hero-product .image-note{z-index:2;bottom:72px}.hero-product:after{z-index:1}.animation-slider{z-index:0}@media(max-width:550px){.slider-controls{height:48px;gap:14px}.slider-arrow{width:30px;height:30px}.hero-product .image-note{bottom:60px}}/* Slider framing refinement */
.animation-slider{inset:30px 0 0}
.hero-product .image-note{bottom:20px}/* Fixed slide canvas: every source image uses the same frame and cannot change layout size. */
.hero-product{overflow:hidden}
.animation-slider,.slider-viewport,.slider-track,.slider-slide{height:100%;min-height:0}
.slider-viewport{flex:1;overflow:hidden}
.slider-slide{position:relative;flex:0 0 100%;overflow:hidden;background:#dfe5e4}
.slider-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:normal;filter:none}/* Balanced two-frame composition for the profile slider. */
.hero-product{padding:0}
.animation-slider{inset:46px 38px 48px;border:1px solid #718084;background:#e6ecea;padding:12px;box-shadow:inset 0 0 0 1px #f2f5f2}
.slider-viewport{border:1px solid #9ba9aa;background:#dfe6e4}
.slider-slide{background:#dfe6e4}
.slider-slide img{object-fit:contain;padding:20px}
@media(max-width:800px){.animation-slider{inset:38px 22px 42px;padding:9px}.slider-slide img{padding:14px}}
@media(max-width:550px){.animation-slider{inset:34px 16px 38px;padding:7px}.slider-slide img{padding:10px}}/* New profile set 07–13: use the page frame only, without an inner border. */
.animation-slider{border:0;padding:0;background:transparent;box-shadow:none}
.slider-viewport{border:0;background:transparent}
.slider-slide{background:transparent}
.slider-slide img{object-fit:contain;padding:clamp(30px,8%,78px);max-width:100%;max-height:100%}
@media(max-width:800px){.slider-slide img{padding:clamp(22px,7%,48px)}}
@media(max-width:550px){.slider-slide img{padding:clamp(16px,6%,34px)}}/* Seamless frame-to-image background treatment. */
.hero-product,.animation-slider,.slider-viewport,.slider-track,.slider-slide{background:#dfe5e4}
.animation-slider{border:0;box-shadow:none}
.slider-slide img{mix-blend-mode:multiply;background:transparent}/* Neutral image-matched gray from the supplied Bild-7–13 backgrounds. */
.hero-product,.animation-slider,.slider-viewport,.slider-track,.slider-slide{background:#c8c9ca}
.slider-slide img{mix-blend-mode:multiply}/* Supplied image-matched neutral gray gradient. */
.hero-product,.animation-slider,.slider-viewport,.slider-track,.slider-slide{background:linear-gradient(135deg,#BCBDC1 0%,#BFC0C4 50%,#C2C3C7 100%)}
.hero-product:after{background:none;opacity:0}/* Recommended frame palette applied: #BFC0C4 with a restrained #AEB3B7 edge. */
.animation-slider{background:#BFC0C4;border:1px solid #AEB3B7;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 8px 20px rgba(30,40,45,.10)}
.slider-viewport,.slider-track,.slider-slide{background:#BFC0C4}/* Unified product media canvas: fixed ratio, complete product visibility, no layout shift. */
.product-media{width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#BFC0C4}
.product-media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.slider-slide{display:flex;align-items:center;justify-content:center}/* Ensure the media frame occupies the upper hero area and stays above the source note. */
.hero-product{position:relative;overflow:hidden}
.animation-slider{position:absolute;inset:46px 38px 78px;display:block;z-index:2;min-height:0}
.product-media{width:100%;height:100%;aspect-ratio:auto;display:block;overflow:hidden}
.slider-viewport{width:100%;height:100%;overflow:hidden}
.slider-track{display:flex;width:100%;height:100%;transition:transform .62s cubic-bezier(.22,.61,.36,1)}
.slider-slide{display:flex;flex:0 0 100%;width:100%;height:100%;align-items:center;justify-content:center}
.slider-slide img{display:block;width:86%;height:86%;max-width:86%;max-height:86%;object-fit:contain;object-position:center}
.hero-product .image-note{z-index:3;bottom:20px}
@media(max-width:800px){.animation-slider{inset:38px 22px 66px}.slider-slide img{width:88%;height:88%;max-width:88%;max-height:88%}}
@media(max-width:550px){.animation-slider{inset:34px 16px 58px}.slider-slide img{width:90%;height:90%;max-width:90%;max-height:90%}}/* Transparent product set: one centered square canvas for every slide. */
.animation-slider{top:46px;bottom:78px;left:50%;right:auto;width:auto;height:min(calc(100% - 124px),340px);aspect-ratio:1/1;transform:translateX(-50%);background:linear-gradient(145deg,#BCBDC1 0%,#BFC0C4 50%,#C2C3C7 100%);border:0;box-shadow:none}
.product-media{width:100%;height:100%;aspect-ratio:1/1;background:transparent}
.slider-viewport,.slider-track,.slider-slide{width:100%;height:100%;background:transparent}
.slider-slide img{width:100%;height:100%;max-width:100%;max-height:100%;padding:10%;object-fit:contain;object-position:center;mix-blend-mode:normal;transition:opacity .25s ease}
@media(max-width:800px){.animation-slider{top:38px;bottom:66px;height:min(calc(100% - 104px),230px)}}
@media(max-width:550px){.animation-slider{top:34px;bottom:58px;height:min(calc(100% - 92px),190px)}}/* Warm technical background test color supplied by the user. */
.hero-product,.animation-slider,.product-media,.slider-viewport,.slider-track,.slider-slide{background:#D8D7C8}/* Reduced square profile slider so the three homepage image areas balance. */
.animation-slider{height:min(calc(100% - 144px),300px);top:46px;bottom:88px}
@media(max-width:800px){.animation-slider{height:min(calc(100% - 116px),210px);top:38px;bottom:78px}}
@media(max-width:550px){.animation-slider{height:min(calc(100% - 104px),174px);top:34px;bottom:70px}}/* Four-image homepage balance: slider above three equal image cards. */
.home-art{grid-template-columns:repeat(3,1fr)}
.hero-product{grid-column:1/-1}
.animation-slider{height:min(calc(100% - 154px),270px);top:42px;bottom:92px}
@media(max-width:800px){.home-art{grid-template-columns:1fr}.animation-slider{height:min(calc(100% - 116px),210px);top:38px;bottom:78px}}
@media(max-width:550px){.animation-slider{height:min(calc(100% - 104px),174px);top:34px;bottom:70px}}/* Slightly smaller outer slider frame only. */
.animation-slider{height:min(calc(100% - 174px),230px);top:42px;bottom:auto}
@media(max-width:800px){.animation-slider{height:min(calc(100% - 132px),188px);top:38px;bottom:auto}}
@media(max-width:550px){.animation-slider{height:min(calc(100% - 116px),156px);top:34px;bottom:auto}}/* Revert: restore the previous image-slider frame dimensions. */
.animation-slider{height:min(calc(100% - 154px),270px);top:42px;bottom:92px}
@media(max-width:800px){.animation-slider{height:min(calc(100% - 116px),210px);top:38px;bottom:78px}}
@media(max-width:550px){.animation-slider{height:min(calc(100% - 104px),174px);top:34px;bottom:70px}}/* Balance only the outer hero block and the three tiles. */
.home-art{grid-template-rows:minmax(0,.82fr) 209px;row-gap:0}
@media(max-width:1050px){.home-art{grid-template-rows:minmax(0,.82fr) 187px}}
@media(max-width:800px){.home-art{grid-template-rows:270px 190px;row-gap:0}}
@media(max-width:550px){.home-art{grid-template-rows:235px 168px;row-gap:0}}/* Final fine adjustment: slightly larger product artwork inside the unchanged slider frame. */
.slider-slide img{padding:6%}
@media(max-width:800px){.slider-slide img{padding:7%}}
@media(max-width:550px){.slider-slide img{padding:8%}}.product-photo .product-video{display:block;width:100%;height:100%;object-fit:cover;background:#D8D7C8}.video-card .video-poster{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#D8D7C8}/* Official ALUVIO logo asset */
.brand-logo{display:block;width:154px;height:42px;object-fit:contain;object-position:left center;border:0}
.footer .brand-logo{width:146px;height:40px}
@media(max-width:550px){.brand-logo{width:128px;height:36px}.footer .brand-logo{width:132px;height:36px}}/* Logo mark plus the retained ALUVIO wordmark. */
.brand{gap:10px}
.brand-logo{width:56px;height:34px;object-fit:contain;object-position:center}
.brand-name{display:inline-block;letter-spacing:.12em;font-size:27px;font-weight:800;line-height:1;color:var(--ink)}
.footer .brand-logo{width:52px;height:32px}
@media(max-width:550px){.brand-logo{width:48px;height:30px}.brand-name{font-size:21px}.footer .brand-logo{width:46px;height:28px}}/* Slightly larger artwork in the upper image slider only. */
.slider-slide img{padding:3%}
@media(max-width:800px){.slider-slide img{padding:4%}}
@media(max-width:550px){.slider-slide img{padding:5%}}/* Second fine enlargement for the upper slider artwork only. */
.slider-slide img{padding:0}
@media(max-width:800px){.slider-slide img{padding:2%}}
@media(max-width:550px){.slider-slide img{padding:3%}}/* Slightly more compact outer frame for the circular slider. */
.animation-slider{height:min(calc(100% - 164px),250px)}
@media(max-width:800px){.animation-slider{height:min(calc(100% - 126px),198px)}}
@media(max-width:550px){.animation-slider{height:min(calc(100% - 112px),146px)}}.catalog-panel{margin-top:28px;padding:24px 28px;border:1px solid var(--line);background:var(--panel);display:flex;align-items:center;justify-content:space-between;gap:25px}.catalog-panel h3{font-size:22px}.catalog-panel p{font-size:13px;color:var(--muted);margin-top:7px}.catalog-panel .eyebrow{margin-bottom:10px}.language button{white-space:nowrap}
@media(max-width:550px){.catalog-panel{align-items:stretch;flex-direction:column;padding:21px}.catalog-panel .btn{width:100%}}.catalog-media{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch;width:100%;direction:ltr}.catalog-source,.catalog-banner{min-width:0;background:#D8D7C8;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden}.catalog-source img,.catalog-banner>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.catalog-source{min-height:220px}.catalog-banner{position:relative;min-height:220px}.catalog-banner>img{position:absolute;inset:0;opacity:.34}.catalog-copy{position:relative;z-index:1;width:100%;padding:24px;background:linear-gradient(90deg,rgba(216,215,200,.96),rgba(216,215,200,.78));display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.catalog-copy h3{font-size:22px}.catalog-copy p{font-size:13px;color:var(--muted);margin:7px 0 15px}.catalog-copy .btn{align-self:flex-start}.catalog-panel{display:block}.catalog-panel .eyebrow{margin-bottom:8px}@media(max-width:700px){.catalog-media{grid-template-columns:1fr;gap:14px}.catalog-source,.catalog-banner{min-height:190px}.catalog-copy{padding:20px}.catalog-copy .btn{width:100%}}
.catalog-card{min-width:0;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;overflow:hidden}.catalog-card-banner{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center}.catalog-card .catalog-copy{padding:19px 21px;background:var(--panel)}.catalog-card .catalog-copy p{margin:6px 0 14px}.catalog-card .catalog-copy .btn{align-self:flex-start}.catalog-media{display:none}@media(max-width:700px){.catalog-card .catalog-copy{padding:17px}.catalog-card .catalog-copy .btn{width:100%}}
.language{align-items:stretch}.language button{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:42px;padding:6px 8px;line-height:1}.language .lang-flag{font-size:18px;line-height:1}.language .lang-code{font-size:10px;letter-spacing:.08em;font-weight:700;line-height:1.1}.language button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.language .lang-flag{display:block;width:22px;height:15px;object-fit:cover;border:1px solid rgba(0,0,0,.14);font-size:0;line-height:0}.language button{gap:4px}
.language button[aria-pressed="true"]{background:#D8D7C8;color:#000}
.footer-contact{max-width:280px}.footer-contact strong{display:block;margin-bottom:10px}.footer-contact p{margin:0 0 8px;color:var(--muted);font-size:13px;line-height:1.55}.footer-contact a{color:inherit;text-decoration:underline;text-underline-offset:3px}.footer-contact a:hover,.footer-contact a:focus-visible{color:var(--ink)}
@media(max-width:700px){.footer-contact{max-width:none}}
.footer-home> :first-child{display:none}.footer-home .footer-links,.footer-home .footer-legal-links{align-items:flex-start;align-content:flex-start}.footer-home .footer-legal-links{margin:0;gap:24px;font-size:13px}.footer-home .footer-contact{grid-column:1/-1}
.footer-home .footer-legal-links{display:flex;flex-wrap:wrap;align-items:flex-start;column-gap:12px;row-gap:10px;margin:0;padding:0;list-style:none}.footer-home .footer-legal-links a{display:inline-flex;align-items:center;min-height:36px;padding:8px 13px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 76%,transparent);color:var(--ink);font-size:12px;letter-spacing:.01em;white-space:nowrap;transition:background .2s,border-color .2s,transform .2s}.footer-home .footer-legal-links a:hover,.footer-home .footer-legal-links a:focus-visible{background:var(--gold);border-color:var(--gold);color:#161e1b;transform:translateY(-1px)}
@supports not (background:color-mix(in srgb,white,black)){.footer-home .footer-legal-links a{background:var(--panel)}}
.footer-home .footer-links{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;column-gap:12px;row-gap:10px}.footer-home .footer-links>a{display:inline-flex;align-items:center;min-height:36px;padding:8px 13px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 76%,transparent);color:var(--ink);font-size:12px;letter-spacing:.01em;white-space:nowrap;transition:background .2s,border-color .2s,transform .2s}.footer-home .footer-links>a:hover,.footer-home .footer-links>a:focus-visible{background:var(--gold);border-color:var(--gold);color:#161e1b;transform:translateY(-1px)}.footer-home .footer-links>p{flex-basis:100%;margin-top:5px}
@supports not (background:color-mix(in srgb,white,black)){.footer-home .footer-links>a{background:var(--panel)}}
/* Keep slide order left-to-right inside the media track while the surrounding Arabic layout remains RTL. */
.animation-slider .slider-track{direction:ltr}

/* Unified reference layout: stable media proportions and equal component rhythm across all languages. */
:root{--content-max:1600px;--media-ratio:16/9;--card-media-height:clamp(240px,24vw,360px)}
.wrap{max-width:var(--content-max)}
.home-hero{min-height:clamp(560px,42vw,660px)}
.home-art{grid-template-rows:minmax(0,1fr) clamp(165px,13vw,190px)}
.hero-product{min-height:0;aspect-ratio:16/9;padding:clamp(22px,3vw,35px)}
.mini-world{aspect-ratio:1.18/1}
.product-grid,.video-grid{align-items:stretch}
.product-card{height:100%;min-height:100%}
.product-photo{height:auto;aspect-ratio:16/10;min-height:var(--card-media-height)}
.product-copy{min-height:245px}
.product-copy h3{min-height:2.5em}
.product-copy>p{min-height:5.2em}
.video-card{height:100%;display:flex;flex-direction:column}
.video-card .video-poster,.video-card video{aspect-ratio:16/9;height:auto;object-fit:cover}
.video-card-copy{flex:1}
.catalog-card-banner{aspect-ratio:16/9}
.gallery-main,.gallery-main.profile{height:auto;aspect-ratio:16/10;min-height:300px}
.detail-intro{align-items:start}
.detail-copy{padding-top:clamp(8px,2vw,24px)}
.section-head{min-height:92px}
.section-head>div{min-width:0}
.section-head p{margin-inline-start:auto}
html[dir=rtl] .section-head p{margin-inline-start:0;margin-inline-end:auto}
.language button{min-width:42px}
@media(max-width:800px){.home-art{grid-template-rows:320px 170px}.hero-product{aspect-ratio:auto}.mini-world{aspect-ratio:auto}.product-photo{min-height:240px}.product-copy{min-height:0}.product-copy h3,.product-copy>p{min-height:0}.section-head{min-height:0}.section-head p{margin-inline-start:0}.gallery-main,.gallery-main.profile{min-height:0;aspect-ratio:16/10}}
@media(max-width:550px){.home-art{grid-template-rows:280px 150px}.product-photo{min-height:280px}.gallery-main,.gallery-main.profile{aspect-ratio:4/3}}

/* B2B product tabs use the same separated navigation-card treatment as the homepage links. */
.filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:34px;align-items:stretch}
.filters button{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:14px 17px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 76%,transparent);color:var(--ink);font-size:13px;text-align:start;transition:background .2s,border-color .2s,color .2s,transform .2s}
.filters button:after{content:'↗';font-size:18px;color:var(--gold);margin-inline-start:12px}
.filters button:hover,.filters button:focus-visible{background:var(--gold);border-color:var(--gold);color:#161e1b;transform:translateY(-1px)}
.filters button:hover:after,.filters button:focus-visible:after{color:#161e1b}
.filters [aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--panel);font-weight:700}
.filters [aria-pressed=true]:after{color:var(--gold)}
.results-count{grid-column:1/-1;justify-self:end;margin:0;align-self:center;padding-top:1px}
@supports not (background:color-mix(in srgb,white,black)){.filters button{background:var(--panel)}}
@media(max-width:700px){.filters{grid-template-columns:1fr;gap:10px}.results-count{grid-column:1;justify-self:start}}

/* Shared footer navigation: the homepage bottom layout is the footer on every page. */
.footer> :first-child{display:none}
.footer .footer-links,.footer .footer-legal-links{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;column-gap:12px;row-gap:10px;margin:0;padding:0}
.footer .footer-links>a,.footer .footer-legal-links>a{display:inline-flex;align-items:center;min-height:36px;padding:8px 13px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 76%,transparent);color:var(--ink);font-size:12px;letter-spacing:.01em;white-space:nowrap;transition:background .2s,border-color .2s,transform .2s}
.footer .footer-links>a:hover,.footer .footer-links>a:focus-visible,.footer .footer-legal-links>a:hover,.footer .footer-legal-links>a:focus-visible{background:var(--gold);border-color:var(--gold);color:#161e1b;transform:translateY(-1px)}
.footer .footer-links>p{flex-basis:100%;margin-top:5px}
.footer .footer-contact{grid-column:1/-1}
@supports not (background:color-mix(in srgb,white,black)){.footer .footer-links>a,.footer .footer-legal-links>a{background:var(--panel)}}
@media(max-width:700px){.footer .footer-contact{max-width:none}}

/* Restore compact B2B tab sizing; the shared footer remains unchanged. */
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px;align-items:initial}
.filters button{display:block;min-height:43px;padding:11px 17px;background:transparent;border:1px solid var(--line);color:var(--ink);font-size:12px;text-align:center;transition:none}
.filters button:after{display:none}
.filters button:hover,.filters button:focus-visible{background:transparent;border-color:var(--line);color:var(--ink);transform:none}
.filters [aria-pressed=true]{background:#24372d;border-color:#24372d;color:#fff;font-weight:400}
.filters [aria-pressed=true]:after{display:none}
.results-count{grid-column:auto;justify-self:auto;width:auto;margin-inline-start:auto;align-self:center;padding-top:0}
.process .section-head{min-height:0}
@media(max-width:700px){.filters{display:flex;gap:8px}.results-count{grid-column:auto;justify-self:auto}}
@media(max-width:550px){.filters{gap:8px}.results-count{width:100%;margin:6px 0 0}}

/* Profile-only B2B service panel: paired with the existing profile video card. */
.profile-service{height:100%;min-width:0;padding:clamp(24px,3vw,42px);border:1px solid var(--line);background:var(--panel);color:var(--ink);display:flex;flex-direction:column}
.profile-service .eyebrow{margin-bottom:16px}
.profile-service h2{font-size:clamp(30px,3vw,46px);max-width:560px}
.profile-service-intro{margin-top:18px;max-width:620px;font-size:14px;color:var(--muted);line-height:1.7}
.profile-service-list{display:grid;gap:0;margin:28px 0 30px;border-top:1px solid var(--line)}
.profile-service-item{display:grid;grid-template-columns:30px 38px minmax(0,1fr);gap:12px;align-items:start;padding:17px 0;border-bottom:1px solid var(--line)}
.profile-service-number{font-size:11px;color:var(--gold);letter-spacing:.08em;padding-top:5px}
.profile-service-icon{width:32px;height:32px;color:var(--gold);display:grid;place-items:center}
.service-icon{width:30px;height:30px;display:block}
.profile-service-item h3{font-size:16px;line-height:1.3}
.profile-service-item p{margin-top:5px;font-size:12px;line-height:1.6;color:var(--muted)}
.profile-service>.btn{align-self:flex-start;margin-top:auto}
html[dir=rtl] .profile-service-item{grid-template-columns:minmax(0,1fr) 38px 30px}
html[dir=rtl] .profile-service-number{grid-column:3}
html[dir=rtl] .profile-service-icon{grid-column:2}
html[dir=rtl] .profile-service-item>div{grid-column:1}
@media(max-width:550px){.profile-service{padding:24px}.profile-service h2{font-size:34px}.profile-service-item{grid-template-columns:26px 34px minmax(0,1fr);gap:10px}html[dir=rtl] .profile-service-item{grid-template-columns:minmax(0,1fr) 34px 26px}}

/* Mobile layout: keep content within its grid cell and give touch controls room. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-wrap:break-word}
video{max-width:100%}
.home-hero>*,.page-intro>*,.detail-intro>*,.detail-content>*,.request-layout>*,.form-grid>*,.footer>*{min-width:0}
h1,h2,h3,.btn,.choice,.specs{overflow-wrap:anywhere;hyphens:auto}
.language button,.menu,.filters button,.thumb{min-width:44px;min-height:44px}
.nav a,.detail-nav a,.footer a,.legal-lang a{min-height:44px;display:inline-flex;align-items:center}
.form-actions{flex-wrap:wrap}
.specs{table-layout:fixed}

@media(max-width:1050px){
  .header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand menu" "language language" "nav nav";gap:8px 12px;padding-block:10px}
  .header .brand{grid-area:brand;margin:0;justify-self:start}
  .header .menu{grid-area:menu;display:block;order:initial;max-width:100%}
  .header .language{grid-area:language;order:initial;border:0;padding:0;justify-self:end;gap:4px}
  .header .nav{grid-area:nav;display:none;order:initial;width:100%;margin:0;flex-wrap:wrap;gap:8px 20px;padding-top:8px;border-top:1px solid var(--line)}
  .header .nav.open{display:flex}
  .header .nav a{padding-block:8px}
  html{scroll-padding-top:145px}
}

@media(max-width:800px){
  /* All three tiles need an explicit height after switching to one column. */
  .home-art{grid-template-columns:minmax(0,1fr);grid-template-rows:270px repeat(3,190px)}
  .home-art .mini-world{height:190px}
  .home-art .mini-world img{height:100%;object-fit:cover}
  .product-grid,.video-grid{grid-template-columns:minmax(0,1fr)}
  input,select,textarea{font-size:16px}
}

@media(max-width:550px){
  .home-art{grid-template-rows:235px repeat(3,168px)}
  .home-art .mini-world{height:168px}
  .hero-copy h1{font-size:clamp(36px,10vw,49px)}
  .detail-copy h1{font-size:clamp(32px,9vw,43px)}
  .living-intro h1{font-size:clamp(34px,10vw,44px)}
  .section-head h2,.profile-service h2{font-size:clamp(28px,8vw,34px)}
  .product-copy{padding:20px}
  .btn{max-width:100%;padding-inline:18px;gap:14px}
  .config .form-actions{flex-wrap:wrap}
  .config .form-actions .btn{flex:1 1 110px}
  .gallery-toolbar{flex-wrap:wrap}
  .profile-service{padding:20px}
  .preview{flex-wrap:wrap;gap:6px 14px}
  .specs th,.specs td{overflow-wrap:anywhere}
}

/* Isolate Latin contact details from the surrounding Arabic writing direction. */
.footer-contact .contact-address bdi{unicode-bidi:isolate}
.footer-contact .contact-line{display:flex;flex-wrap:wrap;align-items:center;gap:0 8px}
.footer-contact a[dir=ltr]{direction:ltr;unicode-bidi:isolate;white-space:nowrap}

/* Let the hero allocate real space for the image, controls and caption. */
.hero-product{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;padding:22px 28px;min-height:0;height:100%;aspect-ratio:auto}
.hero-product .fig-top{position:static;inset:auto;min-width:0;gap:12px}
.hero-product .image-note{position:static;inset:auto;max-width:none;margin:0;font-size:10px}
.animation-slider{position:static;inset:auto;transform:none;display:grid;grid-template-rows:minmax(0,1fr) 44px;gap:8px;width:100%;height:100%;min-width:0;min-height:0;aspect-ratio:auto;padding:0}
.animation-slider .slider-viewport{width:100%;height:100%;min-width:0;min-height:0;aspect-ratio:auto;touch-action:pan-y pinch-zoom}
.animation-slider .slider-track{display:flex;direction:ltr;width:100%;height:100%;min-width:0;transition:transform .45s ease;will-change:transform}
.animation-slider .slider-slide{position:relative;flex:0 0 100%;width:100%;height:100%;min-width:0;min-height:0}
.animation-slider .slider-slide img{position:absolute;inset:0;margin:auto;width:100%;height:100%;max-width:250px;max-height:250px;object-fit:contain;padding:0;user-select:none;-webkit-user-drag:none}
.animation-slider .slider-controls{display:grid;grid-template-columns:44px minmax(30px,1fr) auto 44px;align-items:center;gap:6px;height:44px;min-height:44px;border:0;background:transparent;color:#29434b;direction:ltr}
.animation-slider .slider-arrow,.animation-slider .slider-play{height:44px;min-height:44px;min-width:44px;border:1px solid #718388;background:transparent;color:#29434b;touch-action:manipulation}
.animation-slider .slider-arrow{width:44px;padding:0;font-size:28px;line-height:1}
.animation-slider .slider-play{padding:6px 10px;font-size:11px;line-height:1.2}
.animation-slider .slider-status{text-align:center;white-space:nowrap;font-size:11px;direction:ltr;unicode-bidi:isolate}

@media(max-width:800px){
  .home-art{grid-template-rows:350px repeat(3,190px)}
  .hero-product{padding:18px 22px}
}
@media(max-width:550px){
  .home-art{grid-template-rows:320px repeat(3,168px)}
  .hero-product{padding:16px;gap:10px}
  .hero-product .image-note{font-size:9px}
}