@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');:root{--green:#123e31;--green2:#0b3026;--gold:#bd8d37;--cream:#faf7f0;--text:#1b2923}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:'DM Sans',Arial,sans-serif;background:#fffdf9}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.notice{background:var(--green2);color:#f6e5b9;display:flex;align-items:center;justify-content:center;gap:25px;min-height:38px;font-size:12px;letter-spacing:.02em}.notice button{border:0;background:none;color:#fff;font-weight:700}.header{max-width:1320px;margin:auto;padding:20px 35px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-icon{font-size:42px;color:var(--gold)}.brand strong,.footer-brand{font-family:'Playfair Display',Georgia,serif;font-size:35px;color:var(--green)}.brand strong span,.footer-brand span{color:var(--gold)}.brand small,.footer-brand small{display:block;font-size:12px;font-family:'DM Sans',sans-serif;color:#4c564f}.search{border:1px solid #dedbd3;border-radius:40px;display:flex;align-items:center;gap:8px;padding:8px 18px;max-width:410px;width:100%;background:white}.search span{font-size:27px}.search input{width:100%;border:0;outline:0;background:none;font-size:14px}.cart-btn{border:0;background:#f5efe3;border-radius:50px;padding:10px 16px;font-size:22px}.cart-btn span{font-size:12px;background:var(--gold);color:white;border-radius:50%;padding:2px 6px}.nav{background:var(--green);display:flex;justify-content:center;gap:42px;padding:16px;color:#fff;font-size:13px;font-weight:700}.nav a:hover{color:#efc777}.hero{background:linear-gradient(105deg,#f5eee1 0%,#f9f6ef 54%,#e9e3cf 100%);min-height:455px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.hero-copy{padding:76px 20px 70px max(6vw,35px);max-width:710px;z-index:1}.eyebrow,.overline{font-size:11px;letter-spacing:2.2px;color:#a2782e;font-weight:700}.hero h1{font:600 clamp(38px,4.1vw,66px)/1.13 'Playfair Display',Georgia,serif;letter-spacing:-1.5px;color:var(--green);margin:18px 0}.hero h1 em{color:#a87d31;font-weight:500}.hero p{font-size:17px;line-height:1.8;max-width:490px;color:#526057}.primary{display:inline-block;margin-top:20px;background:var(--green);color:white;border-radius:40px;padding:16px 26px;font-weight:700;font-size:14px}.primary:hover{background:#22684f}.hero-art{position:relative;min-height:450px}.halo{position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,#f7e4b2 0%,#e9d3a5 45%,transparent 72%);left:20%;top:1%}.jar{position:absolute;background:linear-gradient(90deg,#8e480b,#e8a529 20%,#c47912 55%,#8b450c);border:8px solid #a65c0f;border-radius:25px 25px 50px 50px;box-shadow:20px 28px 35px #76542244}.jar-front{width:230px;height:265px;left:24%;top:29%}.jar-back{width:160px;height:190px;left:60%;top:38%;filter:brightness(.85)}.lid{position:absolute;top:-24px;left:-10px;right:-10px;height:37px;border-radius:9px;background:linear-gradient(#e9d17d,#ae791c 45%,#f3dc8c 60%,#9e6c1a);border:2px solid #c69a3d}.jar-label{position:absolute;top:25%;left:9%;width:82%;background:#fff6e6;border:3px double #ba913d;border-radius:18px;text-align:center;padding:20px 4px;font:12px Georgia,serif;color:var(--green)}.jar-label b{display:block;font-size:21px;margin:6px 0}.jar-label small{font-size:10px}.jar-back .jar-label{padding:10px 2px}.jar-back .jar-label b{font-size:17px}.honey{position:absolute;bottom:3%;left:12%;font-size:90px;filter:drop-shadow(4px 10px 10px #6d4b2344)}.flower{position:absolute;bottom:5%;right:12%;font-size:110px;color:#f9f6df;text-shadow:0 0 3px #c8b87c}.leaf{position:absolute;font-size:90px;color:#4d7543;right:6%;top:10%}.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:23px 6%;background:#fff;border-bottom:1px solid #eee6d7;text-align:center;font-size:13px;font-weight:700;color:var(--green)}.trust div:first-letter{color:var(--gold);font-size:23px}.section{max-width:1320px;margin:auto;padding:70px 35px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:28px}.section h2,.story h2,.newsletter h2{font:600 38px 'Playfair Display',Georgia,serif;color:var(--green);margin:8px 0}.category-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}.category-card{border:1px solid #ede5d7;background:#faf5eb;border-radius:18px;overflow:hidden;text-align:center;transition:transform .2s}.category-card:hover,.product-card:hover{transform:translateY(-4px)}.category-visual{height:135px;display:grid;place-items:center;background:radial-gradient(circle at 50% 80%,#ead8b5,#faf5eb 68%);font-size:68px}.category-card h3{font:600 16px/1.35 'Playfair Display',Georgia,serif;color:var(--green);padding:0 7px 12px;min-height:52px}.products-section{padding-top:35px}.demo-label{font-size:12px;color:#9d6c26;background:#fbf1df;border-radius:20px;padding:8px 12px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-card{border:1px solid #ece5da;border-radius:18px;overflow:hidden;background:white;transition:transform .2s}.product-art{height:220px;display:grid;place-items:center;background:radial-gradient(circle,#f7e6c7,#f7f2e9 72%);font-size:110px;position:relative}.badge{position:absolute;top:13px;left:13px;background:var(--green);color:white;font-size:11px;border-radius:20px;padding:7px 12px}.product-info{padding:19px}.product-info h3{font:600 20px 'Playfair Display',Georgia,serif;color:var(--green);margin:0 0 8px}.product-info p{font-size:12px;color:#778077;min-height:35px}.product-info .bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.price{font-size:19px;color:var(--green);font-weight:700}.add{background:var(--green);color:white;border:0;border-radius:25px;padding:10px 13px;font-size:12px}.story{background:#f2eadb;display:grid;grid-template-columns:1fr 2fr;gap:50px;align-items:center;padding:70px max(8vw,35px)}.story-mark{font-size:210px;color:#b48c44;text-align:center}.story p{line-height:1.9;max-width:670px;color:#566159}.newsletter{text-align:center;padding:75px 20px}.newsletter p{color:#68736a}.newsletter a{display:inline-block;background:var(--green);color:white;padding:14px 24px;border-radius:30px;margin:14px}.newsletter small{display:block;color:#9a8971}footer{background:var(--green2);color:#e2e5dc;padding:40px 6%;display:flex;justify-content:space-between;gap:20px}footer .footer-brand{color:white}footer .footer-brand small{color:#d4d9d0}footer p{font-size:12px}.overlay{position:fixed;inset:0;background:#0007;z-index:10}.cart-panel{position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);background:#fff;z-index:11;transform:translateX(102%);transition:transform .25s;display:flex;flex-direction:column;box-shadow:-10px 0 30px #0002}.cart-panel.open{transform:translateX(0)}.cart-head{display:flex;justify-content:space-between;align-items:center;padding:22px;border-bottom:1px solid #eee}.cart-head h2{font:600 28px Georgia,serif;color:var(--green);margin:0}.cart-head button{border:0;background:none;font-size:22px}.cart-items{padding:22px;flex:1;overflow:auto}.cart-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding:12px 0;gap:10px}.cart-row button{border:1px solid #ddd;background:white;border-radius:6px;padding:4px 9px}.cart-bottom{padding:22px;border-top:1px solid #eee}.cart-bottom>div{display:flex;justify-content:space-between;margin-bottom:18px}.checkout{width:100%;padding:15px;background:#a6b4ab;border:0;color:white;border-radius:10px;cursor:not-allowed}.cart-bottom small{display:block;margin-top:12px;color:#777;text-align:center}#empty{color:#777}@media(max-width:950px){.category-grid{grid-template-columns:repeat(4,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.nav{gap:17px;flex-wrap:wrap}.hero-copy{padding-left:35px}.jar-front{left:10%}.jar-back{left:57%}}@media(max-width:650px){.header{padding:14px 18px;flex-wrap:wrap}.brand strong{font-size:27px}.brand-icon{font-size:30px}.search{order:3;max-width:none}.nav{gap:16px;padding:13px 10px;font-size:11px}.hero{grid-template-columns:1fr}.hero-copy{padding:50px 25px 15px}.hero h1{font-size:44px}.hero-art{min-height:315px}.halo{width:310px;height:310px;left:18%}.jar-front{width:170px;height:200px;left:27%;top:25%}.jar-back{width:125px;height:155px;left:60%;top:30%}.jar-label{padding:10px 2px}.jar-label b{font-size:15px}.honey{font-size:62px}.flower{font-size:75px}.trust{grid-template-columns:repeat(2,1fr);font-size:11px}.section{padding:48px 18px}.section h2,.story h2,.newsletter h2{font-size:31px}.category-grid{grid-template-columns:repeat(2,1fr)}.category-visual{height:115px}.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.product-art{height:150px;font-size:75px}.product-info{padding:12px}.product-info h3{font-size:16px}.price{font-size:15px}.add{font-size:10px;padding:9px}.story{grid-template-columns:1fr;padding:40px 25px;gap:0}.story-mark{font-size:100px}footer{flex-direction:column}.demo-label{max-width:135px;text-align:center}}

/* MadinahShop V2 — photographic visual identity */
.hero{position:relative;overflow:hidden;min-height:490px;background:linear-gradient(90deg,#f8f3e9 0%,#f8f3e9 41%,#f2eddf 100%)}
.hero-copy{position:relative;z-index:3;max-width:620px}
.hero-photo{position:absolute!important;inset:0 0 0 auto!important;width:62%!important;height:100%!important;display:block!important;overflow:hidden;pointer-events:none}
.hero-photo:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#f8f3e9 0%,rgba(248,243,233,.83) 11%,transparent 42%)}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.category-visual{overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0!important;background:#f3ede3!important}
.category-visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.category-card:hover img{transform:scale(1.06)}
.product-art{position:relative;overflow:hidden;padding:0!important;background:#f6f0e7!important}
.product-art img{width:100%;height:100%;object-fit:cover;display:block}
.product-art .badge{position:absolute;top:12px;left:12px;z-index:2}
.nav{display:flex;gap:clamp(8px,1.5vw,28px);justify-content:center;overflow-x:auto;white-space:nowrap;scrollbar-width:none;padding-inline:16px}
.nav::-webkit-scrollbar{display:none}
.nav a{font-size:clamp(11px,1vw,14px)}
@media(max-width:800px){.hero{min-height:670px;display:flex;align-items:flex-start}.hero-copy{max-width:100%;padding-bottom:280px}.hero-photo{top:auto!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:310px!important}.hero-photo:before{background:linear-gradient(180deg,#f8f3e9 0%,transparent 38%)}.nav{justify-content:flex-start}.hero h1{font-size:clamp(35px,8vw,52px)}}

/* V3: strict separation between live heading and decorative image */
.hero{display:grid!important;grid-template-columns:minmax(0,52%) minmax(0,48%)!important;min-height:510px!important;overflow:hidden!important;background:#f8f3e9!important}
.hero-copy{grid-column:1!important;position:relative!important;z-index:2!important;max-width:none!important;padding:78px 34px 75px max(5.5vw,30px)!important}
.hero h1{font-size:clamp(35px,3.8vw,60px)!important;line-height:1.14!important;overflow-wrap:normal!important}
.hero-photo{grid-column:2!important;position:relative!important;inset:auto!important;width:100%!important;height:100%!important;min-height:510px!important}
.hero-photo:before{display:none!important}
.hero-photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.nav{gap:clamp(9px,1.35vw,24px)!important}
.nav a{font-size:clamp(11px,.9vw,13px)!important}
@media(max-width:850px){.hero{display:flex!important;flex-direction:column!important;min-height:0!important}.hero-copy{padding:48px 25px 35px!important;width:100%!important}.hero-photo{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;height:310px!important;min-height:310px!important}.hero h1{font-size:clamp(36px,8vw,52px)!important}}

/* MadinahShop V4 */
.head-link{font-size:27px;text-decoration:none;color:#123e31;margin-right:14px}.product-info h3 a{color:inherit;text-decoration:none}.product-info h3 a:hover{text-decoration:underline}.bottom{flex-wrap:wrap;gap:10px}.details{font-size:13px;color:#123e31;text-decoration:underline;text-underline-offset:3px}.category-card{transition:transform .2s ease,box-shadow .2s ease}.category-card:hover{transform:translateY(-5px);box-shadow:0 14px 28px #123e3118}.category-card img{transition:transform .3s ease}.category-card:hover img{transform:scale(1.045)}.honey-feature{display:grid;grid-template-columns:1fr 1fr;background:#f4ede0;align-items:center;gap:clamp(20px,5vw,90px);padding:clamp(30px,5vw,80px)}.honey-feature-image img{width:100%;max-height:460px;object-fit:cover;border-radius:22px}.honey-feature-copy h2{font-family:Georgia,serif;color:#123e31;font-size:clamp(30px,4vw,58px);line-height:1.13}.honey-feature-copy p{line-height:1.8;color:#52625a;margin-bottom:30px}.footer-v4{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer-links{display:flex;flex-direction:column;gap:8px}.footer-links a{color:inherit;text-decoration:none;font-size:14px}.footer-links a:hover{text-decoration:underline}.page-wrap{max-width:1200px;margin:auto;padding:55px 24px 90px;min-height:65vh}.breadcrumb{font-size:14px;color:#66736c;margin-bottom:25px}.breadcrumb a{color:#123e31}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:clamp(25px,6vw,90px);align-items:start}.product-detail-image{width:100%;border-radius:22px;object-fit:cover;background:#f6f1e8}.detail-title{font:clamp(34px,4vw,56px)/1.12 Georgia,serif;color:#123e31;margin:12px 0}.detail-price{font-size:30px;font-weight:700;color:#123e31}.detail-note{background:#f5f0e7;padding:16px;border-radius:12px;margin:20px 0;color:#6d5b41}.detail-actions{display:flex;gap:12px;align-items:center;margin:24px 0}.detail-actions input{width:75px;padding:14px;border:1px solid #c9c9c9;border-radius:8px}.detail-actions button{padding:15px 24px;border:0;border-radius:30px;background:#123e31;color:white;cursor:pointer}.detail-actions button:disabled{opacity:.55;cursor:not-allowed}.page-wrap h1{color:#123e31;font:clamp(36px,4vw,56px) Georgia,serif}.page-wrap p{line-height:1.75}.category-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.page-card{background:#fff;border:1px solid #eee5d9;border-radius:18px;overflow:hidden}.page-card img{width:100%;aspect-ratio:1.35;object-fit:cover}.page-card-body{padding:20px}.page-card a{color:#123e31}.page-card h3{font-family:Georgia,serif}.page-card small{display:block;margin:8px 0 15px;color:#69756d}.site-note{background:#fff7e9;padding:14px 18px;border-radius:12px;color:#7b5b2c;margin:25px 0}.legal-placeholder{background:#fff4dc;padding:20px;border-radius:14px;margin:25px 0}
@media(max-width:750px){.honey-feature,.product-detail{grid-template-columns:1fr}.category-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-v4{flex-direction:column}.head-link{display:none}}@media(max-width:450px){.category-page-grid{grid-template-columns:1fr}}