/* Haroon Al Oud — refined warm editorial palette, typography and hero */
/* Brand history collection */
.haroon-hikayat-head{text-align:center;max-width:800px;margin:12px auto 35px}.haroon-hikayat-head h1{font-size:clamp(30px,4vw,48px);color:#38271b;margin:8px 0 12px}.haroon-hikayat-head p{color:#766351;font-size:15px;line-height:2}.haroon-hikayat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.haroon-hikayat-card{padding:32px;background:#fffcf7;border:1px solid #e8dccb;border-radius:11px;display:flex;flex-direction:column}.haroon-hikayat-card h2{font-size:22px;line-height:1.55;margin:8px 0 12px;color:#3c291b}.haroon-hikayat-card p{font-size:14px;color:#726252;line-height:2;flex:1}.haroon-hikayat-kicker{font-size:11px;color:#aa8351;font-weight:800}.haroon-hikayat-read{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#735032!important;font-weight:800;margin-top:14px}.haroon-post-meta{font-size:12px;color:#947b63;margin:0 0 25px}.haroon-post-figure img{border-radius:9px;width:100%;height:auto}.haroon-story-intro{font-size:18px!important;font-weight:700;color:#755333!important;line-height:2.1!important;background:#f7eee2;border-right:3px solid #ad8554;padding:19px 23px;border-radius:5px}.haroon-post-body small{font-size:12px;color:#786b60}.haroon-post-body p{margin:0 0 18px}@media(max-width:780px){.haroon-hikayat-grid{grid-template-columns:1fr;gap:11px}.haroon-hikayat-card{padding:23px}.haroon-hikayat-card h2{font-size:19px}.haroon-story-intro{font-size:15px!important;padding:13px 16px}}

:root{--ivory:#f8f4ed;--cream:#f5ede1;--paper:#fcf9f3;--espresso:#211b16;--brown:#3c2d21;--gold:#b99158;--gold-light:#ddc39a;--border:rgba(115,86,51,.16);--shadow:0 9px 24px rgba(57,41,25,.055)}
body.haroon-site{font-family:'Cairo','IBM Plex Sans Arabic',sans-serif;background:#f8f4ed;color:#392c22}
.haroon-home,.haroon-page-main,.haroon-woo-main{background:#f8f4ed!important}
.haroon-patterned:before{opacity:.045!important}
.haroon-all-categories,.haroon-chapter,.haroon-more-collections{background:#f8f4ed!important}
.haroon-category,.haroon-product,.haroon-future-category,.haroon-woo-main ul.products li.product{background:#fcfaf6!important;border-color:#e9dfd1!important;box-shadow:0 8px 20px rgba(62,42,25,.045)!important}
.haroon-category-img,.haroon-product-photo{background:#f4ede3}
.haroon-add,.haroon-woo-main ul.products li.product .button{background:#725036!important;color:#fff!important;font-weight:800!important;letter-spacing:0;transition:background .2s}
.haroon-add:hover,.haroon-woo-main ul.products li.product .button:hover{background:#4c3425!important}
.haroon-sale,.haroon-woo-main ul.products li.product .onsale{background:#7f7051!important;color:#fff!important;border-radius:7px!important;padding:5px 11px!important;font-size:11px!important;font-weight:800!important;border:0!important;min-height:0!important;line-height:1.6!important}
.haroon-product-title{font-size:14px;line-height:1.55;height:auto;min-height:25px;max-height:44px;font-weight:800;color:#35271c;-webkit-line-clamp:2}
.haroon-mini-kind{font-size:11px;line-height:1.65;color:#72675d;min-height:35px;max-height:36px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:4px 0 8px}
.haroon-product-details{display:flex;flex-direction:column;min-height:159px}
.haroon-product-price{margin-top:auto}
.haroon-loop-subtitle{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:33px;padding:0 12px;font-size:11px;line-height:1.55;color:#73695d}
.haroon-woo-main ul.products li.product h2.woocommerce-loop-product__title{min-height:27px!important;max-height:50px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:3px!important}
.haroon-chapter-heading{align-items:center}
.haroon-chapter-intro{font-size:13px;color:#736356;line-height:1.8;margin:4px 0 0;font-weight:600}
.haroon-story-slide{display:flex!important;align-items:stretch;flex-direction:row;position:absolute!important;inset:0;overflow:hidden;background:#f3e9da!important;color:#302319!important;text-shadow:none!important}
.haroon-hero-images{background:#f3e9da!important}
.haroon-hero-images .haroon-slides{height:clamp(450px,40vw,610px)!important;aspect-ratio:auto!important}
.haroon-story-visual{position:absolute;right:0;top:0;bottom:0;width:49%;overflow:hidden;background:#dfcdb2}
.haroon-story-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,transparent 78%,#f3e9da 100%);pointer-events:none}
.haroon-story-visual img.haroon-story-image{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.haroon-story-copy{position:relative;z-index:2;width:57%;margin-right:auto;padding:clamp(28px,5vw,78px) clamp(30px,6vw,95px) clamp(55px,5vw,72px) 20px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:linear-gradient(270deg,#f3e9da 66%,rgba(243,233,218,0) 100%)}
.haroon-story-eyebrow{font-size:13px;letter-spacing:.02em;color:#8b663d;font-weight:800;margin-bottom:13px}
.haroon-story-copy h1{font-size:clamp(35px,4.4vw,70px)!important;line-height:1.32!important;color:#312217!important;font-weight:800!important;margin:0 0 7px!important;text-shadow:none!important}
.haroon-story-copy h2{font-size:clamp(20px,2.5vw,35px);line-height:1.5;font-weight:800;color:#6e4d30;margin:0 0 13px;max-width:540px}
.haroon-story-copy p{font-size:clamp(13px,1.18vw,16px);line-height:2;color:#605143;max-width:485px;margin:0 0 24px;font-weight:600}
.haroon-story-cta{display:inline-flex;gap:12px;align-items:center;justify-content:center;background:#6d4d34!important;border:1px solid #6d4d34;color:#fff!important;font-size:14px;font-weight:800;padding:12px 29px;border-radius:5px;min-height:48px}
.haroon-story-cta:hover{background:#473022!important}
.haroon-hero-images .haroon-slider-dots{z-index:5;bottom:16px!important}
.haroon-hero-images .haroon-slider-dots button{height:9px!important;width:9px!important;border:1px solid #6c533c!important;background:rgba(107,83,60,.15)!important}
.haroon-hero-images .haroon-slider-dots button.is-active{background:#6c533c!important;width:25px!important;border-radius:8px!important}
.haroon-about-lead{background:#f4eadc;border:1px solid #e3d0b4;border-radius:12px;padding:32px 34px;margin:0 0 30px}
.haroon-about-lead h2{font-size:clamp(25px,3vw,36px)!important;color:#3e281b!important;margin:0 0 12px!important;line-height:1.5}
.haroon-about-lead p{color:#625040;line-height:2;font-size:15px;max-width:730px;margin:0}
.haroon-about-signature{color:#8c683e!important;font-weight:800;letter-spacing:.02em;margin-bottom:12px!important}
.haroon-about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:25px 0}
.haroon-about-tile{padding:23px 19px;background:#fffaf3;border:1px solid #e7d9c6;border-radius:10px}
.haroon-about-tile strong{display:block;font-size:17px;margin-bottom:7px;color:#49301f}
.haroon-about-tile span{display:block;font-size:13px;line-height:1.9;color:#766350}
.haroon-about-storylink{margin:25px 0 10px;padding:23px;background:#f6ecde;border-right:3px solid #9f7a4d;border-radius:7px}
.haroon-about-storylink h2{font-size:21px;margin:0 0 8px}.haroon-about-storylink p{line-height:1.9}
.haroon-post-layout{max-width:890px;margin:0 auto}
.haroon-post-tag{font-size:12px;color:#997449;font-weight:800}
.haroon-post-layout h1{font-size:clamp(29px,4vw,43px);line-height:1.6;margin:12px 0;color:#3c2819}
.haroon-post-body{font-size:16px;line-height:2.15;color:#4b4035}.haroon-post-body h2{font-size:24px;margin-top:34px;color:#513622}.haroon-post-body a{color:#79542f!important;text-decoration:underline!important}
.haroon-post-footer{border-top:1px solid #e4d5be;margin-top:30px;padding-top:18px;font-size:13px}
.haroon-post-footer a{color:#79542f!important}
@media(max-width:780px){
 .haroon-hero-images .haroon-slides{height:600px!important;aspect-ratio:auto!important}
 .haroon-story-slide{flex-direction:column!important}
 .haroon-story-visual{height:51%;bottom:auto;left:0;right:0;width:100%}
 .haroon-story-visual:after{background:linear-gradient(0deg,#f3e9da,transparent 46%)}
 .haroon-story-copy{position:absolute;bottom:0;left:0;right:0;width:100%;height:56%;margin:0;padding:16px 24px 44px;justify-content:flex-end;background:linear-gradient(0deg,#f3e9da 83%,rgba(243,233,218,0) 100%)}
 .haroon-story-eyebrow{font-size:11px;margin-bottom:5px}
 .haroon-story-copy h1{font-size:33px!important;margin-bottom:4px!important}
 .haroon-story-copy h2{font-size:20px;line-height:1.45;margin-bottom:7px}
 .haroon-story-copy p{font-size:12px;line-height:1.75;margin-bottom:12px;max-width:100%}
 .haroon-story-cta{padding:9px 23px;min-height:42px;font-size:12px}
 .haroon-hero-images .haroon-slider-dots{bottom:10px!important}
 .haroon-mini-kind{font-size:10px}
 .haroon-about-lead{padding:22px 18px}
 .haroon-about-grid{grid-template-columns:1fr;gap:9px}
 .haroon-about-tile{padding:16px}
 .haroon-chapter-intro{font-size:11px}
 .haroon-product-details{min-height:150px}
}
@media(max-width:390px){
 .haroon-hero-images .haroon-slides{height:565px!important}
 .haroon-story-visual{height:47%}
 .haroon-story-copy{height:60%;padding-inline:18px}
 .haroon-story-copy h1{font-size:29px!important}
 .haroon-story-copy h2{font-size:18px}
 .haroon-story-copy p{font-size:11px}
}
/* Header: true overlay on homepage, sticky navigation on every page */
body.haroon-site{--haroon-header-height:78px}
body.haroon-site .haroon-header{position:sticky!important;top:0;left:0;right:0;width:100%;z-index:250;transition:background-color .2s ease,box-shadow .2s ease}
body.haroon-site.home .haroon-header{
 margin-bottom:calc(-1 * var(--haroon-header-height));
 background:linear-gradient(180deg,rgba(24,19,15,.67) 0%,rgba(24,19,15,.28) 100%)!important;
 box-shadow:none!important;border-bottom:1px solid rgba(255,255,255,.13)
}
body.haroon-site.home .haroon-header:before{opacity:0!important}
body.haroon-site.home.haroon-header-scrolled .haroon-header{
 background:rgba(29,23,18,.97)!important;
 box-shadow:0 7px 22px rgba(31,21,14,.18)!important;border-bottom-color:rgba(217,183,135,.2)
}
body.haroon-site.home .haroon-hero-images{position:relative;z-index:0}
body.haroon-site.home .haroon-hero-images .haroon-slides{height:clamp(490px,42vw,635px)!important}
/* Use the full-resolution original uploaded to WordPress, without a lower-res srcset crop. */
body.haroon-site.home .haroon-story-visual img.haroon-story-image{
 display:block;width:100%;height:100%;object-fit:cover;object-position:center;
 image-rendering:auto;filter:contrast(1.045) saturate(1.045);transform:none!important;backface-visibility:visible
}
body.haroon-site.home .haroon-story-copy{padding-top:max(92px,6.5vw)}
body.haroon-site.home .haroon-header .haroon-brand img{filter:none}
@media(max-width:780px){
 body.haroon-site{--haroon-header-height:72px}
 body.haroon-site.home .haroon-hero-images .haroon-slides{height:clamp(615px,145vw,680px)!important}
 body.haroon-site.home .haroon-story-visual{height:57%!important}
 body.haroon-site.home .haroon-story-visual:after{background:linear-gradient(0deg,#f3e9da 0%,rgba(243,233,218,0) 32%)!important}
 body.haroon-site.home .haroon-story-copy{height:52%!important;padding-top:8px;padding-bottom:46px;background:linear-gradient(0deg,#f3e9da 82%,rgba(243,233,218,0) 100%)}
}
@media(max-width:430px){
 body.haroon-site{--haroon-header-height:66px}
 body.haroon-site.home .haroon-hero-images .haroon-slides{height:630px!important}
 body.haroon-site.home .haroon-story-visual{height:56%!important}
 body.haroon-site.home .haroon-story-copy{height:53%!important}
}
/* Responsive full-bleed hero: becomes active only after all six new attachments are present. */
body.haroon-site.home .haroon-hero--responsive{isolation:isolate;background:#2a1a10!important}
body.haroon-site.home .haroon-hero--responsive .haroon-slides{height:clamp(550px,43vw,690px)!important}
body.haroon-site.home .haroon-hero--responsive .haroon-story-slide{background:#2a1a10!important;color:#fff!important}
body.haroon-site.home .haroon-hero--responsive .haroon-story-visual{inset:0!important;position:absolute!important;width:100%!important;height:100%!important;overflow:hidden;background:#2a1a10}
body.haroon-site.home .haroon-hero--responsive .haroon-story-visual picture{display:block;position:absolute;inset:0;width:100%;height:100%}
body.haroon-site.home .haroon-hero--responsive .haroon-story-visual img.haroon-story-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;filter:none!important;transform:none!important}
body.haroon-site.home .haroon-hero--responsive .haroon-story-visual:after{content:"";background:linear-gradient(270deg,rgba(22,12,7,.81) 0%,rgba(22,12,7,.56) 40%,rgba(22,12,7,.13) 100%)!important;z-index:1}
body.haroon-site.home .haroon-hero--responsive .haroon-story-copy{position:relative;z-index:2;box-sizing:border-box;width:min(640px,63%);height:100%!important;max-width:none;margin:0;padding:120px 5vw 70px 30px!important;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:transparent!important;text-shadow:0 2px 10px rgba(0,0,0,.18)!important}
body.haroon-site.home .haroon-hero--responsive .haroon-story-copy h1{color:#fff6e7!important;font-size:clamp(34px,4.25vw,62px)!important}
body.haroon-site.home .haroon-hero--responsive .haroon-story-copy h2{color:#f5dfb9!important}
body.haroon-site.home .haroon-hero--responsive .haroon-story-copy p{color:#fff2df!important}
body.haroon-site.home .haroon-hero--responsive .haroon-story-eyebrow{color:#f6d6a1!important}
body.haroon-site.home .haroon-hero--responsive .haroon-story-cta{background:#a57846!important;border-color:#b98d5c!important;color:#fff!important}
body.haroon-site.home .haroon-hero--responsive .haroon-slider-dots button{border-color:rgba(255,246,230,.8)!important;background:rgba(255,246,230,.25)!important}
body.haroon-site.home .haroon-hero--responsive .haroon-slider-dots button.is-active{background:#f3d5a1!important}
@media(max-width:780px){
 body.haroon-site.home .haroon-hero--responsive .haroon-slides{height:clamp(610px,163vw,750px)!important;aspect-ratio:auto!important}
 body.haroon-site.home .haroon-hero--responsive .haroon-story-visual{inset:0!important;width:100%!important;height:100%!important}
 body.haroon-site.home .haroon-hero--responsive .haroon-story-visual img.haroon-story-image{object-position:center 40%}
 body.haroon-site.home .haroon-hero--responsive .haroon-story-visual:after{background:linear-gradient(0deg,rgba(20,10,5,.97) 0%,rgba(20,10,5,.82) 23%,rgba(20,10,5,.07) 70%)!important}
 body.haroon-site.home .haroon-hero--responsive .haroon-story-copy{position:absolute;inset:auto 0 0 0;width:100%;height:auto!important;min-height:0;padding:105px 23px 53px!important;justify-content:flex-end;align-items:flex-start;background:transparent!important}
 body.haroon-site.home .haroon-hero--responsive .haroon-story-copy h1{font-size:clamp(27px,7vw,35px)!important}
 body.haroon-site.home .haroon-hero--responsive .haroon-story-copy h2{font-size:clamp(17px,4.5vw,22px);line-height:1.5}
 body.haroon-site.home .haroon-hero--responsive .haroon-story-copy p{font-size:12px;line-height:1.8}
 body.haroon-site.home .haroon-hero--responsive .haroon-story-eyebrow{font-size:11px}
}
@media(max-width:390px){
 body.haroon-site.home .haroon-hero--responsive .haroon-slides{height:640px!important}
 body.haroon-site.home .haroon-hero--responsive .haroon-story-copy{padding:105px 18px 53px!important}
}