/* V7: focused catalogue and footer refinements, using the original palette. */
.catalogue-feature{border:0;border-radius:0;background:var(--brand-white);padding:0;gap:72px;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center}
.catalogue-feature .original-copy h2{font-size:clamp(2rem,3.3vw,3.2rem);line-height:1.12;letter-spacing:-.045em;max-width:650px}
.catalogue-feature .original-copy p{font-size:1rem;line-height:1.85}
.catalogue-feature .content-list{margin-top:22px;grid-template-columns:1fr 1fr;gap:0 24px}
.catalogue-feature .content-list li{font-size:.88rem;line-height:1.7;padding-block:14px}
.catalogue-feature .content-list li:before{top:23px}
.catalogue-feature .feature-bottle{height:590px;border:0;border-radius:180px 180px 18px 18px;background:var(--brand-blue-wash);display:grid;place-items:center;color:var(--brand-deep-blue);cursor:pointer;padding:0;overflow:hidden}
.catalogue-feature .feature-bottle:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 60%,rgb(var(--brand-blue-rgb) / .13),transparent 65%);pointer-events:none}
.catalogue-feature .feature-bottle img{position:absolute;inset:18px 5% 90px;z-index:2;height:calc(100% - 108px);width:90%;margin:0;object-fit:contain;mix-blend-mode:multiply;animation:catalogueFloat 7s ease-in-out infinite;transition:scale .6s var(--ease)}
.catalogue-feature .feature-bottle:hover img{scale:1.035}
.catalogue-feature .feature-volume{position:absolute;inset:38px 0 auto;font-size:clamp(7rem,13vw,12rem);font-weight:600;line-height:1;text-align:center;letter-spacing:-.08em;color:rgb(var(--brand-deep-blue-rgb) / .1);direction:ltr}
.feature-volume>span{font-size:.55em;margin-left:8px}
.feature-orbit{position:absolute;width:78%;aspect-ratio:1;border:1px solid rgb(var(--brand-blue-rgb) / .28);border-radius:50%;inset-block-start:22%;animation:catalogueOrbit 12s linear infinite}
.feature-orbit:before{content:'';position:absolute;top:15%;left:13%;width:10px;height:10px;border-radius:50%;background:var(--brand-green);box-shadow:0 0 0 6px rgb(var(--brand-green-rgb) / .12)}
.feature-note{position:absolute;bottom:0;inset-inline:24px;display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-top:1px solid var(--line);font-size:.83rem;z-index:3}
.feature-note>span:last-child{font-size:1.4rem}
.catalogue-section{padding-block:84px 72px}
.catalogue-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:32px}
.catalogue-heading h2{font-size:clamp(2.3rem,4.6vw,4rem);font-weight:500;letter-spacing:-.05em;line-height:1.1}
.catalogue-heading p{max-width:330px;margin:0;font-size:1rem;line-height:1.8}
.catalogue-heading .eyebrow{margin-bottom:15px}
.catalogue-families{display:flex;flex-wrap:nowrap;gap:0;padding:0;border:0;border-block:1px solid var(--line);border-radius:0;box-shadow:none;margin:0 0 26px;background:rgb(var(--brand-white-rgb) / .97);top:88px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--brand-blue-light) transparent}
.catalogue-families .filter{display:flex;align-items:center;justify-content:flex-start;gap:13px;flex:1 0 0;min-width:0;padding:16px 20px;border:0;border-inline-end:1px solid var(--line);border-radius:0;background:transparent;text-align:start;color:var(--brand-deep-blue);position:relative;transition:background .25s}
.catalogue-families .filter:last-child{border-inline-end:0}
.catalogue-families .filter:after{content:'';position:absolute;inset:auto 0 0;height:3px;background:var(--brand-green);transform:scaleX(0);transition:transform .3s var(--ease)}
.catalogue-families .filter[aria-pressed=true]{background:var(--brand-blue-wash);color:var(--brand-deep-blue)}
.catalogue-families .filter[aria-pressed=true]:after{transform:scaleX(1)}
.catalogue-families .filter:hover{background:var(--brand-blue-wash)}
.catalogue-families .filter img{height:53px;width:42px;object-fit:contain;mix-blend-mode:multiply;flex:none}
.catalogue-families .filter>span{font-size:.88rem;font-weight:600;line-height:1.5}
.catalogue-families small{display:block;font-size:.73rem;font-weight:400;margin-top:3px;color:var(--brand-charcoal)}
.catalogue-results-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
.catalogue-results-heading .result-count{margin:0;font-size:.85rem;color:var(--brand-deep-blue)}
.catalogue-results-heading .result-count>span{margin-inline:10px;opacity:.5}
.catalogue-results-heading>a{font-size:.85rem;min-height:44px;display:flex;align-items:center;gap:16px;color:var(--brand-deep-blue)}
.catalogue-results-heading>a:hover{text-decoration:underline}
.catalog-grid{gap:28px 24px;align-items:stretch}
.catalog-grid .catalogue-card,.catalog-grid .catalogue-card:nth-child(n){display:flex;flex-direction:column;background:var(--brand-white);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:box-shadow .45s,border-color .4s,translate .45s}
.catalog-grid .catalogue-card:hover{border-color:var(--brand-blue);box-shadow:0 18px 40px rgb(var(--brand-deep-blue-rgb) / .09);translate:0 -4px}
.catalog-grid .catalogue-card .catalogue-image{height:350px;width:100%;position:relative;isolation:isolate;border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--brand-blue-wash);overflow:hidden}
.catalogue-image:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgb(var(--brand-white-rgb) / .65) 48%,transparent 70%);transform:translateX(-130%);transition:transform .9s var(--ease);z-index:3}
.catalogue-card:hover .catalogue-image:after{transform:translateX(130%)}
.catalog-grid .catalogue-card .category{position:absolute;inset-block-start:22px;inset-inline-start:22px;inset-inline-end:auto;max-width:65%;font-size:.72rem;font-weight:600;line-height:1.6;letter-spacing:.02em;z-index:4}
.catalogue-index{position:absolute;inset-block-start:23px;inset-inline-end:22px;font-size:.72rem;opacity:.6;direction:ltr}
.catalogue-volume{position:absolute;inset:62px 10px auto;text-align:center;font-size:clamp(3.3rem,6.2vw,6rem);font-weight:600;letter-spacing:-.065em;line-height:1.2;color:rgb(var(--brand-deep-blue-rgb) / .12);direction:ltr;white-space:nowrap;pointer-events:none}
.catalog-grid .catalogue-card .product-object{position:absolute;inset:51px 22px 20px;mix-blend-mode:multiply;z-index:2;transform:rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg)) translateY(var(--card-lift,0px));transition:transform .65s var(--ease)}
.catalog-grid .catalogue-card .product-object img{width:100%;height:100%;object-fit:contain;animation:catalogueFloat 7.5s ease-in-out infinite;animation-delay:var(--float-delay,0s)}
.catalog-grid .catalogue-card:not(.is-present) .product-object img{animation-play-state:paused}
.catalog-grid .catalogue-card:not(.is-present) .catalogue-ripple{animation-play-state:paused}
.catalogue-ripple{position:absolute;bottom:28px;inset-inline:19%;height:34px;border:1px solid rgb(var(--brand-blue-rgb) / .3);border-radius:50%;animation:catalogueRipple 4s ease-out infinite;animation-delay:var(--float-delay,0s)}
.catalog-grid .catalogue-card .product-info{display:flex;flex-direction:column;align-items:stretch;padding:24px;gap:0;min-height:215px;flex:1;background:var(--brand-white)}
.catalog-grid .catalogue-card .product-info h3{font-size:1.2rem;line-height:1.4;letter-spacing:-.025em;margin:0;color:var(--brand-deep-blue)}
.catalog-grid .catalogue-card .product-info p{font-size:.94rem;line-height:1.75;margin:8px 0 20px;color:var(--brand-charcoal)}
.catalogue-detail{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0 0;margin-top:auto;background:transparent;border:0;border-top:1px solid var(--line);text-align:start;font-size:.83rem;font-weight:600;color:var(--brand-deep-blue);min-height:44px;cursor:pointer}
.catalogue-detail>span:last-child{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--brand-deep-blue);color:var(--brand-white);font-size:1.15rem;transition:background .25s,rotate .25s;flex:none}
.catalogue-detail:hover>span:last-child{background:var(--brand-blue);color:var(--brand-charcoal);rotate:45deg}
[lang=ar] .catalogue-feature .original-copy h2{font-size:clamp(2rem,3.1vw,3rem);letter-spacing:0;line-height:1.55}
[lang=ar] .catalogue-heading h2{line-height:1.5;letter-spacing:0}
[lang=ar] .catalog-grid .catalogue-card .product-info h3{letter-spacing:0;line-height:1.75}
@keyframes catalogueFloat{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -10px;rotate:1deg}}
@keyframes catalogueOrbit{to{rotate:360deg}}
@keyframes catalogueRipple{0%{scale:.7;opacity:.3}70%,100%{scale:1.25;opacity:0}}

/* A single alignment system avoids direction changes moving contact links. */
#footer .footer-main{position:relative;background:var(--brand-deep-blue);color:var(--brand-white);padding:60px 0 24px;border:0}
#footer .footer-main:before{content:'';position:absolute;top:0;inset-inline:0;height:3px;background:linear-gradient(90deg,var(--brand-blue) 0 85%,var(--brand-green) 85%)}
#footer .footer-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr) minmax(0,1fr) minmax(0,1.08fr);gap:48px;align-items:start;text-align:start}
#footer .footer-brand{grid-column:auto;min-width:0}
#footer .footer-logo{display:block;width:224px;max-width:100%;margin-bottom:22px}
#footer .footer-brand img{display:block;width:100%;max-width:100%;height:auto;margin:0}
#footer .footer-brand p{font-size:.94rem;line-height:1.85;max-width:340px;margin:0;color:var(--brand-white)}
#footer .footer-column{min-width:0;display:block;grid-column:auto}
#footer .footer-column h3{margin:5px 0 22px;font-size:.82rem;letter-spacing:.065em;line-height:1.5;text-transform:uppercase;color:var(--brand-white);font-weight:600}
#footer .footer-column h3:after{margin-top:12px;width:28px;height:2px;background:var(--brand-green)}
#footer ul{list-style:none;padding:0;margin:0;display:grid;gap:4px}
#footer .footer-column a,#footer .footer-label,#footer .footer-contact-line{display:flex;align-items:center;min-height:38px;padding:5px 0;margin:0;font-size:.9rem;line-height:1.7;color:var(--brand-white);text-align:start;translate:none}
#footer .footer-label{opacity:.8}
#footer .footer-column a{width:fit-content;max-width:100%;transition:color .2s}
#footer .footer-column a:hover{color:var(--brand-green);text-decoration:none}
#footer .footer-contact ul{gap:8px}
#footer .footer-contact a,#footer .footer-contact-line{gap:11px;direction:inherit}
#footer .footer-contact svg{width:19px;height:19px;flex:none;color:var(--brand-blue-light)}
#footer .footer-contact bdi{white-space:nowrap;font-size:.87rem}
#footer .social-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
#footer .social-links a{display:flex;align-items:center;gap:9px;border:1px solid rgb(var(--brand-white-rgb) / .22);border-radius:7px;padding:9px 12px;min-height:42px;font-size:.78rem;line-height:1.4;color:var(--brand-white);transition:background .25s,border-color .25s}
#footer .social-links a:hover{background:rgb(var(--brand-white-rgb) / .08);border-color:var(--brand-green)}
#footer .social-links svg{width:17px;height:17px;flex:none}
#footer .footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 30px;margin-top:42px;padding-top:22px;border-top:1px solid rgb(var(--brand-white-rgb) / .2);font-size:.75rem;line-height:1.7;color:var(--brand-white)}
#footer .footer-bottom p{margin:0;max-width:100%;color:var(--brand-white)}
#footer .footer-credit{unicode-bidi:plaintext;color:var(--brand-white);margin:0;max-width:100%}
#footer .footer-preview{display:flex;align-items:center;gap:7px;padding:4px 9px;border:1px solid rgb(var(--brand-white-rgb) / .2);border-radius:4px;font-size:.65rem;white-space:nowrap}
#footer .footer-preview i{width:5px;height:5px;border-radius:50%;background:var(--brand-green)}
[lang=ar] #footer .footer-column h3{letter-spacing:0;font-size:.9rem;line-height:1.8}
[lang=ar] #footer .footer-brand p{line-height:2.05}

@media(max-width:1150px){
 .catalogue-feature{gap:42px;grid-template-columns:1.05fr 1fr}
 .catalogue-feature .feature-bottle{height:560px;border-radius:150px 150px 16px 16px}
 .catalogue-families .filter{padding:13px 12px;gap:8px}
 .catalogue-families .filter>span{font-size:.8rem}
 .catalog-grid .catalogue-card .catalogue-image{height:315px}
 #footer .footer-grid{gap:30px;grid-template-columns:1.2fr .75fr 1fr 1fr}
 #footer .footer-contact bdi{font-size:.8rem}
}
@media(max-width:900px){
 .catalogue-feature{grid-template-columns:1fr .85fr;gap:30px}
 .catalogue-feature .content-list{grid-template-columns:1fr}
 .catalogue-feature .feature-bottle{height:490px;border-radius:130px 130px 14px 14px}
 .catalogue-feature .original-copy h2{font-size:2.1rem}
 .catalogue-section{padding-top:64px}
 .catalogue-heading{gap:30px}
 .catalogue-heading h2{font-size:2.8rem}
 .catalogue-heading p{max-width:260px;font-size:.94rem}
 .catalogue-families{top:78px}
 .catalogue-families .filter{flex:1 0 142px}
 .catalogue-families .filter img{width:33px;height:48px}
 .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .catalogue-volume{font-size:4.8rem}
 #footer .footer-grid{grid-template-columns:1fr 1fr 1.2fr;gap:34px}
 #footer .footer-brand{grid-column:1/-1;display:grid;grid-template-columns:240px 1fr;gap:0 45px;align-items:start}
 #footer .footer-logo{grid-column:1;margin-bottom:14px}
 #footer .footer-brand p{grid-column:2;grid-row:1/3;max-width:none}
 #footer .social-links{grid-column:1;margin-top:10px}
 #footer .footer-contact bdi{font-size:.87rem}
}
@media(max-width:650px){
 .products-body{padding-top:32px}
 .catalogue-feature{display:flex;flex-direction:column;gap:28px;padding:0;align-items:stretch;border-radius:0}
 .catalogue-feature .original-copy h2{font-size:2rem;line-height:1.2}
 .catalogue-feature .original-copy p{font-size:.97rem;line-height:1.85}
 .catalogue-feature .content-list{grid-template-columns:1fr;gap:0;margin-top:20px}
 .catalogue-feature .content-list li{font-size:.9rem;padding-block:12px}
 .catalogue-feature .feature-bottle{order:-1;height:360px;width:100%;max-width:none;border-radius:140px 140px 14px 14px}
 .catalogue-feature .feature-bottle img{inset-inline:8%;height:calc(100% - 108px);width:84%}
 .catalogue-feature .feature-volume{font-size:9rem;inset-block-start:26px}
 .feature-orbit{width:68%;inset-block-start:20%}
 .feature-note{inset-inline:20px;font-size:.78rem;padding-block:16px}
 .catalogue-section{padding-block:52px 48px}
 .catalogue-heading{display:block;margin-bottom:24px}
 .catalogue-heading h2{font-size:2.5rem}
 .catalogue-heading p{font-size:.94rem;margin-top:14px;max-width:none}
 .catalogue-families{top:74px;margin-bottom:16px}
 .catalogue-families .filter{padding:12px;flex:0 0 140px;min-height:84px}
 .catalogue-families .filter img{height:45px;width:32px}
 .catalogue-families .filter>span{font-size:.8rem}
 .catalogue-families small{font-size:.67rem}
 .catalogue-results-heading{gap:8px;align-items:start;margin-bottom:16px}
 .catalogue-results-heading .result-count{font-size:.76rem;line-height:1.8;min-height:44px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}
 .catalogue-results-heading .result-count>span{margin-inline:3px}
 .catalogue-results-heading>a{font-size:.76rem;gap:8px;white-space:nowrap}
 .catalog-grid{grid-template-columns:1fr;gap:22px}
 .catalog-grid .catalogue-card .catalogue-image{height:330px;grid-column:auto;grid-row:auto;border-inline:0;border-bottom:1px solid var(--line)}
 .catalog-grid .catalogue-card .category{inset-block-start:20px;inset-inline-start:20px;inset-inline-end:auto;max-width:70%;font-size:.73rem;line-height:1.6}
 .catalogue-index{inset-block-start:21px;inset-inline-end:20px}
 .catalogue-volume{font-size:5.3rem;inset-block-start:57px}
 .catalog-grid .catalogue-card .product-object{inset:50px 34px 15px}
 .catalog-grid .catalogue-card .product-info{grid-column:auto;grid-row:auto;min-height:195px;padding:22px;display:flex;align-items:stretch;justify-content:flex-start;gap:0}
 .catalog-grid .catalogue-card .product-info h3{font-size:1.2rem;line-height:1.5}
 .catalog-grid .catalogue-card .product-info p{font-size:.94rem;line-height:1.8;margin:8px 0 18px}
 .catalogue-detail{font-size:.86rem}
 [lang=ar] .catalogue-feature .original-copy h2{font-size:1.85rem;line-height:1.65}
 [lang=ar] .catalogue-heading h2{font-size:2.1rem}
 #footer .footer-main{padding:40px 0 24px}
 #footer .footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px}
 #footer .footer-brand{display:block;grid-column:1/-1;padding-bottom:26px;border-bottom:1px solid rgb(var(--brand-white-rgb) / .17)}
 #footer .footer-logo{width:215px;margin-bottom:20px}
 #footer .footer-brand p{max-width:420px;font-size:.94rem}
 #footer .social-links{margin-top:20px}
 #footer .footer-column h3{font-size:.75rem;margin:0 0 16px;letter-spacing:.03em;line-height:1.7}
 #footer .footer-column a,#footer .footer-label,#footer .footer-contact-line{font-size:.86rem;min-height:44px;line-height:1.8}
 #footer .footer-contact{grid-column:1/-1;padding-top:24px;border-top:1px solid rgb(var(--brand-white-rgb) / .17)}
 #footer .footer-contact ul{gap:0}
 #footer .footer-contact bdi{font-size:.94rem}
 #footer .footer-bottom{margin-top:28px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:.73rem;padding-top:22px}
 #footer .footer-preview{margin-top:3px}
 [lang=ar] #footer .footer-column h3{font-size:.87rem}
}
@media(prefers-reduced-motion:reduce){
 .catalogue-feature .feature-bottle img,.feature-orbit,.catalog-grid .catalogue-card .product-object img,.catalogue-ripple{animation:none!important}
 .catalogue-card,.catalogue-image:after,.catalogue-detail>span:last-child,.catalogue-feature .feature-bottle img{transition:none!important}
 .catalog-grid .catalogue-card:hover{translate:0}
}
