:root{--navy:#080b12;--ink:#182032;--muted:#747b89;--line:#e7eaf0;--blue:#4658ed;--pink:#ed278d;--green:#139c56;--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font-family:Tahoma,Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button{cursor:pointer}button{border:1px solid var(--line);background:white;color:var(--ink);padding:10px 16px;border-radius:8px}button:hover{border-color:#a4abc8}svg{height:22px;width:22px;flex-shrink:0;vertical-align:middle}i[data-icon]{display:inline-flex;align-items:center;justify-content:center;font-style:normal}button:disabled{opacity:.5;cursor:default}.announcement{background:#111725;color:#b1bacb;font-size:9px;display:flex;align-items:center;justify-content:space-between;padding:7px 6%;direction:ltr;letter-spacing:1.7px}.announcement>span:last-child{display:flex;align-items:center;gap:5px;letter-spacing:0;direction:rtl}.announcement svg{width:12px;height:12px}header{background:var(--navy);color:white;position:sticky;top:0;z-index:6;border-bottom:1px solid #ffffff15}.header-inner{margin:auto;padding:0 6%;height:90px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:18px}.brand img{width:153px;height:70px;object-fit:cover}.brand>span{font-size:10px;color:#a3acbf;padding-right:18px;border-right:1px solid #ffffff29}nav{display:flex;gap:30px;font-size:12px;color:#d1d7e5}nav a{padding:28px 0}nav a:hover{color:#b8baff}.header-actions{display:flex;align-items:center;gap:15px}.icon-button{display:flex;align-items:center;justify-content:center;border:0;color:white;background:none;position:relative;padding:7px}.enquiry-button{gap:9px;font-size:10px}.enquiry-button b{position:absolute;right:0;top:-3px;background:var(--pink);border:2px solid var(--navy);min-width:19px;height:19px;border-radius:20px;font-size:9px;line-height:15px}.header-whatsapp{color:#52d993;border-right:1px solid #ffffff24;padding-right:18px}.hero{position:relative;height:650px;max-height:calc(100svh - 100px);min-height:560px;background:#080b12;overflow:hidden;color:white}.hero-image{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(270deg,#080b12 0%,#080b12e8 24%,#080b1270 43%,#080b1200 64%),linear-gradient(0deg,#080b12,transparent 25%)}.hero-content{position:relative;padding:65px 6%;width:51%;height:100%;z-index:1}.eyebrow{font-size:10px;letter-spacing:2.8px;color:#aeb8d0;direction:ltr;display:inline-flex;align-items:center;gap:10px}.eyebrow b{width:22px;height:2px;background:var(--pink)}h1{font-size:68px;font-weight:700;line-height:1.17;letter-spacing:-2px;margin:24px 0}h1 em{font-style:normal;color:#8c93ff}.hero-content p{font-size:14px;color:#c1c8d9;margin:0 0 28px;line-height:2}.hero-buttons{display:flex;align-items:center;gap:24px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:var(--blue);color:white;border:1px solid var(--blue);border-radius:7px;font-size:12px;font-weight:bold;padding:14px 23px;transition:background .2s}.primary:hover{background:#3545d0}.primary svg{width:18px;height:18px}.hero-contact{display:inline-flex;align-items:center;gap:9px;font-size:12px;color:#e3e6ee}.hero-contact svg{color:#6fe9ab;width:22px;height:22px}.hero-bottom{position:absolute;bottom:25px;inset-inline:6%;display:flex;align-items:center;justify-content:space-between;z-index:1;direction:ltr;font-size:10px;color:#a7b1c4}.hero-bottom>span:first-child{letter-spacing:4px}.hero-bottom>span:last-child{direction:rtl}.hero-bottom b{font-weight:400;color:var(--pink);padding:0 10px}.section{padding:65px 6%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.section-kicker{font-size:11px;color:var(--blue);font-weight:bold;display:block;margin-bottom:7px}h2{font-size:31px;line-height:1.5;letter-spacing:-.7px;margin:0}.section-heading>p{font-size:12px;color:var(--muted);margin:0 0 5px}.collections{background:#f5f7fb}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.collection{display:flex;align-items:center;gap:17px;padding:23px 20px;text-align:right;background:#fff;border:1px solid #e8ebf2;border-radius:10px;box-shadow:0 5px 20px #14214603;transition:transform .2s,box-shadow .2s}.collection:hover{transform:translateY(-3px);box-shadow:0 9px 25px #1421460d;border-color:#b1b9f4}.category-icon{height:53px;width:53px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;color:#5869c5;background:#eef0fc}.category-icon svg{height:30px;width:30px;stroke-width:1.4}.collection:nth-child(2) .category-icon{color:#b33a8b;background:#fcf0f8}.collection:nth-child(3) .category-icon{color:#298d9a;background:#eaf7f8}.collection:nth-child(4) .category-icon{color:#59677e;background:#edf1f5}.collection strong{display:block;font-size:13px}.collection small{color:#8b93a2;font-size:9px}.collection>.mini-arrow{margin-right:auto;color:#adb5c6}.mini-arrow svg{width:16px;height:16px}.catalog-note{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.live-dot{height:6px;width:6px;background:#26a679;border-radius:50%}.catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.search{display:flex;align-items:center;gap:13px;padding:12px 17px;background:#f5f7fa;border:1px solid #e4e8ef;border-radius:8px;width:min(540px,70%);color:#6e778c}.search input{border:0;background:transparent;width:100%;min-width:0;font-size:12px;color:var(--ink);outline:none}.search:focus-within{border-color:#a9b1f7;box-shadow:0 0 0 3px #4658ed0b}.search svg{width:20px;height:20px}.sort{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--muted)}.sort select{padding:12px 15px;border:1px solid var(--line);background:#fff;color:#424b5f;border-radius:8px;font-size:11px}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px;padding-bottom:20px;border-bottom:1px solid var(--line)}.filters{display:flex;flex-wrap:wrap;gap:8px}.filters button{border:1px solid transparent;padding:8px 16px;font-size:11px;border-radius:7px;color:#717b8c;background:#f4f5f8}.filters .active{background:#19233a;color:white}.results-meta{font-size:10px;white-space:nowrap;color:#969dac}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}.card{border:1px solid #e9ecf2;border-radius:11px;overflow:hidden;background:#fff;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 10px 30px #1a2a4510;transform:translateY(-3px)}.product-image{height:270px;width:100%;display:block;position:relative;border:0;border-radius:0;background:#f5f5f6;padding:16px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain;transition:transform .25s}.product-image:hover img{transform:scale(1.04)}.badge{position:absolute;top:12px;right:12px;background:#fff;color:#4e6279;font-size:9px;box-shadow:0 2px 12px #0000000c;border:1px solid #e6eaf0;padding:3px 9px;border-radius:4px}.card-info{padding:15px}.card-info small{color:#8791a2;font-size:9px}.card h3{font-size:13px;font-weight:700;line-height:1.7;min-height:43px;margin:5px 0 14px}.card-bottom{padding-top:12px;border-top:1px solid #eef0f5;display:flex;justify-content:space-between;align-items:center;gap:5px}.card-bottom>span{font-size:10px;color:#6f788a}.add{height:31px;width:31px;border:0;border-radius:7px;background:#edf0fe;color:var(--blue);display:grid;place-items:center;padding:6px}.add svg{width:17px;height:17px}.add.selected{background:#e9f7f0;color:#168d55}.empty{text-align:center;padding:60px 20px;color:var(--muted)}.empty[hidden]{display:none}.empty>i svg{width:40px;height:40px}.empty h3{color:var(--ink)}.how{background:#f7f8fb;border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:35px}.steps article{display:flex;gap:16px}.step-icon{flex-shrink:0;background:#e9edfc;color:#5364d6;border-radius:50%;width:49px;height:49px;display:grid;place-items:center}.step-icon.green{color:#17975d;background:#e6f5ec}.steps small{color:#8993a6;font-size:9px}.steps h3{font-size:14px;margin:5px 0}.steps p{font-size:11px;color:var(--muted);margin:0;max-width:250px}.contact{background:radial-gradient(ellipse at 10% 80%,#202449 0,transparent 65%),var(--navy);color:white;display:grid;grid-template-columns:1fr 1fr;gap:80px;overflow:hidden}.contact h2{font-size:43px;line-height:1.6;margin:15px 0}.contact h2 em{font-style:normal;color:#9a9fff}.contact p{font-size:13px;color:#a9b3c8;line-height:2}.whatsapp-cta{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:14px 23px;border-radius:7px;background:#159756;color:#fff;font-size:12px;font-weight:bold;margin-top:17px;border:1px solid #1caa64}.whatsapp-cta:hover{background:#117a46}.whatsapp-cta svg{height:23px;width:23px}.contact-detail{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;border-right:1px solid #ffffff15}.outline-word{font-family:Arial,sans-serif;font-style:italic;font-size:100px;font-weight:900;line-height:.95;letter-spacing:-5px;color:transparent;-webkit-text-stroke:1px #ffffff25;direction:ltr;margin-bottom:25px}.contact-location{display:flex;align-items:center;gap:7px;font-size:12px;color:#b2bad0}.contact-location svg{width:16px;height:16px}.contact-detail>a{margin-top:8px;font-size:20px;letter-spacing:2px}footer{padding:25px 6% 20px;background:#080b12;color:#8590a5;border-top:1px solid #ffffff15}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid #ffffff12}.footer-brand{display:flex;align-items:center;gap:20px}.footer-brand img{width:120px;height:65px;object-fit:cover}.footer-brand span{font-size:10px}.footer-top>div{display:flex;gap:25px;font-size:11px}.footer-top a>i{margin-left:5px}.footer-top a>i svg{width:17px;height:17px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:9px;padding-top:18px}.whatsapp-float{position:fixed;left:23px;bottom:24px;z-index:7;display:flex;align-items:center;gap:11px;direction:ltr;filter:drop-shadow(0 5px 12px #0002)}.whatsapp-float>i{background:#18ab61;width:57px;height:57px;border:3px solid #fff;border-radius:50%;color:#fff}.whatsapp-float svg{width:31px;height:31px}.whatsapp-float>span{background:white;border:1px solid #e1e7ec;border-radius:8px;color:#26334a;padding:8px 12px;font-size:10px;direction:rtl}.whatsapp-float:hover>i{background:#108f4f}dialog{background:white;color:var(--ink);border:1px solid #dce1ec;border-radius:15px;padding:35px;width:min(760px,92vw);max-height:90svh;overflow:auto}dialog::backdrop{background:#080b12bd;backdrop-filter:blur(7px)}.close{position:absolute;left:13px;top:13px;padding:5px;background:#f5f6fa;border:1px solid #e6eaf0;display:grid;place-items:center;width:33px;height:33px;z-index:2}.close svg{width:18px;height:18px}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px}.detail-image{width:100%;height:340px;object-fit:contain;background:#f4f5f7;border-radius:9px}.detail-copy{padding-top:16px}.detail-copy h2{font-size:23px;margin:10px 0}.detail-copy>small{font-size:10px;color:#8a94a8;direction:ltr;display:block;text-align:right}.detail-copy p{font-size:12px;color:var(--muted);line-height:1.9}.detail-copy .primary,.detail-copy .whatsapp-cta{width:100%;margin-top:10px}.detail-copy .primary{gap:10px}.muted{font-size:12px;color:var(--muted)}.small{font-size:10px}.row{display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding:15px 0;font-size:12px}.row img{width:55px;height:65px;object-fit:contain;background:#f5f6f8;border-radius:5px}.row>span{flex:1}.row small{display:block;font-size:9px;color:#8992a3}.row button{font-size:10px;padding:7px;color:#a95050}.row button svg{width:16px;height:16px}#listDialog .whatsapp-cta{width:100%;display:flex;margin-top:25px}#sendWhatsApp[hidden]{display:none}#copyList{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:10px;font-size:11px}#copyList svg{width:17px;height:17px}#toast{position:fixed;bottom:95px;left:50%;transform:translateX(-50%);z-index:10;background:#17263f;color:white;padding:12px 23px;border-radius:9px;font-size:12px;display:none;max-width:92vw;box-shadow:0 8px 30px #0002;text-align:center}textarea{width:100%;min-height:150px;font:inherit;font-size:12px;margin-top:20px}@media(min-width:1650px){body{max-width:1800px;margin:auto}.hero{height:760px;max-height:none}.hero-content{padding-top:90px}h1{font-size:85px}.product-image{height:340px}}@media(max-width:1100px){.brand>span{display:none}nav{gap:20px}.hero-content{width:55%}.hero{height:600px}h1{font-size:60px}.collection{padding:19px 14px;gap:12px}.category-icon{width:43px;height:43px}.collection strong{font-size:11px}.collection small{font-size:8px}.product-image{height:230px;padding:12px}.card-info{padding:12px}.card h3{font-size:12px}.card-bottom>span{font-size:9px}}@media(max-width:800px){.header-inner{height:76px;padding:0 5%}nav{gap:16px;font-size:10px}.brand img{width:125px;height:65px}.header-actions{gap:9px}.enquiry-button>span{display:none}.header-whatsapp{padding-right:11px}.hero{min-height:540px;height:580px;max-height:none}.hero-content{width:60%;padding:60px 5%}.hero-shade{background:linear-gradient(270deg,#080b12 0,#080b12e6 27%,#080b1260 58%,transparent 85%),linear-gradient(0deg,#080b12,transparent 30%)}h1{font-size:55px}.hero-buttons{gap:17px}.hero-contact{font-size:10px}.primary{padding:12px 17px;gap:18px;font-size:11px}.section{padding:45px 5%}.collection-grid{grid-template-columns:repeat(2,1fr)}.collection{padding:20px}.category-icon{height:48px;width:48px}.collection strong{font-size:13px}.collection small{font-size:9px}.products{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}.product-image{height:220px}.steps{gap:22px}.steps article{gap:12px}.steps h3{font-size:12px}.step-icon{width:39px;height:39px}.steps p{font-size:10px}.contact{gap:30px}.contact h2{font-size:34px}.outline-word{font-size:80px}.contact-detail>a{font-size:16px}h2{font-size:26px}.section-heading>p{font-size:11px}}@media(max-width:600px){.announcement{padding:6px 5%;font-size:8px;letter-spacing:1px}.header-inner{height:71px}.brand img{width:122px;height:61px}.header-actions{gap:14px}.header-whatsapp{border:0;padding:0}.header-whatsapp svg{width:26px;height:26px}.search-shortcut{display:none}nav{display:none}.hero{height:690px;min-height:0;max-height:none}.hero-image{height:360px;top:auto;bottom:25px;object-fit:cover;object-position:17% 55%;width:100%;transform:scale(1.06)}.hero-shade{background:linear-gradient(180deg,#080b12 0%,#080b12 38%,#080b1250 57%,transparent 67%,#080b12 97%)}.hero-content{width:100%;padding:28px 6%}.eyebrow{font-size:8px;letter-spacing:2px}h1{font-size:49px;margin:17px 0 13px;line-height:1.18;letter-spacing:-1px}h1 br:first-of-type{display:none}h1 br:first-of-type:after{content:' '}.hero-content p{font-size:12px;margin-bottom:21px;line-height:1.9}.hero-buttons{gap:20px}.primary{font-size:11px;padding:12px 18px;gap:20px}.hero-contact{font-size:11px}.hero-bottom{bottom:19px;inset-inline:6%;font-size:8px}.hero-bottom>span:first-child{font-size:7px;letter-spacing:2px}.hero-bottom b{padding:0 5px}.section{padding:35px 5%}.section-heading{align-items:start;gap:9px;flex-direction:column;margin-bottom:23px}.section-kicker{font-size:9px;margin-bottom:7px}h2{font-size:25px;letter-spacing:-.5px}.section-heading>p{font-size:10px}.collections{padding-top:29px}.collection-grid{gap:10px}.collection{padding:15px 12px;gap:10px;border-radius:9px}.category-icon{width:37px;height:39px;border-radius:9px}.category-icon svg{width:25px;height:25px}.collection strong{font-size:10px}.collection small{font-size:7px}.mini-arrow svg{width:12px;height:12px}.catalog-tools{flex-wrap:wrap;gap:12px;margin-bottom:18px}.search{width:100%;padding:11px 14px}.search input{font-size:11px}.sort{margin-right:auto;font-size:9px}.sort select{font-size:10px;padding:9px 10px}.filter-row{align-items:start;flex-direction:column;gap:12px;margin-bottom:20px;padding-bottom:15px}.filters{gap:6px}.filters button{padding:7px 11px;font-size:9px}.results-meta{font-size:9px}.catalog-note{font-size:9px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.product-image{height:205px;padding:10px}.badge{font-size:7px;right:8px;top:8px;padding:3px 7px}.card-info{padding:11px}.card-info small{font-size:8px}.card h3{font-size:11px;min-height:39px;line-height:1.8;margin-bottom:10px}.card-bottom{gap:5px;padding-top:10px}.card-bottom>span{font-size:8px}.add{width:27px;height:27px;padding:5px}.add svg{width:15px;height:15px}.steps{grid-template-columns:1fr;gap:24px;margin-top:25px}.steps article{gap:17px}.step-icon{width:43px;height:43px}.steps h3{font-size:13px}.steps small{font-size:8px}.steps p{font-size:11px;max-width:none}.contact{grid-template-columns:1fr;gap:30px}.contact h2{font-size:34px;margin:13px 0}.contact p{font-size:11px}.contact-detail{border-right:0;border-top:1px solid #ffffff18;padding-top:25px;align-items:flex-start}.outline-word{display:none}.contact-location{font-size:11px}.contact-detail>a{font-size:19px}.whatsapp-cta{padding:12px 20px;font-size:11px}.whatsapp-float{bottom:17px;left:16px}.whatsapp-float>i{width:55px;height:55px}.whatsapp-float>span{display:none}footer{padding:20px 5% 85px}.footer-top{gap:20px;align-items:flex-start}.footer-brand{flex-direction:column;align-items:start;gap:0}.footer-brand img{width:110px;height:55px}.footer-brand span{font-size:8px}.footer-top>div{flex-direction:column;gap:11px;font-size:10px;padding-top:8px}.footer-bottom{flex-direction:column;gap:9px;font-size:8px}.detail-layout{grid-template-columns:1fr;gap:10px}.detail-image{height:280px}.detail-copy{padding-top:5px}.detail-copy h2{font-size:22px}dialog{padding:25px 20px}.detail-copy p{font-size:12px}#toast{bottom:90px;font-size:11px;min-width:210px}.row{font-size:11px}#listDialog h2{font-size:25px}.small{font-size:9px}}@media(max-width:360px){.hero{height:650px}h1{font-size:43px}.collection{gap:7px;padding:13px 9px}.category-icon{width:32px;height:34px}.collection strong{font-size:9px}.product-image{height:180px}.card-bottom>span{font-size:7px}.hero-bottom>span:first-child{display:none}.hero-bottom{justify-content:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
