/*
Theme Name: Frandiss Global
Description: English and Arabic furniture collections, trade enquiries and first-party channel reporting.
Version: 1.0.0
Author: Frandiss
Requires PHP: 7.4
*/
:root{--ink:#252b27;--paper:#f7f5ef;--cream:#ebe7de;--green:#2d493d;--gold:#a08a64;--line:#d8d8ce;--muted:#667066}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.1}h1{font-size:clamp(42px,5.4vw,82px);letter-spacing:-2px}h2{font-size:clamp(34px,4vw,58px);letter-spacing:-1px}h3{font-size:22px;font-weight:400;line-height:1.3}p{color:var(--muted)}.wrap{max-width:1440px;margin:auto;padding-inline:5vw}.eyebrow{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--green);margin-bottom:18px}.topline{background:var(--green);color:#f8f6ef;text-align:center;padding:7px 16px;font-size:11px;letter-spacing:1px}.header{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.header-inner{height:94px;display:flex;align-items:center;gap:40px}.brand{font-family:Georgia,serif;font-size:35px;font-weight:bold;line-height:1}.brand small{display:block;font-family:Arial,sans-serif;font-size:8px;font-weight:400;letter-spacing:4px;text-align:center;margin-top:10px}.nav{display:flex;gap:27px;margin-inline-start:auto;font-size:12px}.nav a:hover,.footer a:hover{color:var(--gold)}.nav a.active{border-bottom:1px solid var(--green)}.tools{display:flex;align-items:center;gap:20px;font-size:12px}.lang{border-inline-start:1px solid var(--line);padding-inline-start:20px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:18px;border:1px solid var(--green);background:var(--green);color:white;padding:13px 24px;font-size:12px;letter-spacing:.5px;cursor:pointer;transition:background .2s}.btn:hover{background:#1d362a}.btn.light{border-color:#fff;background:#fff;color:var(--ink)}.btn.outline{background:transparent;color:var(--green)}.btn.outline:hover{background:var(--cream)}.textlink{display:inline-flex;align-items:center;gap:18px;border-bottom:1px solid currentColor;padding-bottom:5px;font-size:12px}.menu{display:none;background:transparent;border:1px solid var(--line);padding:7px 12px}.hero{position:relative;min-height:620px;height:calc(100vh - 130px);max-height:860px;background:#38332b;color:white;overflow:hidden}.hero>img{height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,22,16,.72),rgba(12,22,16,.18) 65%,rgba(12,22,16,.05))}.hero-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:1440px;padding-block:60px}.hero h1{max-width:690px}.hero .eyebrow{color:#ddd6c2}.hero p{color:#e5e4dc;max-width:430px;margin:24px 0 32px;font-size:15px}.hero-bottom{position:absolute;bottom:26px;left:5vw;right:5vw;z-index:2;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#eee}.bar{display:grid;grid-template-columns:repeat(3,1fr);padding-block:24px;border-bottom:1px solid var(--line);font-size:11px;text-align:center;letter-spacing:1px}.bar div+div{border-inline-start:1px solid var(--line)}.section{padding-block:90px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px}.section-head p{max-width:390px}.intro{max-width:800px;font-size:18px;margin:25px 0 35px}.collections{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.collection-img{overflow:hidden;aspect-ratio:4/5;background:var(--cream)}.collection-img img{height:100%;object-fit:cover;transition:transform .5s}.collection:hover img{transform:scale(1.035)}.collection-info{border-bottom:1px solid var(--line);padding-block:23px;display:flex;justify-content:space-between;align-items:center}.collection-info p{font-size:12px;margin-top:8px}.arrow{font-size:25px}.split{display:grid;grid-template-columns:1.1fr 1fr;gap:7vw;align-items:center}.split.reverse{grid-template-columns:1fr 1.1fr}.split>img{height:520px;object-fit:cover}.split p{margin:24px 0}.dark{background:var(--green);color:#fff}.dark p{color:#d7dfd7}.dark .eyebrow{color:#c8c8ad}.dark .textlink{color:#fff}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.feature{border-top:1px solid var(--line);padding-top:25px}.feature .num{font-family:Georgia,serif;font-size:34px;color:var(--gold);display:block;margin-bottom:22px}.feature p{margin-top:16px;font-size:14px}.cta{padding-block:70px;background:var(--cream)}.cta-inner{display:flex;justify-content:space-between;gap:40px;align-items:center}.cta h2{max-width:680px}.page-head{padding-block:65px 45px}.page-head p{max-width:660px;margin-top:23px}.breadcrumb{font-size:11px;color:var(--muted);margin-bottom:24px}.page-hero{height:520px;object-fit:cover}.filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:35px}.filter a{padding:8px 18px;border:1px solid var(--line);font-size:12px}.filter a.active{background:var(--green);color:white;border-color:var(--green)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 25px}.product .image{aspect-ratio:4/3;overflow:hidden;background:var(--cream)}.product img{height:100%;object-fit:cover;transition:transform .5s}.product:hover img{transform:scale(1.03)}.product small{display:block;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);font-size:10px;margin:18px 0 7px}.product h3{font-family:Georgia,serif;font-size:24px}.product .textlink{margin-top:14px}.detail{display:grid;grid-template-columns:1.25fr 1fr;gap:6vw;padding-block:40px 70px;align-items:start}.detail>img{width:100%;height:auto;max-height:720px;object-fit:contain}.detail h1{font-size:48px}.detail p{margin:22px 0}.specs{border-top:1px solid var(--line);margin:25px 0}.specs div{display:grid;grid-template-columns:130px 1fr;gap:18px;border-bottom:1px solid var(--line);padding:13px 0;font-size:12px}.specs span{color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:12px}.note{font-size:11px!important}.catalogue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.catalogue-card{background:var(--cream);padding:30px}.catalogue-card img{height:240px;object-fit:cover;margin-bottom:25px}.catalogue-card p{margin:15px 0 25px;font-size:13px}.form-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding-bottom:80px}.contact-detail{margin:25px 0}.contact-detail small{display:block;text-transform:uppercase;font-size:10px;letter-spacing:1.5px;color:var(--muted);margin-bottom:8px}.contact-detail a{font-size:16px;overflow-wrap:anywhere}.form{background:var(--cream);padding:35px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:6px;font-size:12px}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;padding:12px;border:1px solid #c4c8bc;background:var(--paper);color:var(--ink);border-radius:0}.field textarea{resize:vertical;min-height:140px}.consent{display:flex;gap:10px;margin-block:20px;font-size:11px;align-items:flex-start}.consent input{margin-top:4px}.form-status{margin-top:15px;font-size:13px}.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.faq{max-width:900px;margin:auto}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-size:16px}.faq p{padding-top:15px;font-size:14px}.prose{max-width:850px;padding-bottom:80px}.prose h2{font-size:30px;margin:35px 0 20px}.prose p{margin-bottom:18px}.footer{background:#202e25;color:#fff;padding-block:60px 25px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:45px}.footer p{color:#b4c0b6;font-size:12px;margin-top:25px;max-width:300px}.footer h3{font-size:11px;text-transform:uppercase;letter-spacing:1.6px;margin-bottom:20px}.footer a:not(.brand){display:block;color:#bfc8c1;font-size:12px;margin:9px 0;overflow-wrap:anywhere}.footer-bottom{border-top:1px solid #455048;margin-top:45px;padding-top:22px;display:flex;justify-content:space-between;color:#aeb9b1;font-size:10px}.float-wa{position:fixed;bottom:25px;inset-inline-end:25px;z-index:60;background:var(--green);color:white;box-shadow:0 3px 18px #0002;padding:13px 20px;border-radius:50px;font-size:12px;display:flex;gap:9px;align-items:center}.float-wa svg{width:19px;height:19px}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:20px;background:#fff;padding:10px;z-index:100}.search{display:flex;gap:12px;margin-bottom:30px}.search input{padding:10px 15px;border:1px solid var(--line);background:#fff;flex:1;min-width:0}.empty{padding:60px;text-align:center;border:1px solid var(--line)}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] .serif{font-family:Tahoma,Arial,sans-serif;line-height:1.4;letter-spacing:0}[dir=rtl] .eyebrow{letter-spacing:.4px}[dir=rtl] .hero:after{background:linear-gradient(270deg,rgba(12,22,16,.72),rgba(12,22,16,.18) 65%,rgba(12,22,16,.05))}[dir=rtl] .hero h1{font-size:clamp(38px,4.5vw,70px)}[dir=rtl] .arrow{transform:scaleX(-1)}
@media(max-width:1050px){.header-inner{gap:20px}.nav{gap:15px}.tools .btn{display:none}.hero{min-height:560px}.footer-grid{gap:25px}.split{gap:35px}.split>img{height:420px}}
@media(max-width:760px){.wrap{padding-inline:6vw}.header-inner{height:78px;justify-content:space-between}.brand{font-size:29px}.brand small{font-size:7px}.menu{display:block}.tools{margin-inline-start:auto;gap:12px}.lang{padding-inline-start:0;border:0}.nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:25px 6vw;flex-direction:column;gap:20px;border-bottom:1px solid var(--line);margin:0}.nav.open{display:flex}.hero{min-height:580px;height:75vh;max-height:760px}.hero h1{font-size:49px;max-width:500px}.hero-content{padding-bottom:100px}.hero p{max-width:320px}.hero-bottom{left:6vw;right:6vw;font-size:8px}.bar{font-size:9px;padding-inline:2vw}.section{padding-block:55px}.section-head{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:30px}.collections{grid-template-columns:1fr;gap:35px}.collection-img{aspect-ratio:4/3}.split,.split.reverse{grid-template-columns:1fr;gap:30px}.split>img{height:360px}.features{grid-template-columns:1fr;gap:30px}.cta-inner{flex-direction:column;align-items:flex-start;gap:25px}.product-grid{grid-template-columns:repeat(2,1fr);gap:30px 15px}.product h3{font-size:20px}.page-head{padding-block:42px 30px}.page-hero{height:320px}.detail{grid-template-columns:1fr;gap:30px}.detail h1{font-size:36px}.form-section{grid-template-columns:1fr;gap:35px}.form{padding:25px}.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.catalogue-grid{grid-template-columns:1fr}.catalogue-card img{height:260px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{gap:15px;flex-direction:column}.float-wa{bottom:16px;inset-inline-end:16px;font-size:11px;padding:10px 15px}.search{flex-wrap:wrap}.filter{gap:8px}.filter a{font-size:11px;padding:7px 12px}}
.page-hero{overflow:hidden}.page-hero img{width:100%;height:100%;object-fit:cover}.search select{border:1px solid var(--line);background:var(--paper);padding:10px 15px}.form button:disabled{opacity:.6;cursor:wait}
.skip{left:auto;inset-inline-start:15px;top:10px;width:1px;height:1px;clip-path:inset(50%);white-space:nowrap;overflow:hidden}.skip:focus{left:auto;inset-inline-start:15px;width:auto;height:auto;clip-path:none}.hp{left:auto;inset-inline-start:0;clip-path:inset(50%)}.hero h1{max-width:790px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}