/* Al Areeq — editorial collection, second edition */
:root{--green:#173c32;--ink:#18372f;--cream:#faf9f3;--gold:#e6bb66;--muted:#69766b;--line:#e0e4d8}body{background:var(--cream)}::selection{background:#e5bc6b;color:#18382d}.topbar{background:#102d27;height:30px;font-size:9px;letter-spacing:2.1px}header{height:93px;background:#faf9f3f2;padding:0 4.2%;border-bottom:0;box-shadow:0 1px 0 #203e2b12}header nav{gap:34px;font-size:12px}.brand-logo{width:218px}header .button{border-radius:30px}.bag{font-size:11px}.bag span{background:#e9ebdf}.button{border-radius:30px;padding:17px 27px;font-size:12px;letter-spacing:.2px;box-shadow:0 5px 15px #14382908}.button span{display:inline-block;transition:transform .25s}.button:hover span{transform:translate(3px,-3px)}.button.small{padding:13px 23px}.wrap{max-width:1440px;padding-left:5.5%;padding-right:5.5%}.hero.wrap{max-width:none;margin:8px 22px 0;padding:76px 5% 80px;min-height:695px;grid-template-columns:1.08fr 1fr;gap:0;border-radius:24px;background:radial-gradient(ellipse at 80% 25%,#365343 0,transparent 45%),linear-gradient(120deg,#102c25,#173a2d 60%,#233d2f);color:#f9f8ec;isolation:isolate;overflow:hidden}.hero-grain{position:absolute;inset:0;z-index:-1;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' filter='url(%23n)' opacity='.55' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.hero h1{font-size:clamp(53px,5.05vw,87px);line-height:1.08;letter-spacing:-.047em;max-width:730px}.hero em{color:#e4c785}.hero .eyebrow{font-size:9px;letter-spacing:2.4px;color:#d2d9c2;margin-bottom:27px}.hero .eyebrow:before{color:#e6c276}.hero p{color:#c0cbbb;max-width:395px;font-size:13px;line-height:1.9;margin-top:27px}.hero .button{background:#e9c575;border-color:#e9c575;color:#18372e;font-weight:600}.hero .button:hover{background:#f5d692}.hero .text-link{color:#eeeede;border-color:#7a8c70}.hero-actions{gap:30px;margin-top:32px}.hero-note{color:#aebca1;font-size:8px;letter-spacing:1.2px;margin-top:42px}.hero-note span+span{border-color:#5a7058}.hero-visual{height:510px;max-height:none;aspect-ratio:auto;align-self:center;position:relative;z-index:-1;pointer-events:none}.hero-visual:before{border:1px solid #b5c2932e;inset:-15px 0 35px 0;border-radius:50%;transform:rotate(-20deg)}.hero-visual>img{height:100%;width:125%;max-width:none;object-fit:contain;background:transparent;border-radius:0;position:absolute;left:-10%;top:0;filter:drop-shadow(0 30px 23px #06180a70);animation:produceFloat 8s ease-in-out infinite}.hero-orbit{position:absolute;inset:40px -35px 80px 0;border:1px solid #b5c29330;border-radius:50%;transform:rotate(24deg);box-shadow:0 0 0 45px #bacba505,0 0 0 90px #bacba503}.visual-label{position:absolute;right:4%;top:-22px;color:#aabb97;font-size:8px;letter-spacing:3px}.hero-stamp{width:108px;height:108px;top:5px;right:0;background:#d6b468;color:#183528;transform:rotate(14deg);outline:1px solid #d6b468;outline-offset:5px;box-shadow:none;font-size:8px;letter-spacing:1px}.hero-stamp strong{font-size:24px;margin:4px 0}.floating-pick{position:absolute;bottom:-10px;right:10%;display:flex;align-items:center;gap:15px;background:#f9f8efed;border:1px solid #fff8;padding:13px 19px 13px 13px;border-radius:13px;color:#203d2d;backdrop-filter:blur(12px);pointer-events:auto;box-shadow:0 18px 40px #06170d30;transform:rotate(-4deg);transition:transform .3s}.floating-pick:hover{transform:rotate(0) translateY(-5px)}.floating-pick>img{width:62px;height:65px;border-radius:9px}.floating-pick small{display:block;font-size:7px;letter-spacing:1.5px;color:#70816b;margin-bottom:4px}.floating-pick span{font-size:13px;line-height:1.5}.floating-pick b{font-size:24px;font-weight:400;margin-left:7px}.hero-bottom{position:absolute;left:5%;right:5%;bottom:24px;display:flex;justify-content:space-between;border-top:1px solid #b5c29330;padding-top:17px;font-size:8px;letter-spacing:1.6px;color:#b9c5ab}.hero-bottom a span{margin-left:15px;color:#e5be76}.ticker{background:transparent;color:#6c7966;padding:32px 0;border-bottom:1px solid var(--line);margin:0 5%}.ticker-track{font-size:9px;letter-spacing:2.5px;gap:30px}.ticker b{color:#b99c65}.section{padding-top:105px;padding-bottom:105px}.eyebrow{font-size:9px;letter-spacing:2.5px;margin-bottom:20px}.section-head{margin-bottom:45px}h2{font-size:clamp(40px,4.1vw,64px);letter-spacing:-.05em}em{color:#8a9a77}.section-head p{font-size:12px;line-height:1.9}.text-link{font-size:11px}.category-grid{grid-template-columns:repeat(3,1fr);gap:24px}.category-card{position:relative;text-align:left;overflow:hidden;border-radius:15px;background:#eeeee4;min-height:270px;isolation:isolate;transition:transform .35s}.category-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#09251ce8,transparent 75%);z-index:-1}.category-image{aspect-ratio:1.35;border:0;border-radius:0;background:#e9eade;position:relative;z-index:-2;overflow:hidden}.category-image img{height:100%;transition:transform .8s;object-fit:cover}.category-card:hover{transform:translateY(-6px)}.category-card:hover .category-image{transform:none;border:0}.category-card:hover img{transform:scale(1.08)}.category-meta{position:absolute;bottom:23px;left:27px;right:27px;color:#fcfcef}.category-number{font-size:9px;letter-spacing:2px;color:#d4ddb9}.category-card h3{font:28px 'Playfair Display',Georgia,serif;margin:7px 0}.category-card small{font-size:10px;color:#dce4c9}.category-card small b{position:absolute;right:0;bottom:0;display:grid;place-items:center;border:1px solid #fff5;border-radius:50%;width:37px;height:37px;font-size:19px;font-weight:400;transition:background .3s}.category-card:hover small b{background:#e4be73;color:#213a2a;border-color:#e4be73}.featured{background:#eeeee4;border-radius:24px;margin:0 22px}.product-grid{gap:25px}.product-card{padding:10px 10px 20px;background:#fffef8;border:1px solid #e2e5d9;border-radius:16px;transition:transform .3s,box-shadow .3s}.product-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px #203a1810}.product-image{border-radius:10px;background:#f1f1e8}.product-card .tag{font-size:8px;letter-spacing:1.6px;margin:18px 10px 9px}.product-card h3{font-size:15px;line-height:1.5;margin:0 10px;min-height:45px;padding:0;font-weight:500}.product-card .detail-link{margin:15px 10px 0;display:block;border-top:1px solid var(--line);border-bottom:0;padding-top:12px;font-size:10px}.product-card .plus{top:21px;right:21px;width:33px;height:33px;background:#fffef6;box-shadow:0 3px 12px #0001}.story{gap:8%}.story-visual img{border-radius:120px 15px 15px 15px;aspect-ratio:.95}.story-number{border-radius:12px;bottom:22px;left:22px;background:#f9f8eeed;box-shadow:0 15px 35px #0001}.story h2{font-size:clamp(40px,4vw,60px)}.story p{font-size:13px;line-height:1.9}.quality{margin:0 22px;border-radius:24px;background:radial-gradient(ellipse at top right,#3e5340,transparent 70%),#112f27;overflow:hidden;position:relative}.quality:after{content:'AL AREEQ';font-family:Georgia,serif;font-size:170px;letter-spacing:-10px;position:absolute;right:-20px;bottom:-90px;color:#c9d9ad05;pointer-events:none}.quality h2 em{color:#cbbd88}.quality-grid{gap:35px}.quality-grid article{border-color:#74886855}.quality-grid span{font:italic 27px Georgia;color:#c7b476}.quality-grid p{font-size:12px;line-height:1.9}.quote-section blockquote{font-size:36px;line-height:1.5;color:#263e31}.quote-section cite{font-size:11px;letter-spacing:1px;text-transform:uppercase}.quote-dots{margin-top:30px}.quote-dots button{width:7px;height:7px;transition:width .3s}.quote-dots button.active{width:25px;border-radius:6px}.cta{background:radial-gradient(ellipse at right,#ede2bb,transparent 70%),#e9eadc;position:relative;overflow:hidden;border-radius:22px;padding:65px}.cta:after{content:'↗';position:absolute;font-size:310px;color:#8d9c6c12;right:30px;top:-120px;pointer-events:none}.cta h2{font-size:54px}.cta .button{z-index:1}.footer-main{background:#102d27;color:#f0f1df;border-radius:24px 24px 0 0;padding-top:70px;padding-bottom:70px}.footer-main .brand{background:#f8f6ec;padding:10px 15px;border-radius:8px;width:fit-content}.footer-main p{color:#aab9a2;font-size:11px}.footer-main h3{color:#c9bb8c;font-size:9px;letter-spacing:2px}.footer-main>div>a:not(.brand){font-size:11px}.footer-bottom{background:#102d27;border-top:1px solid #ffffff12;color:#a8b49e;padding-top:22px;padding-bottom:22px;font-size:9px}.page-heading{max-width:none;padding:55px 0 45px;border-bottom:1px solid var(--line);margin-bottom:32px;position:relative}.page-heading h1{font-size:clamp(48px,5vw,76px);max-width:1000px}.page-heading p{font-size:13px;line-height:1.9;max-width:590px}.breadcrumbs{font-size:10px;letter-spacing:.3px}.catalog-controls{padding:20px;background:#eeeee4;border-radius:12px}.search{width:450px;background:#fffef8;border:0;border-radius:7px;font-size:12px;padding:15px 18px}.catalog-controls select{background:#fffef8;border:0;font-size:11px;padding:15px}.filter{font-size:10px;padding:10px 20px;border-color:#dbe1d1}.filter.active{box-shadow:0 5px 10px #173c3215}.catalog-count{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;margin:26px 0 20px}.catalog .product-grid{row-gap:25px}.product-detail{gap:7%;padding-top:10px}.product-detail>img{border:12px solid #eeeee4;border-radius:22px;box-shadow:0 20px 50px #233d1a09}.product-detail h1{font-size:clamp(38px,4vw,61px)}.product-detail p{font-size:13px;color:#6d786b}.product-detail .eyebrow{background:#e9eddf;padding:7px 13px;display:inline-block;border-radius:20px;font-size:8px;letter-spacing:1.6px;margin-top:10px}.product-detail .values{font-size:10px;gap:20px}.product-assurance{display:grid;gap:13px;border-bottom:1px solid var(--line);padding:0 0 24px;margin-bottom:25px}.product-assurance span{font:italic 15px Georgia;color:#af975c}.product-assurance b{font:11px 'DM Sans',Arial;color:#66755d;margin-left:14px;font-weight:400}.product-details-body{max-width:950px;margin:0 auto 65px;padding:45px 55px;background:#eeeee4;border-radius:18px;border:1px solid #e2e6d7}.product-details-body h3{font-family:'Playfair Display',Georgia;font-size:28px}.product-details-body p{font-size:12px;line-height:1.95;color:#62725f}.nutrition-line{padding:10px 15px!important;margin:0!important;border-bottom:1px solid #d5ddca;background:#f9f8f0}.team-grid article{padding:30px;border:1px solid #e0e5d6;border-radius:12px;background:#f1f2e8}.team-grid h3{font:25px 'Playfair Display',Georgia}.team-grid small{font-size:8px;letter-spacing:1.2px}.vision-grid article{border-left:1px solid #ccd4be;padding-left:30px}.contact-grid{gap:7%}.contact-info{padding:20px 0}.contact-info small{font-size:8px;color:#81916f;letter-spacing:2px}.contact-info a{font-size:15px}.contact-info p{font-size:12px}.contact-info h3{font:32px 'Playfair Display',Georgia}form{border-radius:18px;background:#edefe3;border:1px solid #e0e5d7;padding:38px}form h3{font:28px 'Playfair Display',Georgia}label{font-size:10px;margin-top:19px}form input,form textarea{border:1px solid #dde2d4;font-size:12px;padding:15px;background:#fffef8;border-radius:7px}form .button{font-size:11px;padding:15px 20px}.faq{margin:auto}.faq details{padding:20px 22px;border:1px solid #e1e5d9;margin:10px 0;border-radius:10px;background:#f6f6ed;transition:background .25s}.faq details[open]{background:#eaf0df}.faq summary{font-size:13px}.faq p{font-size:12px;padding-top:15px}.faq h2{font-size:55px}dialog{border-radius:20px;padding:45px;background:#faf9ef}dialog .eyebrow{font-size:8px}.quote-row{padding-bottom:17px}.quote-row img{border-radius:10px}.quote-row span{font-size:12px}#toast{border-radius:30px;background:#203f30;box-shadow:0 10px 30px #0002}.reveal{animation:premiumReveal .85s both}@keyframes premiumReveal{from{opacity:.25;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes produceFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-13px) rotate(1deg)}}
@media(min-width:1600px){.hero.wrap{padding-left:8%;padding-right:8%;min-height:790px}.hero-visual{height:600px}.hero h1{font-size:88px}.hero-bottom{left:8%;right:8%}}
@media(max-width:1100px){header nav{gap:20px}.hero.wrap{padding:60px 5% 80px;min-height:630px}.hero h1{font-size:57px}.hero-visual{height:420px}.hero-actions{gap:20px}.hero-stamp{width:90px;height:90px}.hero-stamp strong{font-size:21px}.floating-pick{right:0;bottom:0;padding:10px}.floating-pick>img{width:50px;height:50px}.floating-pick span{font-size:11px}.hero-note{font-size:6px;gap:13px}.hero-note span+span{padding-left:13px}.category-card{min-height:230px}.category-card h3{font-size:25px}.category-meta{left:20px;right:20px;bottom:20px}.product-grid{gap:18px}.product-detail{gap:5%}}
@media(max-width:760px){header{height:78px;padding:0 5%}.brand-logo{width:175px}header nav{top:78px}.topbar{font-size:7px;height:27px}.hero.wrap{margin:6px 10px 0;border-radius:18px;padding:42px 7% 67px;grid-template-columns:1fr;gap:10px;min-height:0}.hero h1{font-size:clamp(43px,10.8vw,65px);line-height:1.12;letter-spacing:-.055em}.hero .eyebrow{font-size:7px;letter-spacing:1.8px;margin-bottom:22px}.hero p{font-size:11px;line-height:1.85;margin-top:22px;max-width:450px}.hero-actions{gap:20px;margin:25px 0 0}.hero-actions .button{font-size:10px;padding:14px 18px;gap:18px}.hero .text-link{font-size:10px}.hero-note{font-size:6px;margin-top:27px;letter-spacing:.7px;gap:10px}.hero-note span+span{padding-left:10px}.hero-visual{width:100%;height:320px;margin:28px 0 0;z-index:0}.hero-visual>img{width:116%;left:-8%;height:100%;top:0}.hero-visual:before{inset:0 0 20px}.hero-orbit{inset:30px 0 30px}.visual-label{font-size:6px;top:0;left:5px;right:auto;letter-spacing:1.5px}.hero-stamp{width:75px;height:75px;right:5px;top:0;outline-offset:3px;font-size:5px}.hero-stamp strong{font-size:18px}.floating-pick{right:10px;bottom:0;transform:rotate(-3deg);padding:9px 12px;gap:10px}.floating-pick small{font-size:6px}.floating-pick span{font-size:10px}.floating-pick b{font-size:17px}.hero-bottom{left:7%;right:7%;bottom:18px;font-size:6px;letter-spacing:1px;padding-top:12px}.hero-bottom a span{margin-left:5px}.ticker{padding:23px 0}.ticker-track{font-size:7px;letter-spacing:1.8px;gap:22px}.section{padding-top:65px;padding-bottom:65px}.section-head{margin-bottom:30px;gap:20px}h2{font-size:40px}.section-head p{font-size:11px}.category-grid{grid-template-columns:repeat(2,1fr);gap:12px}.category-card{border-radius:12px;min-height:225px}.category-image{aspect-ratio:.75;height:100%}.category-meta{left:15px;right:15px;bottom:16px}.category-number{font-size:7px}.category-card h3{font-size:22px;line-height:1.2;margin:8px 0}.category-card small{font-size:8px}.category-card small b{width:25px;height:25px;font-size:13px;bottom:-3px}.featured,.quality{margin:0 10px;border-radius:18px}.featured .wrap{padding-left:5%;padding-right:5%}.product-grid{gap:12px}.product-card{border-radius:12px;padding:7px 7px 15px}.product-image{border-radius:8px}.product-card .tag{font-size:6px;letter-spacing:.8px;margin:13px 5px 7px}.product-card h3{font-size:11px;line-height:1.6;min-height:38px;margin:0 5px}.product-card .plus{top:14px;right:14px;width:28px;height:28px;font-size:18px}.product-card .detail-link{font-size:8px;margin:10px 5px 0;padding-top:10px}.story{gap:35px}.story-visual img{aspect-ratio:1.1;border-radius:70px 12px 12px 12px}.story h2{font-size:41px}.story p{font-size:12px}.story-number{padding:15px 20px;left:17px;bottom:17px}.story-number strong{font-size:40px}.story-number span{font-size:8px}.quality-grid{gap:25px}.quality-grid p{font-size:11px}.quality-grid h3{font-size:23px}.quote-section blockquote{font-size:27px}.cta{padding:35px 27px;border-radius:16px;margin-bottom:55px}.cta h2{font-size:40px}.cta p{font-size:12px}.cta:after{font-size:250px;right:-25px;top:-30px}.footer-main{border-radius:18px 18px 0 0;padding:50px 6%;gap:35px 20px}.footer-main .brand-logo{width:190px}.footer-main>div>a:not(.brand){font-size:10px}.footer-main p{font-size:10px}.footer-main h3{font-size:8px}.page-heading{padding:37px 0 30px;margin-bottom:25px}.page-heading h1{font-size:43px}.page-heading p{font-size:12px}.catalog-controls{padding:13px;gap:10px}.search{font-size:11px;padding:13px}.catalog-controls select{font-size:10px;padding:12px}.catalog-count{font-size:8px;letter-spacing:1px}.filters{gap:6px}.filter{padding:8px 12px;font-size:9px}.product-detail{gap:25px;padding-bottom:35px}.product-detail>img{border-width:8px;border-radius:16px}.product-detail h1{font-size:39px;line-height:1.15}.product-detail p{font-size:12px}.product-detail .text-link{margin-left:12px!important}.product-detail .button{font-size:11px;padding:15px 22px}.product-details-body{padding:27px 24px;border-radius:14px}.product-details-body h3{font-size:24px}.product-details-body p{font-size:11px}.nutrition-line{font-size:10px!important}.team-grid{gap:12px}.team-grid article{padding:22px 15px}.team-grid small{font-size:7px;letter-spacing:.6px}.team-grid h3{font-size:22px}.vision-grid article{padding-left:22px}.vision-grid p{font-size:12px}form{padding:25px 22px}.contact-info h3{font-size:29px}.faq h2{font-size:40px}.faq details{padding:17px}.faq summary{font-size:12px}.faq p{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}