@font-face{font-family:Tajawal;src:url('assets/tajawal-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Tajawal;src:url('assets/tajawal-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Tajawal;src:url('assets/tajawal-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Tajawal;src:url('assets/tajawal-800.ttf') format('truetype');font-weight:800;font-display:swap}
:root{--paper:#f7f8f5;--ink:#183b39;--muted:#72817c;--teal:#0c5956;--mint:#e9f0e9;--line:#dfe5de;--lime:#d8ed9b;--white:#fff;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tajawal,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}svg{display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}button:focus-visible,a:focus-visible{outline:3px solid #25847d;outline-offset:5px}input:focus-visible{outline:none}[hidden]{display:none!important}.wrap{max-width:1328px;margin-inline:auto;padding-inline:48px}.skip-link{position:fixed;top:-60px;right:20px;padding:10px 20px;background:var(--teal);color:white;z-index:10}.skip-link:focus{top:10px}
.site-header{background:rgba(247,248,245,.95);border-bottom:1px solid var(--line)}.header-inner{height:100px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:49px;height:49px;display:grid;place-items:center;border-radius:14px;background:var(--teal);color:var(--lime);transform:rotate(-4deg)}.brand-mark svg{width:32px;height:32px;stroke:none;transform:rotate(4deg)}.brand-name{font-size:27px;line-height:1;font-weight:800}.brand-name>span{display:block;margin-top:9px;font-family:Arial,sans-serif;font-size:9px;font-weight:500;letter-spacing:4px}.header-caption{display:flex;align-items:center;gap:21px;font-size:14px;color:#71817b}.header-caption b{font-family:Arial,sans-serif;font-size:17px;letter-spacing:2.3px;font-weight:800;color:var(--teal)}.header-divider{height:18px;width:1px;background:#cdd8ce}
.intro{display:flex;justify-content:space-between;align-items:center;padding:53px 0 40px;gap:20px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--teal);font-size:13px;font-weight:700}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:#83a965}.intro h1{font-size:52px;line-height:1.25;letter-spacing:-1.9px;margin:12px 0 12px;font-weight:800}.intro h1>span{color:var(--teal)}.intro h1>.title-dot{color:#a2b964;padding-inline-start:2px}.intro p{margin:0;color:#64746a;font-size:16px}.collection-stamp{display:flex;gap:18px;align-items:center;padding:23px 26px;border:1px solid var(--line);border-radius:14px;position:relative;min-width:257px;background:#f0f3ec}.collection-stamp>span{font-family:Arial,sans-serif;font-size:49px;line-height:1;font-weight:400;letter-spacing:-3px}.collection-stamp>div{font-weight:700;font-size:17px;line-height:1.5}.collection-stamp small{font-size:12px;font-weight:400;color:#748278}.collection-stamp>svg{width:28px;height:28px;color:#9db1a0;margin-inline-start:13px;stroke-width:1}
.catalog-controls{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:23px 24px 19px;box-shadow:0 3px 5px #183b3902}.controls-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.search-field{height:51px;background:#f5f7f3;border:1px solid #e7ebe3;border-radius:9px;display:flex;align-items:center;gap:12px;padding:0 16px;width:460px;max-width:100%;transition:border-color .2s,box-shadow .2s}.search-field:focus-within{border-color:#4c9185;box-shadow:0 0 0 3px #0c595610}.search-field>svg{height:21px;width:21px;flex-shrink:0;color:#5e7f73}.search-field input{background:none;border:0;width:100%;min-width:0;height:100%;color:var(--ink);font-size:15px;padding-top:3px}.search-field input::placeholder{color:#717e73}.search-field input::-webkit-search-cancel-button{display:none}.search-clear{border:0;background:#e5ebe3;color:#537067;width:25px;height:25px;line-height:1;font-size:23px;border-radius:50%;flex-shrink:0;padding:0 0 2px}.browse-label{display:flex;align-items:center;gap:8px;color:#87948a;font-size:13px}.browse-label svg{width:16px;height:16px;stroke-width:1.2}.filters{display:flex;gap:8px;overflow:auto;scrollbar-width:none;padding:3px 2px 4px;margin:-3px -2px -4px}.filters::-webkit-scrollbar{display:none}.filter{border:1px solid transparent;background:transparent;white-space:nowrap;flex-shrink:0;padding:9px 16px 7px;border-radius:7px;font-size:14px;font-weight:500;color:#6d7e74;transition:background .2s,color .2s}.filter:hover{background:#f0f4ec;color:var(--teal)}.filter.active{background:var(--teal);color:white;font-weight:700}.filter>span{font-size:11px;padding:2px 6px 0;background:#ffffff20;border-radius:4px;margin-inline-start:5px}
.catalog{padding-top:29px;min-height:400px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px;padding:0 2px}.section-heading h2{font-size:19px;font-weight:700;margin:0}.section-heading p{font-size:13px;color:#849087;margin:0}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.product-card{position:relative;border:1px solid var(--line);background:var(--white);border-radius:var(--radius);overflow:hidden;transition:transform .22s,border-color .22s,box-shadow .22s;text-align:right;display:flex;flex-direction:column;padding:0;width:100%;appearance:none;box-shadow:0 2px 5px #173b3902}.product-card:hover{transform:translateY(-4px);border-color:#adc5b8;box-shadow:0 12px 25px #173b3909}.product-visual{aspect-ratio:1.22;position:relative;display:flex;align-items:center;justify-content:center;background:white;overflow:hidden;padding:25px 21px 18px;width:100%}.product-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 80%,#f5f7f22b);pointer-events:none}.product-visual img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}.product-card:hover .product-visual img{transform:scale(1.045)}.expand-icon{position:absolute;left:13px;top:13px;width:29px;height:29px;background:#f6f8f3;border-radius:50%;display:grid;place-items:center;color:#658877;opacity:0;transition:opacity .2s}.expand-icon svg{height:13px;width:13px}.product-card:hover .expand-icon,.product-card:focus-visible .expand-icon{opacity:1}.product-info{width:100%;padding:19px 20px 22px;border-top:1px solid #eef1eb;flex:1;display:flex;flex-direction:column;align-items:flex-start;background:#ffffff}.product-code{font-family:Consolas,'Courier New',monospace;font-size:12px;line-height:1.5;letter-spacing:.6px;color:#4b7b6e;background:#edf4ed;border:1px solid #e6eee3;display:inline-block;border-radius:4px;padding:3px 7px 2px;font-weight:500}.product-info h3{margin:12px 0 5px;font-size:18px;line-height:1.55;font-weight:700;color:#24413a}.product-info p{margin:0;color:#647267;font-size:13px;line-height:1.8;font-weight:400}.empty-state{text-align:center;padding:65px 15px 75px}.empty-state>svg{width:44px;height:44px;margin:0 auto 20px;color:#92a99a}.empty-state h3{margin:0 0 8px;font-size:23px}.empty-state p{margin:0 0 20px;color:var(--muted)}.empty-state button{border:0;border-radius:8px;padding:10px 20px;background:var(--teal);color:white}.noscript{padding:30px;text-align:center}
footer{margin-top:63px;border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;padding:27px 0 30px;font-size:12px;color:#8b978d}.footer-brand{font-size:19px;font-weight:800;color:var(--teal);display:flex;align-items:center;gap:9px}.footer-brand span{font:8px Arial,sans-serif;letter-spacing:2px;color:#8c9d8b}.footer-end{margin-inline-start:auto;font:9px Arial,sans-serif;letter-spacing:2px;color:#99a595}
.product-dialog{border:1px solid #dbe4d7;border-radius:24px;padding:0;width:min(92vw,590px);max-height:90dvh;overflow:auto;background:white;box-shadow:0 30px 120px #073d3033;color:var(--ink)}.product-dialog::backdrop{background:#102f2be0;backdrop-filter:blur(7px)}.dialog-close{position:absolute;z-index:2;top:18px;left:18px;display:grid;place-items:center;border:1px solid #dce4d8;background:#f4f7f1;border-radius:50%;height:39px;width:39px}.dialog-close svg{width:19px;height:19px}.dialog-image{height:330px;max-height:43dvh;display:flex;align-items:center;justify-content:center;padding:50px 45px 25px;background:white}.dialog-image img{width:100%;height:100%;object-fit:contain}.dialog-info{padding:22px 32px 27px;border-top:1px solid #edf1e9}.dialog-info h2{margin:16px 0 8px;font-size:27px;line-height:1.45}.dialog-info p{color:#748171;margin:0;font-size:16px}.dialog-nav{border-top:1px solid var(--line);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;background:#f7f9f3}.dialog-nav button{border:0;background:none;display:flex;align-items:center;gap:5px;font-size:14px;padding:5px}.dialog-nav button:disabled{opacity:.25;cursor:default}.dialog-nav svg{width:19px;height:19px}.dialog-nav>span{color:#91a088;font:12px Arial,sans-serif}.back-top{position:fixed;bottom:24px;left:24px;background:var(--teal);color:var(--lime);border:1px solid #ffffff60;border-radius:50%;box-shadow:0 5px 20px #12493830;width:46px;height:46px;display:grid;place-items:center;z-index:3}.back-top svg{width:22px;height:22px}body.modal-open{overflow:hidden}
@media(min-width:1500px){.wrap{max-width:1450px}.product-visual{aspect-ratio:1.3}}
@media(max-width:1100px){.wrap{padding-inline:32px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.filter{padding-inline:12px}.collection-stamp{min-width:230px}.intro h1{font-size:46px}}
@media(max-width:760px){.wrap{padding-inline:22px}.header-inner{height:81px}.brand-mark{height:42px;width:42px;border-radius:12px}.brand-mark svg{width:27px;height:27px}.brand-name{font-size:24px}.brand-name>span{font-size:8px;letter-spacing:3px;margin-top:7px}.header-caption{font-size:12px;gap:12px}.header-caption b{font-size:14px;letter-spacing:1.5px}.header-divider{height:14px}.intro{padding:35px 0 29px;align-items:flex-end}.intro h1{font-size:40px;letter-spacing:-1.5px}.intro p{font-size:14px;max-width:245px;line-height:1.8}.eyebrow{font-size:11px;gap:7px}.collection-stamp{min-width:0;background:none;border:0;border-radius:0;padding:0 0 5px;gap:7px;flex-direction:column;align-items:center}.collection-stamp>span{font-size:37px;letter-spacing:-2px}.collection-stamp>div{font-size:12px;font-weight:500}.collection-stamp small,.collection-stamp>svg{display:none}.catalog-controls{padding:17px 15px 14px;border-radius:13px}.controls-top{margin-bottom:14px}.search-field{width:100%;height:47px;gap:9px;padding-inline:13px}.search-field input{font-size:14px}.search-field>svg{width:18px;height:18px}.browse-label{display:none}.filters{gap:5px;scroll-padding-right:2px}.filter{padding:8px 13px 7px;font-size:12px}.filter>span{font-size:10px;padding-inline:5px}.catalog{padding-top:25px}.section-heading{margin-bottom:15px}.section-heading h2{font-size:17px}.section-heading p{font-size:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.product-card{border-radius:12px}.product-visual{padding:24px 13px 17px;aspect-ratio:1.07}.product-info{padding:14px 13px 16px}.product-info h3{font-size:16px;line-height:1.6;margin:10px 0 5px}.product-code{font-size:10.5px;letter-spacing:.3px;padding:3px 6px 2px}.product-info p{font-size:12px;line-height:1.8}.expand-icon{opacity:1;width:23px;height:23px;left:9px;top:9px;background:#f5f7f2b0}.expand-icon svg{width:11px;height:11px}.product-card:hover{transform:none}.product-card:hover .product-visual img{transform:none}footer{margin-top:39px;padding:23px 0;gap:10px;justify-content:space-between}.footer-brand{font-size:17px}.footer-brand span{display:none}footer>span{font-size:11px}.footer-end{display:none}.dialog-info{padding:20px 24px 26px}.dialog-info h2{font-size:24px}.dialog-info p{font-size:15px}.dialog-image{height:320px;padding:52px 25px 24px}.product-dialog{border-radius:19px;width:calc(100vw - 30px)}.back-top{width:42px;height:42px;bottom:18px;left:18px}}
@media(max-width:380px){.wrap{padding-inline:15px}.header-caption{gap:8px}.intro h1{font-size:35px}.intro p{font-size:13px;max-width:225px}.product-grid{gap:10px}.product-info{padding:12px 11px 14px}.product-info h3{font-size:15px}.product-info p{font-size:11.5px}.collection-stamp>span{font-size:31px}.search-field input{font-size:13px}.header-caption{font-size:10px}}
.site-footer{gap:40px;justify-content:space-between;align-items:center;padding-block:32px}.footer-summary{flex-shrink:0}.footer-summary p{margin:8px 0 0;color:#718075;font-size:12px}.footer-contact{font-style:normal;display:flex;align-items:center;justify-content:flex-end;gap:44px}.contact-location{display:flex;align-items:center;gap:13px}.contact-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#eaf0e5;color:var(--teal);flex-shrink:0}.contact-icon svg{width:22px;height:22px}.footer-contact small{display:block;font-size:12px;line-height:1.4;font-weight:400;color:#718075;margin-bottom:5px}.footer-contact strong{display:block;font-size:17px;font-weight:700;line-height:1.4;color:var(--ink)}.whatsapp-contact{display:flex;align-items:center;gap:13px;background:var(--teal);color:white;padding:14px 19px;border-radius:12px;min-width:246px;transition:background .2s,transform .2s}.whatsapp-contact:hover{background:#074b48;transform:translateY(-2px)}.whatsapp-contact small{color:#d9eadc;font-size:11px}.whatsapp-contact strong{color:white;font:700 20px Arial,sans-serif;letter-spacing:.8px}.whatsapp-icon{width:29px;height:29px;stroke-width:1.5;color:var(--lime);flex-shrink:0}.contact-arrow{height:18px;width:18px;margin-inline-start:auto;color:#d8ed9b}
@media(max-width:950px){.site-footer{gap:22px}.footer-contact{gap:24px}.whatsapp-contact{min-width:220px;padding-inline:15px}.footer-contact strong{font-size:16px}.whatsapp-contact strong{font-size:19px}}
@media(max-width:760px){.site-footer{display:block;padding-block:26px 34px}.footer-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.footer-summary p{margin:0;font-size:11px}.footer-contact{display:flex;flex-direction:column;align-items:stretch;gap:21px}.contact-location{gap:12px}.footer-contact strong{font-size:17px}.whatsapp-contact{width:100%;min-width:0;padding:16px 18px;gap:14px}.whatsapp-contact strong{font-size:21px}.whatsapp-contact small{font-size:12px}.contact-arrow{height:20px;width:20px}.whatsapp-contact:hover{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}