@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{--blue:#0754f8;--ink:#191c21;--muted:#656b75;--line:#e0e3e8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;background:#fafbfc}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.top{background:var(--ink);color:#fff;padding:10px 5%;font-size:10px;letter-spacing:1.4px;display:flex;justify-content:space-between}header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:30px;background:#ffffffee;backdrop-filter:blur(14px);padding:17px 5%;border-bottom:1px solid var(--line)}.brand{width:185px;height:40px;overflow:hidden;position:relative;display:block}.brand img{position:absolute;width:225px;max-width:none;left:-15px;top:-39px}nav{display:flex;gap:28px;align-items:center;margin-left:auto;font-size:13px}.navcta{color:var(--blue)}.cartbtn{background:none;border:1px solid var(--line);padding:10px 14px;border-radius:6px;font-size:12px}.cartbtn b{background:var(--blue);color:white;border-radius:50%;padding:3px 6px;margin-left:8px}.hero{display:grid;grid-template-columns:1.08fr 1fr;min-height:650px}.herocopy{padding:65px 7% 25px 10%}.eyebrow{letter-spacing:2px;font-size:10px;font-weight:700;color:var(--blue);margin:0 0 26px}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-2px;margin:0;font-weight:700}h1{font-size:clamp(42px,4.5vw,72px);line-height:1.08}em{font-style:normal;color:var(--blue)}.intro{font-size:16px;color:var(--muted);line-height:1.75;max-width:470px;margin:28px 0}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;border:0;border-radius:5px;font-size:13px;font-weight:600;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.blue{background:var(--blue);color:#fff}.light{background:#eef1f5;color:var(--ink)}.heronote{display:flex;justify-content:space-between;gap:15px;margin-top:58px;border-top:1px solid var(--line);padding-top:18px;font-size:9px;letter-spacing:1px}.heroart{position:relative;overflow:hidden;background:#e8ebee;min-height:650px}.heroPhoto{position:absolute;width:290px;height:410px;left:50%;top:125px;transform:translateX(-50%) rotate(-3deg);background:url('assets/catalogue.jpg');background-size:2304px 1537px;background-position:-698px -130px;border-radius:12px;box-shadow:0 28px 60px #172d4a30;animation:float 7s ease-in-out infinite}.orbit{width:470px;height:470px;background:var(--blue);border-radius:50%;position:absolute;left:15%;top:85px}.artlabel{position:absolute;top:28px;left:35px;font-size:10px;letter-spacing:2px}.floating{position:absolute;right:25px;bottom:80px;background:#fff;padding:20px 23px;border-left:3px solid var(--blue);font-size:10px;box-shadow:0 10px 30px #0001}.floating b{display:block;font-size:18px;margin:7px 0}.floating span{color:var(--muted)}.artbottom{position:absolute;bottom:25px;left:35px;right:35px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px}.strip{display:flex;justify-content:space-around;padding:23px 3%;font-size:12px;background:#fff;border-block:1px solid var(--line);gap:20px}.strip i{font-style:normal;color:var(--blue)}.section{padding:85px 6%}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px;gap:30px}h2{font-size:clamp(32px,3.5vw,52px);line-height:1.12}.heading p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.filters button{border:1px solid var(--line);background:#fff;padding:13px 20px;border-radius:30px;font-size:12px}.filters .active{background:var(--ink);color:#fff;border-color:var(--ink)}.filters small{margin-left:12px;color:#9da6b4}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;transition:transform .25s,box-shadow .25s}.product:hover{transform:translateY(-6px);box-shadow:0 14px 35px #11224410}.productvisual{height:300px;background:#eee9e1;position:relative;overflow:hidden;display:grid;place-items:center}.crop{width:170px;height:225px;position:relative;overflow:hidden;border-radius:7px}.crop img{position:absolute;width:1280px;height:854px;max-width:none;left:calc(-1px * var(--x));top:calc(-1px * var(--y))}.tag{position:absolute;top:15px;left:15px;font-size:10px;letter-spacing:1px;background:#ffffffdd;padding:7px 10px;border-radius:4px}.productinfo{padding:22px}.productinfo h3{font-size:24px;letter-spacing:-.5px}.productinfo p{font-size:12px;color:var(--muted);margin:8px 0 25px}.priceRow{display:flex;justify-content:space-between;align-items:center}.price{font-size:25px;font-weight:700}.price small{font-size:12px;font-weight:400}.add{width:42px;height:42px;border-radius:50%;border:0;background:var(--blue);color:#fff;font-size:25px}.fine{font-size:11px;line-height:1.7;color:var(--muted);margin-top:25px}.b2b{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#171c25;color:#fff}.b2b .eyebrow{color:#80a9ff}.b2b h2 em{color:#80a9ff}.b2bcopy>p:not(.eyebrow){line-height:1.8;color:#adb5c4;max-width:460px}.steps{margin-top:40px}.steps div{display:flex;gap:25px;padding:18px 0;border-bottom:1px solid #ffffff20;font-size:13px}.steps b{color:#80a9ff}form{background:#fff;border-radius:10px;padding:30px;color:var(--ink)}form h3{font-size:24px;letter-spacing:-.5px;margin-bottom:25px}label{display:block;font-size:11px;font-weight:600;margin-bottom:16px}input,select,textarea{display:block;width:100%;border:1px solid #d9dee6;background:#fafbfc;padding:12px;border-radius:5px;margin-top:8px;font-size:13px;color:var(--ink)}textarea{resize:vertical}.pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.consent{display:flex;gap:10px;font-size:10px;line-height:1.5;font-weight:400}.consent input{width:16px;margin:0;flex-shrink:0}form .btn{width:100%}form>small{display:block;font-size:10px;color:var(--muted);text-align:center;margin-top:14px}.company{display:grid;grid-template-columns:1fr 1fr;gap:8%}.company p{line-height:1.8;color:var(--muted);font-size:14px}.company .large{font-size:23px;line-height:1.5;color:var(--ink);margin-top:0}.pillars{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:30px;padding-top:25px;font-size:11px;line-height:2;color:var(--muted)}.pillars b{color:var(--ink);font-size:14px}.faq{background:#f0f3f7;padding-top:60px}.faq h2{margin-bottom:35px}details{border-bottom:1px solid #ccd2db;padding:22px 0}summary{cursor:pointer;font-size:15px}details p{max-width:750px;color:var(--muted);font-size:14px;line-height:1.7}footer{background:#10141b;color:#fff;padding:50px 6%;display:grid;grid-template-columns:1fr 1fr;gap:20px}footer b{font-size:35px;letter-spacing:1px}footer p{font-size:12px;line-height:1.8;color:#a4adbb}footer a{color:#80a9ff;font-size:14px}footer small{grid-column:1/-1;color:#7c8798;border-top:1px solid #ffffff20;padding-top:25px;font-size:10px}dialog{border:0;border-radius:14px;width:min(620px,94vw);padding:30px;max-height:90vh;box-shadow:0 30px 100px #0004}dialog::backdrop{background:#101824aa;backdrop-filter:blur(5px)}.modalhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.modalhead h2{font-size:28px;letter-spacing:-1px}.close{background:#eef1f5;border:0;border-radius:50%;width:32px;height:32px}dialog form{padding:20px 0 0}.item{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line);align-items:center}.item input{width:65px;margin:0}.item button{border:0;background:transparent;color:#a03030}.item small{display:block;color:var(--muted)}#total{font-size:22px;font-weight:700;margin-top:20px}#sendInfo{font-size:12px;line-height:1.6}.itemName{flex:1}@keyframes float{50%{transform:translateX(-50%) translateY(-10px) rotate(-1deg)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}@media(max-width:800px){.top span{display:none}header{padding:12px 5%;gap:10px}.brand{width:145px;flex-shrink:0}.brand img{width:180px;top:-29px;left:-13px}nav>a:not(.navcta){display:none}nav{gap:0}.navcta{font-size:10px}.cartbtn{font-size:0;padding:7px}.cartbtn b{font-size:12px;margin:0}.hero{grid-template-columns:1fr}.herocopy{padding:45px 6% 30px}.heroart{min-height:490px}.heroPhoto{top:65px;width:255px;height:360px;background-size:2022px 1349px;background-position:-613px -114px}.orbit{top:40px;left:calc(50% - 200px);width:400px;height:400px}.floating{bottom:40px}.artbottom{bottom:15px}.heronote{margin-top:30px}.strip{overflow:auto;justify-content:start;white-space:nowrap}.section{padding:55px 6%}.heading{display:block}.heading>p{margin-top:25px}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.productvisual{height:240px}.productinfo{padding:15px}.productinfo h3{font-size:20px}.price{font-size:21px}.b2b,.company{grid-template-columns:1fr;gap:35px}form{padding:22px}.pillars{gap:15px}.filters button{padding:10px 14px}.crop{transform:scale(.9)}footer{grid-template-columns:1fr}.hero h1{font-size:50px}}@media(max-width:430px){.grid{grid-template-columns:1fr 1fr}.productvisual{height:210px}.crop{transform:scale(.76)}.price{font-size:18px}.add{width:32px;height:32px}.pair{grid-template-columns:1fr;gap:0}.actions .btn{width:100%}.navcta{max-width:85px}.productinfo p{font-size:10px}}

/* Tight source-image framing preserves product identity. */
.brand img{width:200px;left:-11px;top:-20px}.crop{width:135px;height:195px}.heroPhoto{width:260px;height:390px;background-size:2560px 1708px;background-position:-804px -164px}@media(max-width:800px){.brand img{width:160px;left:-9px;top:-14px}.heroPhoto{width:260px;height:390px;background-size:2560px 1708px;background-position:-804px -164px}}

/* Individual product photographs from the supplied ZINDAQA website. */
.productvisual{background:#f3f4f6}.crop{width:100%;height:100%;transform:none;padding:32px 18px 12px}.crop img{position:static;width:100%;height:100%;object-fit:contain;max-width:100%;mix-blend-mode:multiply}.heroPhoto{width:85%;height:480px;top:90px;background:url("assets/123-5.png") center/contain no-repeat;box-shadow:none;mix-blend-mode:multiply}.orbit{background:#d7e2fb}.tag{z-index:1}@media(max-width:800px){.heroPhoto{width:80%;height:390px;top:50px;background:url("assets/123-5.png") center/contain no-repeat}.crop{transform:none}}@media(max-width:430px){.crop{transform:none;padding:34px 8px 10px}}

.crop{position:relative;padding:0;overflow:hidden;border-radius:0;flex:none}.crop img{position:absolute;max-width:none;width:var(--iw);height:var(--ih);left:var(--ix);top:var(--iy);object-fit:fill}.productvisual{background:#f0f0f0}.heroPhoto{width:250px;height:480px;background:none;overflow:hidden;border-radius:0;mix-blend-mode:multiply}.heroPhoto img{position:absolute;width:225%;height:116.884%;max-width:none;left:-83.75%;top:-5.844%}.location{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;border-top:1px solid var(--line)}.location address{font-style:normal;line-height:1.8;margin:28px 0;font-size:18px}.location iframe{width:100%;height:400px;border:0;border-radius:12px;background:#e8edf4}@media(max-width:800px){.location{grid-template-columns:1fr;gap:25px}.heroPhoto{width:203px;height:390px;background:none}.productvisual .crop{transform:scale(.8)}}@media(max-width:430px){.productvisual .crop{transform:scale(.65)}}
