/*
Theme Name: Madar Gold v28 Elementor Editable
Description: Elementor-first editable child theme for Kadence.
Template: kadence
Version: 89.0
Text Domain: madar-gold-v9
*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;500;600;700&family=Vazirmatn:wght@300;400;500;600;700&display=swap");
:root{--font-body:"Vazirmatn",Tahoma,Arial,sans-serif;--font-title:"Noto Naskh Arabic","Vazirmatn",Tahoma,Arial,sans-serif;--black:#050403;--gold:#d8af60;--gold2:#f1d183;--cream:#f8f0e4;--white:#fff;--muted:#c8bda8;--text:#15110d;--max:1180px}
html{scroll-behavior:smooth}body.mg-page{margin:0!important;direction:rtl;background:var(--cream);font-family:var(--font-body);color:var(--text);overflow-x:hidden}.mg-page *{box-sizing:border-box}.mg-page #masthead,.mg-page .site-header,.mg-page .site-footer,.mg-page .entry-header{display:none!important}.admin-bar .mg-header{top:32px}.mg-header{position:absolute;top:0;left:0;right:0;z-index:50;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;color:#fff}.mg-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--gold2);font-size:22px;font-weight:500;font-family:var(--font-title)}.mg-logo-mark{width:38px;height:38px;border:1.5px solid var(--gold);display:grid;place-items:center;transform:rotate(45deg);font:bold 20px Georgia;color:var(--gold2)}.mg-logo-mark span{transform:rotate(-45deg)}.mg-nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:36px}.mg-nav a{color:#fff;text-decoration:none;font-size:14px;font-weight:500;letter-spacing:-.2px}.mg-nav a.active{color:var(--gold2);border-bottom:1px solid var(--gold);padding-bottom:12px}.mg-icons{display:flex;gap:18px;direction:ltr}.mg-icons a{color:#fff;text-decoration:none;font-size:15px;opacity:.95}.mg-hero{background:#050403;min-height:560px;height:72vh;position:relative;overflow:hidden}.mg-hero-inner{width:min(var(--max),92vw);height:100%;margin:auto;display:grid;grid-template-columns:44% 56%;align-items:center;position:relative;z-index:3}.mg-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 74% 45%,rgba(216,175,96,.14),transparent 32%),linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.75));z-index:2;pointer-events:none}.mg-hero-photo{position:absolute;top:0;right:38%;width:65%;height:100%;background:url('assets/hero.jpg') center 18%/cover no-repeat;opacity:.92}.mg-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050403 0%,rgba(5,4,3,.35) 38%,rgba(5,4,3,0) 70%),linear-gradient(270deg,#050403 0%,rgba(5,4,3,0) 22%)}.mg-hero-copy{grid-column:1;align-self:center;color:#fff;padding-top:35px;text-align:right}.mg-hero h1{margin:0 0 18px;font-family:var(--font-title);font-weight:600;line-height:1.22;font-size:clamp(44px,5.6vw,82px);letter-spacing:-2.5px;color:#fff;text-shadow:0 10px 35px rgba(0,0,0,.35)}.mg-hero h1 span{color:var(--gold2)}.mg-hero p{max-width:520px;margin:0 0 25px;line-height:2.15;font-size:17px;color:#f1eee7;font-weight:400}.mg-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;text-decoration:none;border:1px solid var(--gold);height:48px;min-width:150px;padding:0 24px;font-size:14px;background:rgba(0,0,0,.2)}.mg-btn:hover{background:var(--gold);color:#111}.mg-slide{display:none!important}.mg-down{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);color:var(--gold2);font-size:22px;z-index:5}.mg-cats{display:grid;grid-template-columns:1fr 1fr;width:100%;background:#0b0806}.mg-cat{height:260px;position:relative;overflow:hidden;text-decoration:none;color:#fff;display:flex;align-items:center;justify-content:flex-start;padding:42px}.mg-cat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.65);transition:.4s}.mg-cat:hover img{transform:scale(1.04)}.mg-cat:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.12))}.mg-cat div{position:relative;z-index:2;text-align:right}.mg-cat h2{font-family:var(--font-title);font-size:34px;font-weight:600;margin:0 0 6px;color:var(--gold2)}.mg-cat small{font:13px Georgia;letter-spacing:.22em;color:#fff}.mg-cat span{display:block;margin-top:18px;color:var(--gold2);font-size:14px}.mg-section{width:min(var(--max),92vw);margin:auto;padding:74px 0}.mg-title{text-align:center;margin-bottom:36px}.mg-title small{font:13px Georgia;letter-spacing:.38em;color:#b88943}.mg-title h2{font-family:var(--font-title);font-size:38px;font-weight:600;margin:8px 0 0}.mg-products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.mg-product{text-decoration:none;color:var(--text);text-align:center}.mg-product-img{aspect-ratio:1;background:#eadfce;overflow:hidden}.mg-product-img img{width:100%;height:100%;object-fit:cover;transition:.35s}.mg-product:hover img{transform:scale(1.05)}.mg-product h3{font-family:var(--font-title);font-size:18px;font-weight:600;margin:14px 0 3px}.mg-product p{font-size:12px;color:#776a58;margin:0}.mg-about{background:#080604;color:#fff;display:grid;grid-template-columns:1fr 1fr;min-height:330px}.mg-about-copy{padding:60px max(45px,7vw);align-self:center}.mg-about small,.mg-look small{font:12px Georgia;letter-spacing:.3em;color:var(--gold)}.mg-about h2{font-family:var(--font-title);font-size:38px;font-weight:600;color:var(--gold2);margin:10px 0 16px}.mg-about p{line-height:2;color:#d9d2c4;max-width:520px}.mg-about-img{background:url('assets/story.jpg') center/cover no-repeat;min-height:330px}.mg-look{background:#090706;color:#fff;text-align:center;padding:45px 0 0}.mg-look h2{font-family:var(--font-title);margin:8px 0 24px;font-weight:600;font-size:34px}.mg-look-grid{display:grid;grid-template-columns:repeat(4,1fr)}.mg-look-grid img{width:100%;height:210px;object-fit:cover;display:block;filter:brightness(.86)}.mg-features{background:#090706;color:#fff;border-top:1px solid rgba(216,175,96,.25)}.mg-features-inner{width:min(var(--max),92vw);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:32px 0}.mg-feature{text-align:center;border-left:1px solid rgba(216,175,96,.25);padding:8px 16px}.mg-feature:last-child{border-left:0}.mg-feature i{font-style:normal;color:var(--gold2);font-size:28px}.mg-feature b{display:block;color:var(--gold2);font-weight:400;margin:8px 0 5px}.mg-feature span{font-size:12px;color:#c9bfad}.mg-footer{background:#050403;color:#fff;padding:46px 0 24px}.mg-footer-inner{width:min(var(--max),92vw);margin:auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}.mg-footer h3{font-family:var(--font-title);font-size:32px;font-weight:600;color:var(--gold2);margin:0 0 10px}.mg-footer h4{font-weight:400;margin:0 0 12px}.mg-footer p,.mg-footer a{color:#bfb5a4;line-height:1.9;text-decoration:none;font-size:13px}.mg-copy{text-align:center;color:#716854;font-size:11px;margin-top:30px}.woocommerce ul.products{width:min(var(--max),92vw)!important;margin:auto!important}.woocommerce ul.products li.product{text-align:center}.woocommerce-loop-product__title{font-weight:400!important;color:#16110c!important}.woocommerce ul.products li.product a img{aspect-ratio:1;object-fit:cover}.woocommerce a.button{border-radius:0!important;background:#070604!important;color:#fff!important;border:1px solid var(--gold)!important}
@media(max-width:900px){.mg-header{padding:0 18px}.mg-nav{display:none}.mg-logo{font-size:18px}.mg-hero{height:auto;min-height:620px}.mg-hero-inner{grid-template-columns:1fr}.mg-hero-photo{right:0;width:100%;opacity:.52}.mg-hero-photo:after{background:rgba(0,0,0,.62)}.mg-hero-copy{padding-top:110px}.mg-slide{display:none}.mg-cats,.mg-about{grid-template-columns:1fr}.mg-products,.mg-look-grid,.mg-features-inner,.mg-footer-inner{grid-template-columns:1fr 1fr}.mg-cat{height:220px}.mg-about-copy{padding:44px 26px}}@media(max-width:560px){.admin-bar .mg-header{top:46px}.mg-icons{display:none}.mg-hero h1{font-size:42px}.mg-hero p{font-size:15px}.mg-products,.mg-look-grid,.mg-features-inner,.mg-footer-inner{grid-template-columns:1fr}.mg-feature{border-left:0;border-bottom:1px solid rgba(216,175,96,.16)}}
/* v7 luxury product cards */
.mg-new{padding-top:92px;padding-bottom:92px}.mg-new .mg-title{margin-bottom:44px}.mg-products{grid-template-columns:repeat(4,1fr);gap:28px;align-items:start}.mg-product{background:transparent!important;position:relative;text-align:right;border:0;box-shadow:none;overflow:visible}.mg-product-img{aspect-ratio:4/5;background:#e7dac7;border-radius:0;position:relative;overflow:hidden}.mg-product-img:after{content:"";position:absolute;inset:0;border:1px solid rgba(184,137,67,.18);pointer-events:none}.mg-product-img img{filter:saturate(.88) contrast(.96);transform:scale(1.001)}.mg-product:hover .mg-product-img img{transform:scale(1.045)}.mg-product-info{padding:16px 2px 0;text-align:right}.mg-product h3{font-family:var(--font-title);font-size:21px;font-weight:500;line-height:1.5;margin:0;color:#16110c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mg-product p{margin:4px 0 0;font-size:13px;color:#8b7048;line-height:1.8}.mg-product p .amount{color:#8b7048;font-weight:400}.mg-product:before{content:"";position:absolute;top:12px;left:12px;width:34px;height:34px;border:1px solid rgba(255,255,255,.72);background:rgba(255,255,255,.22);backdrop-filter:blur(6px);z-index:2}.mg-product:after{content:"♡";position:absolute;top:15px;left:23px;color:#fff;font-size:17px;line-height:1;z-index:3}.mg-more-wrap{text-align:center;margin-top:42px}.mg-line-link{font-size:14px;color:#9c763d;text-decoration:none;border-bottom:1px solid rgba(156,118,61,.4);padding-bottom:8px}.mg-line-link:hover{color:#111;border-color:#111}
@media(max-width:900px){.mg-products{grid-template-columns:repeat(2,1fr);gap:18px}.mg-product h3{font-size:18px}.mg-new{padding-top:56px;padding-bottom:60px}}@media(max-width:560px){.mg-products{grid-template-columns:1fr 1fr;gap:14px}.mg-product-info{text-align:center}.mg-product h3{font-size:16px}.mg-product p{font-size:12px}.mg-product:before,.mg-product:after{display:none}}
/* v8 final product section - fully custom luxury cards */
.mg-new{background:#f5efe4!important;width:100%!important;max-width:none!important;padding:96px max(5vw,24px)!important;margin:0!important;}
.mg-new .mg-title{margin-bottom:48px!important;}
.mg-products{width:min(1280px,92vw)!important;margin:0 auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:30px!important;}
.mg-product{display:block!important;position:relative!important;min-width:0!important;text-decoration:none!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;}
.mg-product-img{position:relative!important;aspect-ratio:3/4!important;overflow:hidden!important;background:#15110d!important;border:1px solid rgba(184,137,67,.25)!important;border-radius:0!important;box-shadow:0 20px 45px rgba(55,38,16,.11)!important;}
.mg-product-img:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(0,0,0,0) 42%,rgba(0,0,0,.72) 100%);opacity:.88;transition:.35s;}
.mg-product-img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;filter:saturate(.9) contrast(.98) brightness(.94)!important;transition:transform .55s ease,filter .55s ease!important;}
.mg-product:hover .mg-product-img img{transform:scale(1.055)!important;filter:saturate(.98) contrast(1.02) brightness(.98)!important;}
.mg-product-info{position:absolute!important;right:0!important;left:0!important;bottom:0!important;z-index:4!important;padding:0 22px 22px!important;text-align:right!important;color:#fff!important;}
.mg-product h3{font-family:var(--font-title)!important;font-size:22px!important;font-weight:500!important;line-height:1.35!important;margin:0 0 8px!important;color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.55)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.mg-product p{display:inline-flex!important;align-items:center!important;gap:8px!important;margin:0!important;color:var(--gold2)!important;font-size:13px!important;line-height:1.5!important;}
.mg-product p:after{content:"←";font-size:13px;color:var(--gold2)}
.mg-product p .amount,.mg-product p bdi{color:var(--gold2)!important;font-weight:400!important;}
.mg-product:before{content:""!important;position:absolute!important;top:14px!important;left:14px!important;width:34px!important;height:34px!important;border:1px solid rgba(255,255,255,.65)!important;background:rgba(0,0,0,.20)!important;backdrop-filter:blur(6px)!important;z-index:5!important;}
.mg-product:after{content:"♡"!important;position:absolute!important;top:16px!important;left:24px!important;color:#fff!important;font-size:18px!important;line-height:1!important;z-index:6!important;background:none!important;}
.mg-more-wrap{margin-top:46px!important;text-align:center!important;}
.mg-line-link{color:#8d6732!important;border-color:rgba(141,103,50,.35)!important;}
/* If a WooCommerce/Kadence product block appears inside the front page, force it to match the custom style */
.mg-page .mg-new ul.products,
.mg-page .mg-new .wc-block-grid__products{width:min(1280px,92vw)!important;margin:0 auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:30px!important;padding:0!important;list-style:none!important;}
.mg-page .mg-new ul.products li.product,
.mg-page .mg-new .wc-block-grid__product{position:relative!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;width:auto!important;text-align:right!important;overflow:hidden!important;}
.mg-page .mg-new ul.products li.product a img,
.mg-page .mg-new .wc-block-grid__product-image img{width:100%!important;height:auto!important;aspect-ratio:3/4!important;object-fit:cover!important;margin:0!important;border:1px solid rgba(184,137,67,.25)!important;box-shadow:0 20px 45px rgba(55,38,16,.11)!important;}
.mg-page .mg-new .woocommerce-loop-product__title,
.mg-page .mg-new .wc-block-grid__product-title{font-family:var(--font-title)!important;font-size:20px!important;font-weight:500!important;color:#16110c!important;text-align:right!important;margin:14px 0 4px!important;padding:0!important;}
.mg-page .mg-new .price,
.mg-page .mg-new .wc-block-grid__product-price{font-size:13px!important;color:#8b7048!important;text-align:right!important;display:block!important;}
.mg-page .mg-new a.button,
.mg-page .mg-new .add_to_cart_button,
.mg-page .mg-new .star-rating,
.mg-page .mg-new .onsale{display:none!important;}
@media(max-width:900px){.mg-products,.mg-page .mg-new ul.products,.mg-page .mg-new .wc-block-grid__products{grid-template-columns:repeat(2,1fr)!important;gap:18px!important}.mg-product h3{font-size:19px!important}.mg-new{padding:62px 18px!important}}
@media(max-width:560px){.mg-products,.mg-page .mg-new ul.products,.mg-page .mg-new .wc-block-grid__products{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.mg-product-info{padding:0 12px 14px!important}.mg-product h3{font-size:15px!important}.mg-product p{font-size:11px!important}.mg-product:before,.mg-product:after{display:none!important}}
/* v9 dark luxury product harmony */
.mg-new{
background:linear-gradient(180deg,#080604 0%,#11100e 55%,#080604 100%)!important;
color:#fff!important;
border-top:1px solid rgba(216,175,96,.18)!important;
border-bottom:1px solid rgba(216,175,96,.18)!important;
padding:92px max(5vw,24px) 104px!important;
}
.mg-new .mg-title small{color:var(--gold)!important;opacity:.86!important;letter-spacing:.42em!important;}
.mg-new .mg-title h2{color:var(--gold2)!important;font-size:34px!important;font-weight:500!important;margin-top:10px!important;}
.mg-new .mg-title:after{content:"";display:block;width:72px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:18px auto 0;opacity:.75;}
.mg-products{width:min(1220px,90vw)!important;gap:26px!important;}
.mg-product-img{
background:#0b0907!important;
border:1px solid rgba(216,175,96,.22)!important;
box-shadow:0 26px 65px rgba(0,0,0,.42)!important;
}
.mg-product-img:before{background:linear-gradient(180deg,rgba(0,0,0,.08) 20%,rgba(0,0,0,.78) 100%)!important;opacity:.92!important;}
.mg-product-img:after{content:""!important;position:absolute!important;inset:0!important;z-index:3!important;background:radial-gradient(circle at 50% 34%,rgba(216,175,96,.08),transparent 42%)!important;border:0!important;pointer-events:none!important;}
.mg-product-img img{filter:saturate(.72) contrast(1.08) brightness(.72) sepia(.12)!important;}
.mg-product:hover .mg-product-img img{filter:saturate(.86) contrast(1.12) brightness(.9) sepia(.08)!important;}
.mg-product-info{padding:0 20px 20px!important;}
.mg-product h3{color:#fff7e8!important;font-size:21px!important;font-weight:500!important;}
.mg-product p,.mg-product p .amount,.mg-product p bdi{color:var(--gold2)!important;}
.mg-product:before{border-color:rgba(216,175,96,.55)!important;background:rgba(0,0,0,.28)!important;}
.mg-product:after{color:var(--gold2)!important;}
.mg-more-wrap{margin-top:44px!important;}
.mg-line-link{color:var(--gold2)!important;border-color:rgba(216,175,96,.38)!important;}
.mg-line-link:hover{color:#fff!important;border-color:#fff!important;}
.mg-page .mg-new ul.products li.product a img,
.mg-page .mg-new .wc-block-grid__product-image img{filter:saturate(.72) contrast(1.08) brightness(.72) sepia(.12)!important;background:#0b0907!important;border-color:rgba(216,175,96,.22)!important;box-shadow:0 26px 65px rgba(0,0,0,.42)!important;}
.mg-page .mg-new .woocommerce-loop-product__title,
.mg-page .mg-new .wc-block-grid__product-title{color:#fff7e8!important;}
.mg-page .mg-new .price,
.mg-page .mg-new .wc-block-grid__product-price{color:var(--gold2)!important;}
@media(max-width:900px){.mg-new{padding-top:68px!important;padding-bottom:76px!important}.mg-new .mg-title h2{font-size:29px!important}}
/* v10 editorial irregular product gallery */
.mg-new{
padding:110px max(4vw,18px) 125px!important;
position:relative!important;
overflow:hidden!important;
}
.mg-new:before{
content:"";position:absolute;inset:0;pointer-events:none;
background:radial-gradient(circle at 22% 52%,rgba(216,175,96,.10),transparent 25%),radial-gradient(circle at 72% 56%,rgba(255,255,255,.035),transparent 28%);
}
.mg-products{
position:relative!important;
width:min(1180px,92vw)!important;
min-height:560px!important;
margin:74px auto 30px!important;
display:block!important;
}
.mg-product{
position:absolute!important;
display:block!important;
width:285px!important;
aspect-ratio:1/1!important;
text-decoration:none!important;
overflow:visible!important;
background:transparent!important;
}
.mg-product:nth-child(1){right:0;top:92px;width:300px!important;transform:rotate(-4deg)}
.mg-product:nth-child(2){right:292px;top:0;width:360px!important;transform:rotate(2deg)}
.mg-product:nth-child(3){left:272px;top:116px;width:285px!important;transform:rotate(-2deg)}
.mg-product:nth-child(4){left:0;top:38px;width:330px!important;transform:rotate(3.5deg)}
.mg-product-img{
width:100%!important;height:100%!important;border-radius:50%!important;
overflow:hidden!important;border:1px solid rgba(216,175,96,.35)!important;
box-shadow:0 35px 90px rgba(0,0,0,.58), inset 0 0 0 1px rgba(255,255,255,.04)!important;
background:#0b0907!important;
}
.mg-product:nth-child(2) .mg-product-img{border-radius:42% 58% 50% 50% / 48% 45% 55% 52%!important;}
.mg-product:nth-child(3) .mg-product-img{border-radius:58% 42% 48% 52% / 45% 55% 45% 55%!important;}
.mg-product:nth-child(4) .mg-product-img{border-radius:46% 54% 60% 40% / 55% 45% 55% 45%!important;}
.mg-product-img img{height:100%!important;width:100%!important;object-fit:cover!important;transition:transform .65s ease,filter .65s ease!important;}
.mg-product:hover .mg-product-img img{transform:scale(1.07)!important;}
.mg-product-info{
position:absolute!important;inset:auto auto 26px 50%!important;transform:translateX(-50%)!important;
width:78%!important;text-align:center!important;padding:0!important;z-index:6!important;
}
.mg-product h3{font-size:23px!important;line-height:1.1!important;margin:0 0 6px!important;text-shadow:0 3px 20px rgba(0,0,0,.75)!important;}
.mg-product p{font-size:12px!important;margin:0!important;opacity:.95!important;text-shadow:0 2px 14px rgba(0,0,0,.8)!important;}
.mg-product:after{
content:""!important;position:absolute!important;inset:-14px!important;border:1px solid rgba(216,175,96,.12)!important;border-radius:50%!important;
opacity:0!important;transition:.35s ease!important;pointer-events:none!important;
}
.mg-product:hover:after{opacity:1!important;inset:-22px!important;}
.mg-more-wrap{position:relative!important;margin-top:6px!important;}
@media(max-width:1100px){
.mg-products{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:28px!important;min-height:auto!important;width:min(760px,92vw)!important;}
.mg-product{position:relative!important;right:auto!important;left:auto!important;top:auto!important;width:100%!important;transform:none!important;}
}
@media(max-width:560px){
.mg-new{padding:72px 16px!important;}
.mg-products{grid-template-columns:1fr!important;width:min(330px,88vw)!important;margin-top:42px!important;}
.mg-product{aspect-ratio:1/1!important;}
.mg-product h3{font-size:19px!important;}
}
/* v11 full - editorial lookbook + cleaner finish */
.mg-look{
width:100%!important;
margin:0!important;
padding:118px 0 132px!important;
background:radial-gradient(circle at 18% 22%,rgba(207,168,106,.10),transparent 32%),linear-gradient(180deg,#090806 0%,#050505 100%)!important;
overflow:hidden!important;
position:relative!important;
}
.mg-look:before{content:"";position:absolute;inset:54px 5vw;border:1px solid rgba(207,168,106,.16);pointer-events:none!important;}
.mg-look-inner{width:min(1280px,92vw);margin:0 auto;display:grid;grid-template-columns:.82fr 1.18fr;gap:58px;align-items:center;position:relative;z-index:2;}
.mg-look-copy{text-align:right;color:#f4ead7;align-self:center;}
.mg-look-copy small{display:block;font:13px Georgia,serif;letter-spacing:.36em;color:#cfa86a;margin-bottom:18px;}
.mg-look-copy h2{font-family:var(--font-title);font-size:clamp(38px,4.4vw,68px);font-weight:500;line-height:1.45;margin:0 0 24px;color:#f4ead7;letter-spacing:-1px;}
.mg-look-copy p{max-width:460px;line-height:2.25;color:#cfc3ad;font-size:15px;margin:0 0 30px;}
.mg-look-link{display:inline-flex;text-decoration:none;color:#0b0906;background:#cfa86a;border:1px solid #cfa86a;padding:13px 24px;font-size:13px;letter-spacing:-.2px;transition:.25s;}
.mg-look-link:hover{background:transparent;color:#cfa86a;}
.mg-look-grid{display:grid!important;grid-template-columns:1.05fr .72fr;grid-template-rows:240px 220px;gap:22px!important;margin:0!important;align-items:stretch!important;}
.mg-look-grid img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:30px!important;filter:saturate(.72) contrast(1.08) brightness(.78) sepia(.12)!important;box-shadow:0 35px 90px rgba(0,0,0,.5)!important;border:1px solid rgba(207,168,106,.20)!important;transition:.45s!important;}
.mg-look-grid img:nth-child(1){grid-row:1/3;border-radius:46px!important;transform:translateY(18px);}
.mg-look-grid img:nth-child(2){border-radius:80px 80px 28px 28px!important;transform:translateX(-22px);}
.mg-look-grid img:nth-child(3){border-radius:28px 28px 80px 80px!important;transform:translateX(18px) translateY(-10px);}
.mg-look-grid img:nth-child(4){display:none!important;}
.mg-look-grid img:hover{filter:saturate(.86) contrast(1.12) brightness(.9) sepia(.08)!important;transform:scale(1.025)!important;}
.mg-features{display:none!important;}
.mg-footer{background:#050505!important;border-top:1px solid rgba(207,168,106,.18)!important;}
.mg-footer-inner{padding-top:64px!important;}
.mg-footer h3,.mg-footer h4{color:#cfa86a!important;font-family:var(--font-title)!important;font-weight:500!important;}
.mg-footer p,.mg-footer a{color:#cbbfae!important;}
@media(max-width:900px){.mg-look{padding:84px 0 92px!important}.mg-look-inner{grid-template-columns:1fr;gap:36px}.mg-look:before{inset:34px 18px}.mg-look-grid{grid-template-rows:220px 190px}.mg-look-copy{text-align:center}.mg-look-copy p{margin-left:auto;margin-right:auto}}
@media(max-width:560px){.mg-look-grid{grid-template-columns:1fr;grid-template-rows:330px 210px 210px}.mg-look-grid img:nth-child(1){grid-row:auto;transform:none}.mg-look-grid img:nth-child(2),.mg-look-grid img:nth-child(3){transform:none}.mg-look-copy h2{font-size:34px}.mg-look-copy small{letter-spacing:.24em}}
/* v12 - spaced editorial products: softer rectangles, staggered up/down, more luxury */
.mg-new{
padding:120px max(4vw,18px) 118px!important;
background:radial-gradient(circle at 24% 50%,rgba(207,168,106,.08),transparent 34%),linear-gradient(180deg,#0a0907 0%,#050504 100%)!important;
}
.mg-new .mg-title{margin-bottom:18px!important;position:relative!important;z-index:2!important;}
.mg-new .mg-title small{color:#cfa86a!important;letter-spacing:.42em!important;}
.mg-new .mg-title h2{font-size:36px!important;color:#f2d38c!important;font-weight:500!important;}
.mg-new .mg-title:after{content:"";display:block;width:76px;height:1px;background:rgba(207,168,106,.34);margin:22px auto 0;}
.mg-products{
width:min(1240px,92vw)!important;
min-height:500px!important;
margin:76px auto 22px!important;
display:grid!important;
grid-template-columns:1.05fr .9fr 1.18fr .95fr!important;
gap:42px!important;
align-items:center!important;
position:relative!important;
}
.mg-product{
position:relative!important;
inset:auto!important;
right:auto!important;left:auto!important;top:auto!important;
width:100%!important;
aspect-ratio:auto!important;
transform:none!important;
overflow:visible!important;
}
.mg-product:nth-child(1){margin-top:78px!important;}
.mg-product:nth-child(2){margin-top:-18px!important;}
.mg-product:nth-child(3){margin-top:44px!important;transform:translateY(-46px)!important;}
.mg-product:nth-child(4){margin-top:110px!important;}
.mg-product-img{
width:100%!important;
height:auto!important;
aspect-ratio:3/4!important;
border-radius:34px!important;
border:1px solid rgba(207,168,106,.28)!important;
box-shadow:0 32px 86px rgba(0,0,0,.54)!important;
overflow:hidden!important;
background:#111!important;
}
.mg-product:nth-child(1) .mg-product-img{border-radius:42px 42px 120px 42px!important;aspect-ratio:3/4.2!important;}
.mg-product:nth-child(2) .mg-product-img{border-radius:120px 42px 42px 42px!important;aspect-ratio:3/3.8!important;}
.mg-product:nth-child(3) .mg-product-img{border-radius:52px!important;aspect-ratio:3/4.35!important;}
.mg-product:nth-child(4) .mg-product-img{border-radius:42px 120px 42px 42px!important;aspect-ratio:3/4!important;}
.mg-product-img:before{background:linear-gradient(180deg,rgba(0,0,0,.04) 34%,rgba(0,0,0,.74) 100%)!important;}
.mg-product-img:after{border-radius:inherit!important;background:radial-gradient(circle at 50% 24%,rgba(207,168,106,.08),transparent 48%)!important;}
.mg-product-img img{filter:saturate(.72) contrast(1.08) brightness(.76) sepia(.10)!important;}
.mg-product:hover .mg-product-img img{filter:saturate(.9) contrast(1.12) brightness(.92) sepia(.05)!important;transform:scale(1.055)!important;}
.mg-product-info{
position:absolute!important;
right:24px!important;left:24px!important;bottom:22px!important;
transform:none!important;
width:auto!important;
text-align:right!important;
padding:0!important;
z-index:6!important;
}
.mg-product h3{font-size:22px!important;color:#fff8e8!important;margin:0!important;line-height:1.4!important;}
.mg-product p{margin-top:6px!important;font-size:12px!important;color:#d6ad69!important;opacity:0!important;transform:translateY(8px)!important;transition:.28s ease!important;}
.mg-product:hover p{opacity:1!important;transform:translateY(0)!important;}
.mg-product:before{display:none!important;}
.mg-product:after{
content:""!important;
position:absolute!important;
width:34px!important;height:34px!important;
border:1px solid rgba(207,168,106,.42)!important;
border-radius:0!important;
background:rgba(207,168,106,.03)!important;
z-index:7!important;
opacity:1!important;
inset:auto!important;
transform:rotate(45deg)!important;
pointer-events:none!important;
}
.mg-product:nth-child(1):after{top:-16px!important;right:18px!important;}
.mg-product:nth-child(2):after{bottom:-18px!important;left:26px!important;}
.mg-product:nth-child(3):after{top:-18px!important;left:22px!important;}
.mg-product:nth-child(4):after{bottom:-16px!important;right:32px!important;}
.mg-more-wrap{margin-top:18px!important;}
.mg-line-link{color:#d6ad69!important;}
@media(max-width:1100px){
.mg-products{grid-template-columns:repeat(2,1fr)!important;gap:28px!important;min-height:auto!important;width:min(780px,92vw)!important;}
.mg-product:nth-child(n){margin-top:0!important;transform:none!important;}
.mg-product-img{aspect-ratio:3/4!important;border-radius:34px!important;}
.mg-product p{opacity:1!important;transform:none!important;}
}
@media(max-width:560px){
.mg-new{padding:78px 16px 84px!important;}
.mg-products{grid-template-columns:1fr!important;width:min(340px,90vw)!important;gap:28px!important;margin-top:44px!important;}
.mg-new .mg-title h2{font-size:29px!important;}
.mg-product-img{border-radius:30px!important;}
.mg-product-info{text-align:center!important;right:18px!important;left:18px!important;}
.mg-product h3{font-size:19px!important;}
}
/* v13 - final New Collection: 3 luxury cards, center hero, previous product images */
.mg-new{
background:
radial-gradient(circle at 50% 40%, rgba(207,168,106,.12), transparent 34%),
radial-gradient(circle at 12% 70%, rgba(184,137,67,.08), transparent 24%),
linear-gradient(180deg,#070605 0%,#11100e 48%,#070605 100%)!important;
padding:104px max(5vw,24px) 118px!important;
overflow:hidden!important;
}
.mg-new .mg-title{margin-bottom:50px!important;}
.mg-new .mg-title small{font-family:Georgia,serif!important;color:#cfa86a!important;letter-spacing:.44em!important;font-size:13px!important;}
.mg-new .mg-title h2{font-family:var(--font-title)!important;color:#f0c978!important;font-size:clamp(34px,3.2vw,52px)!important;font-weight:500!important;line-height:1.3!important;}
.mg-new .mg-title:after{width:128px!important;margin-top:18px!important;background:linear-gradient(90deg,transparent,rgba(207,168,106,.75),transparent)!important;}
.mg-products{
width:min(1180px,88vw)!important;
margin:0 auto!important;
min-height:620px!important;
display:grid!important;
grid-template-columns:minmax(220px,320px) minmax(320px,470px) minmax(220px,320px)!important;
justify-content:center!important;
align-items:end!important;
gap:34px!important;
position:relative!important;
}
.mg-product{
position:relative!important;
width:100%!important;
margin:0!important;
transform:none!important;
text-decoration:none!important;
background:transparent!important;
overflow:visible!important;
}
.mg-product:nth-child(n+4){display:none!important;}
.mg-product:nth-child(1){grid-column:1!important;align-self:end!important;margin-bottom:46px!important;}
.mg-product:nth-child(2){grid-column:2!important;align-self:center!important;margin-bottom:0!important;z-index:3!important;}
.mg-product:nth-child(3){grid-column:3!important;align-self:end!important;margin-bottom:46px!important;}
.mg-product-img{
aspect-ratio:3/4!important;
border-radius:16px!important;
overflow:hidden!important;
background:#0b0907!important;
border:1px solid rgba(207,168,106,.22)!important;
box-shadow:0 36px 95px rgba(0,0,0,.56), 0 0 0 1px rgba(255,220,150,.035) inset!important;
}
.mg-product:nth-child(2) .mg-product-img{aspect-ratio:3/4.08!important;border-color:rgba(207,168,106,.34)!important;box-shadow:0 42px 110px rgba(0,0,0,.66),0 0 54px rgba(207,168,106,.08)!important;}
.mg-product-img:before{content:""!important;position:absolute!important;inset:0!important;z-index:2!important;background:linear-gradient(180deg,rgba(0,0,0,.03) 30%,rgba(0,0,0,.82) 100%)!important;opacity:.96!important;}
.mg-product-img:after{content:""!important;position:absolute!important;inset:0!important;z-index:3!important;border-radius:inherit!important;background:radial-gradient(circle at 50% 24%,rgba(207,168,106,.10),transparent 50%)!important;pointer-events:none!important;}
.mg-product-img img{width:100%!important;height:100%!important;object-fit:cover!important;filter:saturate(.82) contrast(1.08) brightness(.82) sepia(.10)!important;transition:transform .65s ease,filter .65s ease!important;}
.mg-product:hover .mg-product-img img{transform:scale(1.045)!important;filter:saturate(.96) contrast(1.12) brightness(.96) sepia(.04)!important;}
.mg-product-info{
position:absolute!important;
right:0!important;left:0!important;bottom:0!important;z-index:4!important;
padding:0 26px 34px!important;
text-align:center!important;
color:#fff!important;
}
.mg-product h3{font-family:var(--font-title)!important;font-size:clamp(22px,2vw,30px)!important;font-weight:500!important;line-height:1.35!important;margin:0!important;color:#fff6e7!important;text-shadow:0 4px 26px rgba(0,0,0,.72)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.mg-product h3:before{content:"";display:block;width:18px;height:1px;background:rgba(207,168,106,.72);margin:0 auto 12px;}
.mg-product p{margin:12px 0 0!important;font-size:13px!important;color:#d9b56e!important;opacity:0!important;transform:translateY(8px)!important;transition:.3s ease!important;text-shadow:0 2px 14px rgba(0,0,0,.8)!important;}
.mg-product:hover p{opacity:1!important;transform:translateY(0)!important;}
.mg-product p .amount,.mg-product p bdi{color:#d9b56e!important;font-weight:400!important;}
.mg-product:before{display:none!important;}
.mg-product:after{display:none!important;}
.mg-more-wrap{margin-top:-16px!important;text-align:center!important;position:relative!important;z-index:5!important;}
.mg-line-link{color:#d7ad64!important;font-size:16px!important;text-decoration:none!important;border-bottom:1px solid rgba(207,168,106,.42)!important;padding:0 18px 12px!important;}
.mg-line-link:hover{color:#fff2d6!important;border-color:#d7ad64!important;}
@media(max-width:980px){
.mg-products{grid-template-columns:1fr!important;width:min(420px,86vw)!important;min-height:auto!important;gap:26px!important;}
.mg-product:nth-child(n){grid-column:auto!important;margin:0!important;align-self:auto!important;}
.mg-product:nth-child(n+4){display:none!important;}
.mg-product p{opacity:1!important;transform:none!important;}
.mg-more-wrap{margin-top:36px!important;}
}
@media(max-width:560px){
.mg-new{padding:72px 18px 84px!important;}
.mg-products{width:min(330px,88vw)!important;}
.mg-product-img{border-radius:14px!important;}
.mg-product h3{font-size:21px!important;}
.mg-product-info{padding:0 20px 28px!important;}
}
/* WooCommerce li/product wrappers */
.mg-products .product,
.madar-products .product,
.madar-new-collection .product,
.new-collection .product,
.mg-product-card,
.madar-product-card,
.product-card {
position: relative !important;
border-radius: 14px !important;
overflow: hidden !important;
background: #0a0a0a !important;
border: 1px solid rgba(205,158,89,.30) !important;
box-shadow: 0 34px 90px rgba(0,0,0,.64) !important;
transform: translateY(34px) !important;
min-height: 430px !important;
}
.mg-products .product:nth-child(2),
.madar-products .product:nth-child(2),
.madar-new-collection .product:nth-child(2),
.new-collection .product:nth-child(2),
.mg-product-card:nth-child(2),
.madar-product-card:nth-child(2),
.product-card:nth-child(2) {
min-height: 610px !important;
transform: translateY(0) !important;
z-index: 2 !important;
}
.mg-products .product:nth-child(n+4),
.madar-products .product:nth-child(n+4),
.madar-new-collection .product:nth-child(n+4),
.new-collection .product:nth-child(n+4),
.mg-product-card:nth-child(n+4),
.madar-product-card:nth-child(n+4),
.product-card:nth-child(n+4) {
display: none !important;
}
.mg-products .product a,
.madar-products .product a,
.madar-new-collection .product a,
.new-collection .product a,
.mg-product-card a,
.madar-product-card a,
.product-card a {
color: inherit !important;
text-decoration: none !important;
}
.mg-products .product img,
.madar-products .product img,
.madar-new-collection .product img,
.new-collection .product img,
.mg-product-card img,
.madar-product-card img,
.product-card img {
width: 100% !important;
height: 430px !important;
object-fit: cover !important;
display: block !important;
filter: saturate(.92) contrast(1.06) brightness(.82) !important;
transition: .55s ease !important;
border-radius: 0 !important;
}
.mg-products .product:nth-child(2) img,
.madar-products .product:nth-child(2) img,
.madar-new-collection .product:nth-child(2) img,
.new-collection .product:nth-child(2) img,
.mg-product-card:nth-child(2) img,
.madar-product-card:nth-child(2) img,
.product-card:nth-child(2) img {
height: 610px !important;
}
.mg-products .product:before,
.madar-products .product:before,
.madar-new-collection .product:before,
.new-collection .product:before,
.mg-product-card:before,
.madar-product-card:before,
.product-card:before {
content:"" !important;
position:absolute !important;
inset:0 !important;
background: linear-gradient(180deg, rgba(0,0,0,0) 44%, rgba(0,0,0,.78) 100%) !important;
z-index:1 !important;
pointer-events:none !important;
}
.mg-products .product:hover img,
.madar-products .product:hover img,
.madar-new-collection .product:hover img,
.new-collection .product:hover img,
.mg-product-card:hover img,
.madar-product-card:hover img,
.product-card:hover img {
transform: scale(1.045) !important;
filter: saturate(1) contrast(1.08) brightness(.92) !important;
}
.mg-products .woocommerce-loop-product__title,
.madar-products .woocommerce-loop-product__title,
.madar-new-collection .woocommerce-loop-product__title,
.new-collection .woocommerce-loop-product__title,
.mg-product-title,
.product-card h3,
.product-card .title {
position:absolute !important;
right: 0 !important;
left: 0 !important;
bottom: 86px !important;
z-index: 3 !important;
text-align:center !important;
color:#fff5df !important;
font-size: clamp(22px,2.1vw,34px) !important;
line-height:1.2 !important;
font-weight:600 !important;
text-shadow: 0 4px 18px rgba(0,0,0,.8) !important;
padding:0 24px !important;
margin:0 !important;
}
.mg-products .product:nth-child(2) .woocommerce-loop-product__title,
.madar-products .product:nth-child(2) .woocommerce-loop-product__title,
.madar-new-collection .product:nth-child(2) .woocommerce-loop-product__title,
.new-collection .product:nth-child(2) .woocommerce-loop-product__title,
.mg-product-card:nth-child(2) .mg-product-title,
.product-card:nth-child(2) h3,
.product-card:nth-child(2) .title {
font-size: clamp(30px,2.8vw,44px) !important;
bottom: 108px !important;
}
.mg-products .price,
.madar-products .price,
.madar-new-collection .price,
.new-collection .price,
.mg-product-price,
.product-card .price {
position:absolute !important;
right:0 !important;
left:0 !important;
bottom:48px !important;
z-index:3 !important;
text-align:center !important;
color:#d7a85d !important;
font-size:15px !important;
font-weight:400 !important;
opacity: .94 !important;
padding:0 20px !important;
margin:0 !important;
}
.mg-products .product:nth-child(2) .price,
.madar-products .product:nth-child(2) .price,
.madar-new-collection .product:nth-child(2) .price,
.new-collection .product:nth-child(2) .price,
.mg-product-card:nth-child(2) .mg-product-price,
.product-card:nth-child(2) .price {
bottom:64px !important;
font-size:17px !important;
}
.mg-products .button,
.madar-products .button,
.madar-new-collection .button,
.new-collection .button,
.mg-products .added_to_cart,
.madar-products .added_to_cart {
display:none !important;
}
.mg-products .star-rating,
.madar-products .star-rating,
.madar-new-collection .star-rating,
.new-collection .star-rating,
.mg-products .onsale,
.madar-products .onsale,
.madar-new-collection .onsale,
.new-collection .onsale {
display:none !important;
}
.mg-products .view-all,
.madar-products .view-all,
.madar-new-collection .view-all,
.new-collection .view-all,
.mg-products .mg-view-all {
display:block !important;
width:max-content !important;
margin: 64px auto 0 !important;
color:#d7a85d !important;
border-bottom:1px solid rgba(215,168,93,.55) !important;
padding: 0 22px 14px !important;
text-decoration:none !important;
font-size: 16px !important;
letter-spacing:.02em !important;
}
@media (max-width: 900px){
.mg-product-grid,
.madar-products-grid,
.new-collection-grid,
.products-editorial,
.mg-products .products,
.madar-products .products,
.madar-new-collection .products,
.new-collection .products {
grid-template-columns: 1fr !important;
gap:28px !important;
width:min(460px,88vw) !important;
}
.mg-products .product,
.madar-products .product,
.madar-new-collection .product,
.new-collection .product,
.mg-product-card,
.madar-product-card,
.product-card,
.mg-products .product:nth-child(2),
.madar-products .product:nth-child(2),
.madar-new-collection .product:nth-child(2),
.new-collection .product:nth-child(2) {
transform:none !important;
min-height: 430px !important;
}
.mg-products .product img,
.madar-products .product img,
.madar-new-collection .product img,
.new-collection .product img,
.mg-products .product:nth-child(2) img,
.madar-products .product:nth-child(2) img,
.madar-new-collection .product:nth-child(2) img,
.new-collection .product:nth-child(2) img {
height: 430px !important;
}
}
/* === V16 Focused New Collection Fix - keep current layout/hero unchanged === */
.mg-products,
.madar-products,
.madar-new-collection,
.new-collection {
background:
radial-gradient(circle at 50% 42%, rgba(185,143,78,.18), rgba(0,0,0,0) 38%),
#060606 !important;
padding: 105px 0 120px !important;
}
.mg-products h2,
.madar-products h2,
.madar-new-collection h2,
.new-collection h2 {
color: #d9ad63 !important;
font-size: clamp(34px, 4vw, 56px) !important;
margin-bottom: 70px !important;
}
.mg-product-grid,
.madar-products-grid,
.new-collection-grid,
.products-editorial,
.mg-products .products,
.madar-products .products,
.madar-new-collection .products,
.new-collection .products {
width: min(1320px, 92vw) !important;
display: grid !important;
grid-template-columns: 0.85fr 1.28fr 0.85fr !important;
gap: 50px !important;
align-items: center !important;
margin: 0 auto !important;
padding: 0 !important;
}
.mg-products .product,
.madar-products .product,
.madar-new-collection .product,
.new-collection .product,
.mg-product-card,
.madar-product-card,
.product-card {
display: block !important;
position: relative !important;
min-height: 430px !important;
border-radius: 14px !important;
overflow: hidden !important;
border: 1px solid rgba(210,165,94,.27) !important;
box-shadow: 0 36px 96px rgba(0,0,0,.68) !important;
background: #090909 !important;
transform: translateY(38px) !important;
}
.mg-products .product:nth-child(2),
.madar-products .product:nth-child(2),
.madar-new-collection .product:nth-child(2),
.new-collection .product:nth-child(2),
.mg-product-card:nth-child(2),
.madar-product-card:nth-child(2),
.product-card:nth-child(2) {
min-height: 610px !important;
transform: translateY(0) !important;
z-index: 2 !important;
}
.mg-products .product:nth-child(n+4),
.madar-products .product:nth-child(n+4),
.madar-new-collection .product:nth-child(n+4),
.new-collection .product:nth-child(n+4),
.mg-product-card:nth-child(n+4),
.madar-product-card:nth-child(n+4),
.product-card:nth-child(n+4) {
display: none !important;
}
.mg-products .product img,
.madar-products .product img,
.madar-new-collection .product img,
.new-collection .product img,
.mg-product-card img,
.madar-product-card img,
.product-card img {
width: 100% !important;
height: 430px !important;
object-fit: cover !important;
border-radius: 0 !important;
filter: brightness(.78) contrast(1.08) saturate(.96) !important;
}
.mg-products .product:nth-child(2) img,
.madar-products .product:nth-child(2) img,
.madar-new-collection .product:nth-child(2) img,
.new-collection .product:nth-child(2) img,
.mg-product-card:nth-child(2) img,
.madar-product-card:nth-child(2) img,
.product-card:nth-child(2) img {
height: 610px !important;
}
.mg-products .product::before,
.madar-products .product::before,
.madar-new-collection .product::before,
.new-collection .product::before,
.mg-product-card::before,
.madar-product-card::before,
.product-card::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
z-index: 1 !important;
background: linear-gradient(180deg, rgba(0,0,0,0) 42%, rgba(0,0,0,.82) 100%) !important;
pointer-events: none !important;
}
.mg-products .woocommerce-loop-product__title,
.madar-products .woocommerce-loop-product__title,
.madar-new-collection .woocommerce-loop-product__title,
.new-collection .woocommerce-loop-product__title,
.mg-product-title,
.product-card h3,
.product-card .title {
position: absolute !important;
left: 0 !important;
right: 0 !important;
bottom: 82px !important;
z-index: 3 !important;
text-align: center !important;
color: #fff3dc !important;
font-size: clamp(22px, 2vw, 32px) !important;
font-weight: 600 !important;
text-shadow: 0 8px 26px rgba(0,0,0,.9) !important;
}
.mg-products .product:nth-child(2) .woocommerce-loop-product__title,
.madar-products .product:nth-child(2) .woocommerce-loop-product__title,
.madar-new-collection .product:nth-child(2) .woocommerce-loop-product__title,
.new-collection .product:nth-child(2) .woocommerce-loop-product__title,
.mg-product-card:nth-child(2) .mg-product-title,
.product-card:nth-child(2) h3,
.product-card:nth-child(2) .title {
bottom: 106px !important;
font-size: clamp(30px, 2.8vw, 42px) !important;
}
.mg-products .price,
.madar-products .price,
.madar-new-collection .price,
.new-collection .price,
.mg-product-price,
.product-card .price {
position: absolute !important;
left: 0 !important;
right: 0 !important;
bottom: 46px !important;
z-index: 3 !important;
text-align: center !important;
color: #d9ad63 !important;
font-size: 15px !important;
}
.mg-products .product:nth-child(2) .price,
.madar-products .product:nth-child(2) .price,
.madar-new-collection .product:nth-child(2) .price,
.new-collection .product:nth-child(2) .price,
.mg-product-card:nth-child(2) .mg-product-price,
.product-card:nth-child(2) .price {
bottom: 62px !important;
font-size: 17px !important;
}
.mg-products .button,
.madar-products .button,
.madar-new-collection .button,
.new-collection .button,
.mg-products .added_to_cart,
.madar-products .added_to_cart,
.mg-products .star-rating,
.madar-products .star-rating,
.madar-new-collection .star-rating,
.new-collection .star-rating,
.mg-products .onsale,
.madar-products .onsale,
.madar-new-collection .onsale,
.new-collection .onsale {
display: none !important;
}
.mg-products .view-all,
.madar-products .view-all,
.madar-new-collection .view-all,
.new-collection .view-all,
.mg-products .mg-view-all {
display: block !important;
width: max-content !important;
margin: 70px auto 0 !important;
color: #d9ad63 !important;
border-bottom: 1px solid rgba(217,173,99,.5) !important;
padding: 0 26px 14px !important;
text-decoration: none !important;
}
@media (max-width: 900px) {
.mg-product-grid,
.madar-products-grid,
.new-collection-grid,
.products-editorial,
.mg-products .products,
.madar-products .products,
.madar-new-collection .products,
.new-collection .products {
grid-template-columns: 1fr !important;
gap: 28px !important;
width: min(460px, 88vw) !important;
}
.mg-products .product,
.madar-products .product,
.madar-new-collection .product,
.new-collection .product,
.mg-products .product:nth-child(2),
.madar-products .product:nth-child(2),
.madar-new-collection .product:nth-child(2),
.new-collection .product:nth-child(2) {
transform: none !important;
min-height: 430px !important;
}
.mg-products .product img,
.madar-products .product img,
.madar-new-collection .product img,
.new-collection .product img,
.mg-products .product:nth-child(2) img,
.madar-products .product:nth-child(2) img,
.madar-new-collection .product:nth-child(2) img,
.new-collection .product:nth-child(2) img {
height: 430px !important;
}
}
/* === V17 New Collection Showcase: separate from all old product styles === */
.mg-showcase-section{
background:
radial-gradient(circle at 50% 42%, rgba(198,145,70,.16), rgba(0,0,0,0) 38%),
radial-gradient(circle at 22% 52%, rgba(150,95,42,.08), rgba(0,0,0,0) 34%),
#060606 !important;
padding: 108px 0 126px !important;
overflow:hidden !important;
direction: rtl;
}
.mg-showcase-title{
text-align:center !important;
margin-bottom:70px !important;
}
.mg-showcase-title small{
display:block !important;
color:#b78b4d !important;
font: 500 14px/1.2 Georgia, serif !important;
letter-spacing:.38em !important;
margin-bottom:18px !important;
}
.mg-showcase-title h2{
color:#d9ad63 !important;
font-family: var(--font-title), serif !important;
font-size: clamp(38px, 4vw, 60px) !important;
font-weight:600 !important;
line-height:1.2 !important;
margin:0 !important;
text-shadow:0 14px 44px rgba(217,173,99,.18) !important;
}
.mg-showcase-title h2:after{
content:"" !important;
display:block !important;
width:150px !important;
height:1px !important;
margin:26px auto 0 !important;
background:linear-gradient(90deg, transparent, rgba(217,173,99,.75), transparent) !important;
}
.mg-showcase-products{
width:min(1280px, 92vw) !important;
margin:0 auto !important;
display:grid !important;
grid-template-columns: .86fr 1.28fr .86fr !important;
gap:54px !important;
align-items:center !important;
justify-content:center !important;
}
.mg-showcase-card{
display:block !important;
position:relative !important;
overflow:hidden !important;
text-decoration:none !important;
color:#fff !important;
background:#090807 !important;
border:1px solid rgba(217,173,99,.28) !important;
border-radius:14px !important;
min-height:430px !important;
transform: translateY(44px) !important;
box-shadow:0 36px 96px rgba(0,0,0,.68) !important;
}
.mg-showcase-card-2{
min-height:610px !important;
transform:translateY(0) !important;
z-index:3 !important;
}
.mg-showcase-image{
position:absolute !important;
inset:0 !important;
}
.mg-showcase-image img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
display:block !important;
filter:brightness(.78) contrast(1.08) saturate(.95) !important;
transition:transform .65s ease, filter .65s ease !important;
}
.mg-showcase-card:hover .mg-showcase-image img{
transform:scale(1.045) !important;
filter:brightness(.9) contrast(1.1) saturate(1.02) !important;
}
.mg-showcase-card:before{
content:"" !important;
position:absolute !important;
inset:0 !important;
z-index:2 !important;
background:linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.84) 100%) !important;
}
.mg-showcase-info{
position:absolute !important;
left:0 !important;
right:0 !important;
bottom:48px !important;
z-index:4 !important;
text-align:center !important;
padding:0 24px !important;
}
.mg-showcase-card-2 .mg-showcase-info{
bottom:64px !important;
}
.mg-showcase-info h3{
color:#fff3dc !important;
font-family:var(--font-title), serif !important;
font-size:clamp(23px,2.1vw,34px) !important;
font-weight:600 !important;
line-height:1.25 !important;
margin:0 0 12px !important;
text-shadow:0 7px 24px rgba(0,0,0,.9) !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
.mg-showcase-card-2 .mg-showcase-info h3{
font-size:clamp(30px,2.8vw,44px) !important;
}
.mg-showcase-info h3:after{
content:"" !important;
display:block !important;
width:34px !important;
height:1px !important;
margin:12px auto 0 !important;
background:rgba(217,173,99,.75) !important;
}
.mg-showcase-info p{
margin:0 !important;
color:#d9ad63 !important;
font-size:15px !important;
line-height:1.7 !important;
}
.mg-showcase-info .amount,
.mg-showcase-info bdi{
color:#d9ad63 !important;
font-weight:400 !important;
}
.mg-showcase-more{
text-align:center !important;
margin-top:76px !important;
}
.mg-showcase-more a{
color:#d9ad63 !important;
text-decoration:none !important;
border-bottom:1px solid rgba(217,173,99,.55) !important;
padding:0 28px 14px !important;
font-size:16px !important;
}
@media(max-width:900px){
.mg-showcase-section{padding:78px 0 92px !important;}
.mg-showcase-products{
width:min(460px,88vw) !important;
grid-template-columns:1fr !important;
gap:28px !important;
}
.mg-showcase-card,
.mg-showcase-card-2{
min-height:430px !important;
transform:none !important;
}
}
/* === V18 Hover Product Interaction === */
.mg-showcase-card{
transition: transform .45s ease, box-shadow .45s ease, border-color .45s ease, opacity .45s ease !important;
will-change: transform !important;
}
.mg-showcase-products:hover .mg-showcase-card{
opacity: .72 !important;
filter: saturate(.85) !important;
}
.mg-showcase-products .mg-showcase-card:hover{
opacity: 1 !important;
filter: saturate(1.05) !important;
transform: translateY(18px) scale(1.055) !important;
z-index: 6 !important;
border-color: rgba(217,173,99,.68) !important;
box-shadow: 0 46px 120px rgba(0,0,0,.82), 0 0 0 1px rgba(217,173,99,.18) inset !important;
}
.mg-showcase-products .mg-showcase-card-2:hover{
transform: translateY(-10px) scale(1.045) !important;
}
.mg-showcase-info p{
opacity: 0 !important;
transform: translateY(12px) !important;
transition: opacity .35s ease, transform .35s ease !important;
}
.mg-showcase-card:hover .mg-showcase-info p{
opacity: 1 !important;
transform: translateY(0) !important;
}
.mg-showcase-card:hover .mg-showcase-info h3{
color:#ffe4a8 !important;
}
.mg-showcase-card:hover .mg-showcase-image img{
transform: scale(1.07) !important;
filter: brightness(.98) contrast(1.12) saturate(1.08) !important;
}
.mg-showcase-card:after{
content:"مشاهده محصول" !important;
position:absolute !important;
top:22px !important;
left:24px !important;
z-index:5 !important;
color:#d9ad63 !important;
font-size:13px !important;
opacity:0 !important;
transform:translateY(-8px) !important;
transition:.35s ease !important;
border-bottom:1px solid rgba(217,173,99,.55) !important;
padding-bottom:6px !important;
}
.mg-showcase-card:hover:after{
opacity:1 !important;
transform:translateY(0) !important;
}
@media(max-width:900px){
.mg-showcase-info p{
opacity:1 !important;
transform:none !important;
}
.mg-showcase-products:hover .mg-showcase-card{
opacity:1 !important;
filter:none !important;
}
.mg-showcase-products .mg-showcase-card:hover,
.mg-showcase-products .mg-showcase-card-2:hover{
transform:none !important;
}
}
/* === V22 Price Bar + Minimal Header + Style Cards === */
/* Top price bar */
.mg-header{
position:absolute !important;
top:0 !important;
left:0 !important;
right:0 !important;
z-index:50 !important;
background:linear-gradient(180deg, rgba(0,0,0,.86), rgba(0,0,0,.42), rgba(0,0,0,0)) !important;
}
.mg-pricebar{
height:42px !important;
border-bottom:1px solid rgba(217,173,99,.32) !important;
background:rgba(2,2,2,.78) !important;
backdrop-filter:blur(12px) !important;
}
.mg-pricebar-inner{
height:100% !important;
width:min(1480px,94vw) !important;
margin:0 auto !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:18px !important;
color:#d9ad63 !important;
font-size:14px !important;
white-space:nowrap !important;
}
.mg-price-label{
color:#d9ad63 !important;
font-weight:600 !important;
}
.mg-price-sep{
width:1px !important;
height:18px !important;
background:rgba(217,173,99,.38) !important;
}
.mg-price-karat{
color:#f2e8d7 !important;
}
.mg-price-dot{
width:8px !important;
height:8px !important;
border-radius:50% !important;
background:#d9ad63 !important;
box-shadow:0 0 16px rgba(217,173,99,.45) !important;
}
.mg-price-value{
color:#fff1da !important;
font-weight:600 !important;
}
.mg-price-change{
color:#45d17a !important;
font-weight:600 !important;
}
.mg-price-updated{
color:#d8d0c1 !important;
}
.mg-price-updated strong{
color:#fff1da !important;
font-weight:500 !important;
}
/* Minimal editorial nav */
.mg-nav{
width:min(1480px,94vw) !important;
margin:0 auto !important;
height:86px !important;
display:grid !important;
grid-template-columns: 1fr auto 1fr !important;
align-items:center !important;
}
.mg-icons{
justify-self:start !important;
display:flex !important;
gap:24px !important;
align-items:center !important;
}
.mg-icons a{
color:#fff !important;
text-decoration:none !important;
font-size:22px !important;
line-height:1 !important;
opacity:.95 !important;
transition:.25s ease !important;
}
.mg-icons a:hover{
color:#d9ad63 !important;
transform:translateY(-2px) !important;
}
.mg-menu{
justify-self:center !important;
display:flex !important;
gap:68px !important;
align-items:center !important;
}
.mg-menu a{
position:relative !important;
color:#f4ecdf !important;
text-decoration:none !important;
font-size:16px !important;
font-weight:500 !important;
transition:.25s ease !important;
}
.mg-menu a:after{
content:"" !important;
position:absolute !important;
right:50% !important;
bottom:-18px !important;
width:0 !important;
height:1px !important;
background:#d9ad63 !important;
transform:translateX(50%) !important;
transition:.3s ease !important;
}
.mg-menu a:hover,
.mg-menu a.active{
color:#d9ad63 !important;
}
.mg-menu a:hover:after,
.mg-menu a.active:after{
width:44px !important;
}
.mg-logo{
justify-self:end !important;
display:flex !important;
align-items:center !important;
gap:14px !important;
text-decoration:none !important;
color:#d9ad63 !important;
}
.mg-logo span{
font-family:var(--font-title), serif !important;
font-size:28px !important;
font-weight:600 !important;
}
.mg-logo b{
display:grid !important;
place-items:center !important;
width:56px !important;
height:56px !important;
border:1px solid #d9ad63 !important;
transform:rotate(45deg) !important;
color:#d9ad63 !important;
font-family:Georgia, serif !important;
font-size:24px !important;
font-weight:500 !important;
}
.mg-logo b::first-letter{
transform:rotate(-45deg) !important;
}
.mg-logo b{
line-height:1 !important;
}
.mg-logo b{
writing-mode:horizontal-tb !important;
}
.mg-logo b{
text-align:center !important;
}
.mg-logo b{
text-indent:0 !important;
}
.mg-logo b{
position:relative !important;
}
.mg-logo b{
display:flex !important;
align-items:center !important;
justify-content:center !important;
}
.mg-logo b{
font-style:normal !important;
}
.mg-logo b{
rotate:0deg !important;
}
.mg-logo b{
transform:rotate(45deg) !important;
}
.mg-logo b{
overflow:hidden !important;
}
.mg-logo b::before{
content:"M" !important;
transform:rotate(-45deg) !important;
display:block !important;
}
.mg-logo b{
font-size:0 !important;
}
/* Lookbook style cards */
.mg-look-style-cards{
background:#060606 !important;
padding:110px 0 120px !important;
overflow:hidden !important;
}
.mg-look-style-cards .mg-look-inner{
width:min(1380px,92vw) !important;
margin:0 auto !important;
display:grid !important;
grid-template-columns: .82fr 1.18fr !important;
gap:60px !important;
align-items:center !important;
}
.mg-look-style-cards .mg-look-style-copy{
text-align:right !important;
color:#f5ead6 !important;
}
.mg-look-style-cards .mg-look-style-copy small{
color:#b98d4d !important;
letter-spacing:.34em !important;
font-size:14px !important;
font-weight:500 !important;
display:block !important;
margin-bottom:26px !important;
}
.mg-look-style-cards .mg-look-style-copy h2{
color:#f1e7d5 !important;
font-family:var(--font-title), serif !important;
font-size:clamp(38px,4vw,64px) !important;
line-height:1.25 !important;
margin:0 0 24px !important;
font-weight:600 !important;
}
.mg-look-style-cards .mg-look-style-copy p{
color:#d8d0c1 !important;
font-size:18px !important;
line-height:2 !important;
max-width:520px !important;
margin:0 0 42px auto !important;
}
.mg-look-style-cards .mg-look-style-copy .btn.gold{
background:#d9ad63 !important;
color:#090909 !important;
border-color:#d9ad63 !important;
padding:16px 34px !important;
}
.mg-look-style-cards .mg-look-gallery{
position:relative !important;
min-height:560px !important;
display:block !important;
}
.mg-look-style-cards .mg-style-card{
position:absolute !important;
display:block !important;
overflow:hidden !important;
text-decoration:none !important;
background:#111 !important;
border:1px solid rgba(217,173,99,.38) !important;
box-shadow:0 36px 100px rgba(0,0,0,.68) !important;
transition:transform .7s ease, border-color .45s ease, box-shadow .45s ease !important;
}
.mg-look-style-cards .mg-style-card img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
display:block !important;
filter:brightness(.72) contrast(1.08) saturate(.94) !important;
transition:transform .8s ease, filter .8s ease !important;
}
.mg-look-style-cards .mg-style-card:before{
content:"" !important;
position:absolute !important;
inset:0 !important;
z-index:1 !important;
background:linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,.86) 100%) !important;
}
.mg-look-style-cards .mg-style-card:hover{
transform:translateY(-8px) scale(1.025) !important;
border-color:rgba(217,173,99,.75) !important;
box-shadow:0 46px 120px rgba(0,0,0,.82) !important;
}
.mg-look-style-cards .mg-style-card:hover img{
transform:scale(1.055) !important;
filter:brightness(.9) contrast(1.12) saturate(1.03) !important;
}
.mg-look-style-cards .mg-style-card-content{
position:absolute !important;
right:28px !important;
left:28px !important;
bottom:28px !important;
z-index:2 !important;
text-align:right !important;
}
.mg-look-style-cards .mg-style-card-content strong{
display:block !important;
color:#e4c17e !important;
font-family:var(--font-title), serif !important;
font-size:clamp(26px,2.4vw,42px) !important;
line-height:1.25 !important;
font-weight:600 !important;
margin-bottom:8px !important;
text-shadow:0 8px 26px rgba(0,0,0,.85) !important;
}
.mg-look-style-cards .mg-style-card-content em{
display:block !important;
color:#f1e8d8 !important;
font-style:normal !important;
font-size:16px !important;
line-height:1.8 !important;
opacity:.92 !important;
}
.mg-look-style-cards .mg-style-card-large{
width:56% !important;
height:520px !important;
right:0 !important;
top:20px !important;
border-radius:34px !important;
z-index:3 !important;
}
.mg-look-style-cards .mg-style-card-gift{
width:43% !important;
height:250px !important;
left:0 !important;
top:0 !important;
border-radius:30px !important;
z-index:2 !important;
}
.mg-look-style-cards .mg-style-card-everyday{
width:43% !important;
height:280px !important;
left:0 !important;
bottom:0 !important;
border-radius:30px !important;
z-index:2 !important;
}
@media(max-width:900px){
.mg-pricebar-inner{
justify-content:flex-start !important;
overflow:auto !important;
gap:12px !important;
font-size:13px !important;
}
.mg-price-updated,
.mg-price-change{
display:none !important;
}
.mg-nav{
height:76px !important;
grid-template-columns:1fr auto !important;
}
.mg-menu{
display:none !important;
}
.mg-logo span{
font-size:22px !important;
}
.mg-logo b{
width:46px !important;
height:46px !important;
}
.mg-look-style-cards{
padding:80px 0 92px !important;
}
.mg-look-style-cards .mg-look-inner{
grid-template-columns:1fr !important;
gap:44px !important;
}
.mg-look-style-cards .mg-look-gallery{
min-height:auto !important;
display:grid !important;
gap:22px !important;
}
.mg-look-style-cards .mg-style-card,
.mg-look-style-cards .mg-style-card-large,
.mg-look-style-cards .mg-style-card-gift,
.mg-look-style-cards .mg-style-card-everyday{
position:relative !important;
width:100% !important;
height:340px !important;
inset:auto !important;
border-radius:28px !important;
}
.mg-look-style-cards .mg-look-style-copy{
text-align:center !important;
}
.mg-look-style-cards .mg-look-style-copy p{
margin-left:auto !important;
margin-right:auto !important;
}
}
/* === V23 Header Fix: clean separated topbar + nav === */
.mg-header{
display:block !important;
height:auto !important;
min-height:0 !important;
padding:0 !important;
margin:0 !important;
position:absolute !important;
top:0 !important;
left:0 !important;
right:0 !important;
z-index:999 !important;
background:linear-gradient(180deg, rgba(0,0,0,.92), rgba(0,0,0,.58), rgba(0,0,0,0)) !important;
}
.mg-pricebar{
display:block !important;
width:100% !important;
height:38px !important;
line-height:38px !important;
border-bottom:1px solid rgba(217,173,99,.28) !important;
background:rgba(2,2,2,.86) !important;
backdrop-filter:blur(12px) !important;
padding:0 !important;
margin:0 !important;
overflow:hidden !important;
}
.mg-pricebar-inner{
width:min(1420px,94vw) !important;
height:38px !important;
margin:0 auto !important;
display:flex !important;
flex-direction:row !important;
align-items:center !important;
justify-content:center !important;
gap:16px !important;
direction:rtl !important;
color:#d9ad63 !important;
font-size:13px !important;
font-weight:400 !important;
white-space:nowrap !important;
}
.mg-price-label{
color:#d9ad63 !important;
font-weight:600 !important;
}
.mg-price-sep{
display:block !important;
width:1px !important;
height:16px !important;
background:rgba(217,173,99,.36) !important;
flex:0 0 auto !important;
}
.mg-price-karat{
color:#f2e8d7 !important;
}
.mg-price-dot{
display:block !important;
width:7px !important;
height:7px !important;
border-radius:50% !important;
background:#d9ad63 !important;
box-shadow:0 0 14px rgba(217,173,99,.45) !important;
flex:0 0 auto !important;
}
.mg-price-value{
color:#fff1da !important;
font-weight:600 !important;
}
.mg-price-change{
color:#45d17a !important;
font-weight:600 !important;
}
.mg-price-updated{
color:#d8d0c1 !important;
}
.mg-price-updated strong{
color:#fff1da !important;
font-weight:500 !important;
}
.mg-nav{
width:min(1420px,94vw) !important;
height:78px !important;
margin:0 auto !important;
padding:0 !important;
display:grid !important;
grid-template-columns:1fr auto 1fr !important;
align-items:center !important;
direction:ltr !important;
border-bottom:0 !important;
}
.mg-icons{
justify-self:start !important;
display:flex !important;
flex-direction:row !important;
gap:24px !important;
align-items:center !important;
direction:ltr !important;
min-width:160px !important;
}
.mg-icons a{
color:#fff !important;
text-decoration:none !important;
font-size:20px !important;
line-height:1 !important;
opacity:.94 !important;
transition:.25s ease !important;
}
.mg-icons a:hover{
color:#d9ad63 !important;
transform:translateY(-2px) !important;
}
.mg-menu{
justify-self:center !important;
display:flex !important;
flex-direction:row !important;
gap:64px !important;
align-items:center !important;
direction:rtl !important;
}
.mg-menu a{
color:#f4ecdf !important;
text-decoration:none !important;
font-size:15px !important;
font-weight:500 !important;
position:relative !important;
line-height:1.2 !important;
white-space:nowrap !important;
}
.mg-menu a:after{
content:"" !important;
position:absolute !important;
right:50% !important;
bottom:-18px !important;
width:0 !important;
height:1px !important;
background:#d9ad63 !important;
transform:translateX(50%) !important;
transition:.3s ease !important;
}
.mg-menu a:hover,
.mg-menu a.active{
color:#d9ad63 !important;
}
.mg-menu a:hover:after,
.mg-menu a.active:after{
width:42px !important;
}
.mg-logo{
justify-self:end !important;
display:flex !important;
align-items:center !important;
gap:14px !important;
direction:rtl !important;
text-decoration:none !important;
color:#d9ad63 !important;
min-width:260px !important;
}
.mg-logo span{
color:#d9ad63 !important;
font-family:var(--font-title), serif !important;
font-size:26px !important;
font-weight:600 !important;
white-space:nowrap !important;
}
.mg-logo b{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:50px !important;
height:50px !important;
border:1px solid #d9ad63 !important;
transform:rotate(45deg) !important;
font-size:0 !important;
flex:0 0 50px !important;
}
.mg-logo b:before{
content:"M" !important;
transform:rotate(-45deg) !important;
color:#d9ad63 !important;
font-family:Georgia, serif !important;
font-size:22px !important;
font-weight:500 !important;
}
/* Make hero start visually under the fixed/absolute header, without pushing layout */
.mg-hero{
padding-top:120px !important;
}
/* Remove any accidental images/icons inside pricebar from browser autofill/plugins */
.mg-pricebar img,
.mg-pricebar svg{
display:none !important;
}
@media(max-width:900px){
.mg-pricebar{
height:34px !important;
line-height:34px !important;
}
.mg-pricebar-inner{
height:34px !important;
justify-content:flex-start !important;
overflow:auto !important;
gap:12px !important;
font-size:12px !important;
}
.mg-price-updated,
.mg-price-change{
display:none !important;
}
.mg-nav{
height:68px !important;
grid-template-columns:1fr 1fr !important;
}
.mg-menu{
display:none !important;
}
.mg-logo{
min-width:0 !important;
}
.mg-logo span{
font-size:21px !important;
}
.mg-logo b{
width:42px !important;
height:42px !important;
flex-basis:42px !important;
}
.mg-icons{
min-width:0 !important;
gap:18px !important;
}
.mg-hero{
padding-top:102px !important;
}
}
/* === V24 Live Gold API small refinements === */
.mg-price-change.down{ color:#e06767 !important; }
.mg-price-change.flat{ color:#d9ad63 !important; }
.mg-pricebar.mg-pricebar-disabled{ display:none !important; }
/* V25: Style images replaced only. Layout unchanged. */
/* V26: Gold price admin panel fixed. */
/* === V28 Elementor-first editable home === */
body.mg-page{
background:#060606 !important;
}
body.mg-page #masthead,
body.mg-page .site-header,
body.mg-page .site-footer,
body.mg-page .entry-header,
body.mg-page .page-title,
body.mg-page .entry-title{
display:none!important;
}
body.mg-page .content-area,
body.mg-page .site-main,
body.mg-page .content-container,
body.mg-page .entry-content,
body.mg-page .elementor,
body.mg-page .elementor-section-wrap{
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
}
body.mg-page .entry-content > *{
max-width:none!important;
}
/* Header shortcode inside Elementor */
.mg-el-header-wrap .elementor-widget-container{
margin:0!important;
}
.mg-page .mg-header{
position:absolute !important;
top:0 !important;
left:0 !important;
right:0 !important;
z-index:999 !important;
}
/* Elementor Hero */
.mg-el-hero{
min-height:760px !important;
background:#050403 !important;
overflow:hidden !important;
}
.mg-el-hero:before{
content:"" !important;
position:absolute !important;
inset:0 !important;
background:linear-gradient(90deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.50) 52%, rgba(0,0,0,.78) 100%) !important;
z-index:1 !important;
pointer-events:none !important;
}
.mg-el-hero > .elementor-container,
.mg-el-hero > .elementor-container > .elementor-column,
.mg-el-hero > .elementor-container > .elementor-column > .elementor-widget-wrap{
min-height:760px !important;
}
.mg-el-hero .elementor-container{
position:relative !important;
z-index:2 !important;
}
.mg-el-hero .mg-el-hero-title .elementor-heading-title{
font-family:var(--font-title),serif !important;
font-size:clamp(58px,7vw,112px) !important;
line-height:1.15 !important;
font-weight:700 !important;
color:#fff !important;
}
.mg-el-hero .mg-el-hero-title .elementor-heading-title span,
.mg-el-hero .elementor-heading-title strong{
color:#d9ad63 !important;
}
.mg-el-hero .mg-el-hero-text{
color:#f4ecdf !important;
font-size:19px !important;
line-height:2.1 !important;
max-width:590px !important;
}
.mg-el-btn .elementor-button,
.mg-el-hero .elementor-button{
background:transparent !important;
border:1px solid #d9ad63 !important;
color:#fff3dc !important;
border-radius:0 !important;
padding:18px 38px !important;
font-weight:500 !important;
}
.mg-el-btn .elementor-button:hover,
.mg-el-hero .elementor-button:hover{
background:#d9ad63 !important;
color:#080808 !important;
}
/* Category cards */
.mg-el-cats{
background:#060606 !important;
}
.mg-el-cat-card{
min-height:270px !important;
overflow:hidden !important;
border:1px solid rgba(217,173,99,.35) !important;
border-radius:18px !important;
}
.mg-el-cat-card:before{
content:"" !important;
position:absolute !important;
inset:0 !important;
background:linear-gradient(90deg, rgba(0,0,0,.82), rgba(0,0,0,.24)) !important;
z-index:1 !important;
}
.mg-el-cat-card .elementor-widget-wrap{
position:relative !important;
z-index:2 !important;
}
.mg-el-cat-card .elementor-heading-title{
color:#e4c17e !important;
font-family:var(--font-title),serif !important;
font-size:38px !important;
}
.mg-el-cat-card .elementor-widget-text-editor{
color:#fff !important;
letter-spacing:.18em !important;
}
/* Section titles */
.mg-el-kicker .elementor-heading-title{
color:#b98d4d !important;
letter-spacing:.35em !important;
font-size:14px !important;
font-family:Georgia,serif !important;
}
.mg-el-section-title .elementor-heading-title{
color:#d9ad63 !important;
font-family:var(--font-title),serif !important;
font-size:clamp(38px,4vw,62px) !important;
}
/* Products shortcode area */
.mg-el-products{
background:
radial-gradient(circle at 50% 42%, rgba(198,145,70,.16), rgba(0,0,0,0) 38%),
#060606 !important;
}
/* About */
.mg-el-about{
background:#050403 !important;
}
.mg-el-about .elementor-heading-title{
color:#e4c17e !important;
font-family:var(--font-title),serif !important;
}
.mg-el-about .elementor-widget-text-editor{
color:#f1e8d8 !important;
font-size:18px !important;
line-height:2.1 !important;
}
/* Style cards - fully editable Elementor columns */
.mg-el-styles{
background:#060606 !important;
}
.mg-el-style-card{
min-height:310px !important;
border:1px solid rgba(217,173,99,.40) !important;
border-radius:28px !important;
overflow:hidden !important;
box-shadow:0 28px 90px rgba(0,0,0,.55) !important;
}
.mg-el-style-card-large{
min-height:640px !important;
}
.mg-el-style-card:before{
content:"" !important;
position:absolute !important;
inset:0 !important;
background:linear-gradient(180deg, rgba(0,0,0,0) 35%, rgba(0,0,0,.86) 100%) !important;
z-index:1 !important;
pointer-events:none !important;
}
.mg-el-style-card > .elementor-widget-wrap{
position:relative !important;
z-index:2 !important;
align-content:flex-end !important;
}
.mg-el-style-card .elementor-heading-title{
color:#e4c17e !important;
font-family:var(--font-title),serif !important;
font-size:clamp(30px,3vw,48px) !important;
}
.mg-el-style-card .elementor-widget-text-editor{
color:#f1e8d8 !important;
font-size:17px !important;
}
.mg-el-style-card:hover{
transform:translateY(-7px) !important;
transition:.45s ease !important;
border-color:rgba(217,173,99,.72) !important;
}
/* Footer */
.mg-el-footer{
background:#040404 !important;
border-top:1px solid rgba(217,173,99,.25) !important;
}
.mg-el-footer .elementor-heading-title{
color:#d9ad63 !important;
font-family:var(--font-title),serif !important;
}
.mg-el-footer .elementor-widget-text-editor,
.mg-el-footer a{
color:#d8d0c1 !important;
}
/* Shortcode product cards keep existing v18/v24 look */
body.mg-page .mg-showcase-section{
margin:0!important;
}
/* Better editor selection */
.elementor-editor-active .mg-el-style-card,
.elementor-editor-active .mg-el-cat-card{
outline:1px dashed rgba(217,173,99,.35);
}
@media(max-width:900px){
.mg-el-hero,
.mg-el-hero > .elementor-container,
.mg-el-hero > .elementor-container > .elementor-column,
.mg-el-hero > .elementor-container > .elementor-column > .elementor-widget-wrap{
min-height:680px !important;
}
.mg-el-style-card-large,
.mg-el-style-card{
min-height:360px !important;
}
}
/* === V29 Elementor visual fix: keep editable, restore luxury look === */
/* Hero image was relying on Elementor JSON; force it from theme assets via inline CSS in functions.php */
.mg-el-hero{
position:relative !important;
min-height:760px !important;
background-color:#050403 !important;
background-size:cover !important;
background-position:center center !important;
}
.mg-el-hero:before{
background:
linear-gradient(90deg, rgba(0,0,0,.80) 0%, rgba(0,0,0,.38) 44%, rgba(0,0,0,.82) 100%) !important;
}
.mg-el-hero .elementor-container{
max-width:1380px !important;
margin:0 auto !important;
}
.mg-el-hero .elementor-column:nth-child(1){
min-height:760px !important;
}
.mg-el-hero .elementor-column:nth-child(2){
min-height:760px !important;
}
.mg-el-hero .elementor-widget-wrap{
justify-content:center !important;
}
.mg-el-hero .mg-el-hero-title .elementor-heading-title{
text-align:right !important;
text-shadow:0 18px 60px rgba(0,0,0,.55) !important;
}
.mg-el-hero .mg-el-hero-text{
text-align:right !important;
}
/* Header spacing closer to previous version */
.mg-page .mg-header{
min-height:118px !important;
}
.mg-pricebar{
height:36px !important;
}
.mg-pricebar-inner{
height:36px !important;
}
.mg-nav{
height:82px !important;
}
/* Category cards should sit directly after hero and not look cropped */
.mg-el-cats{
padding-top:0 !important;
}
.mg-el-cat-card{
min-height:260px !important;
border-radius:0 !important;
}
.mg-el-cat-card .elementor-widget-wrap{
min-height:260px !important;
}
/* Keep style cards editable but preserve old visual weight */
.mg-el-styles .elementor-container{
max-width:1380px !important;
}
.mg-el-style-card{
background-size:cover !important;
background-position:center center !important;
}
/* About section image/text proportions */
.mg-el-about .elementor-column{
min-height:460px !important;
}
/* Editor: do not hide content behind Elementor panel too much */
.elementor-editor-active .mg-page .mg-header{
position:relative !important;
}
.elementor-editor-active .mg-el-hero{
margin-top:0 !important;
}
/* === V30 New Collection Visual Fix - Elementor editable remains === */
.mg-el-products{
background:
radial-gradient(circle at 50% 36%, rgba(202,148,72,.20), rgba(0,0,0,0) 34%),
radial-gradient(circle at 50% 62%, rgba(137,92,38,.10), rgba(0,0,0,0) 42%),
#060606 !important;
padding:105px 0 125px !important;
overflow:hidden !important;
text-align:center !important;
}
.mg-el-products > .elementor-container{
max-width:1380px !important;
margin:0 auto !important;
}
.mg-el-products .elementor-widget-heading{
text-align:center !important;
}
.mg-el-products .mg-el-kicker .elementor-heading-title,
.mg-el-products .mg-el-kicker{
display:block !important;
text-align:center !important;
color:#b98d4d !important;
letter-spacing:.36em !important;
font-size:14px !important;
font-family:Georgia,serif !important;
font-weight:500 !important;
margin:0 0 16px !important;
}
.mg-el-products .mg-el-section-title .elementor-heading-title{
text-align:center !important;
color:#d9ad63 !important;
font-family:var(--font-title),serif !important;
font-size:clamp(46px,4.6vw,72px) !important;
line-height:1.25 !important;
font-weight:700 !important;
margin:0 !important;
text-shadow:0 18px 58px rgba(217,173,99,.18) !important;
}
.mg-el-products .mg-el-section-title .elementor-heading-title:after{
content:"" !important;
display:block !important;
width:150px !important;
height:1px !important;
margin:26px auto 0 !important;
background:linear-gradient(90deg, transparent, rgba(217,173,99,.65), transparent) !important;
}
.mg-el-products .elementor-widget-shortcode{
margin-top:72px !important;
}
/* Reset/force showcase layout */
.mg-el-products .mg-showcase-products,
.mg-showcase-products{
width:min(1180px,88vw) !important;
margin:0 auto !important;
display:grid !important;
grid-template-columns:.88fr 1.28fr .88fr !important;
gap:56px !important;
align-items:center !important;
justify-content:center !important;
direction:ltr !important;
}
.mg-showcase-card{
position:relative !important;
display:block !important;
min-height:420px !important;
border-radius:14px !important;
overflow:hidden !important;
background:#090807 !important;
border:1px solid rgba(217,173,99,.30) !important;
box-shadow:0 38px 110px rgba(0,0,0,.75) !important;
transform:translateY(44px) !important;
text-decoration:none !important;
transition:transform .48s ease, box-shadow .48s ease, border-color .48s ease, opacity .4s ease !important;
}
.mg-showcase-card-2{
min-height:620px !important;
transform:translateY(0) !important;
z-index:3 !important;
}
.mg-showcase-card:nth-child(n+4){
display:none !important;
}
.mg-showcase-image,
.mg-showcase-image img{
position:absolute !important;
inset:0 !important;
width:100% !important;
height:100% !important;
}
.mg-showcase-image img{
object-fit:cover !important;
display:block !important;
filter:brightness(.78) contrast(1.08) saturate(.96) !important;
transition:transform .65s ease, filter .65s ease !important;
}
.mg-showcase-card:before{
content:"" !important;
position:absolute !important;
inset:0 !important;
z-index:2 !important;
background:linear-gradient(180deg, rgba(0,0,0,0) 42%, rgba(0,0,0,.86) 100%) !important;
pointer-events:none !important;
}
.mg-showcase-info{
position:absolute !important;
left:0 !important;
right:0 !important;
bottom:54px !important;
z-index:4 !important;
text-align:center !important;
padding:0 24px !important;
}
.mg-showcase-card-2 .mg-showcase-info{
bottom:70px !important;
}
.mg-showcase-info h3{
color:#fff3dc !important;
font-family:Georgia, "Times New Roman", serif !important;
font-size:clamp(24px,2.1vw,36px) !important;
line-height:1.2 !important;
font-weight:700 !important;
margin:0 0 12px !important;
text-shadow:0 8px 28px rgba(0,0,0,.9) !important;
}
.mg-showcase-card-2 .mg-showcase-info h3{
font-size:clamp(34px,3vw,50px) !important;
}
.mg-showcase-info h3:after{
content:"" !important;
display:block !important;
width:34px !important;
height:1px !important;
margin:16px auto 0 !important;
background:rgba(217,173,99,.75) !important;
}
.mg-showcase-info p{
color:#d9ad63 !important;
font-size:15px !important;
line-height:1.7 !important;
margin:0 !important;
opacity:0 !important;
transform:translateY(12px) !important;
transition:.35s ease !important;
}
.mg-showcase-card:hover .mg-showcase-info p{
opacity:1 !important;
transform:translateY(0) !important;
}
.mg-showcase-products:hover .mg-showcase-card{
opacity:.74 !important;
}
.mg-showcase-products .mg-showcase-card:hover{
opacity:1 !important;
transform:translateY(20px) scale(1.055) !important;
z-index:8 !important;
border-color:rgba(217,173,99,.70) !important;
box-shadow:0 52px 130px rgba(0,0,0,.86) !important;
}
.mg-showcase-products .mg-showcase-card-2:hover{
transform:translateY(-10px) scale(1.045) !important;
}
.mg-showcase-card:hover .mg-showcase-image img{
transform:scale(1.06) !important;
filter:brightness(.94) contrast(1.12) saturate(1.04) !important;
}
.mg-showcase-more{
display:block !important;
text-align:center !important;
margin:78px auto 0 !important;
}
.mg-showcase-more a{
color:#d9ad63 !important;
text-decoration:none !important;
border-bottom:1px solid rgba(217,173,99,.55) !important;
padding:0 28px 14px !important;
font-size:16px !important;
}
@media(max-width:900px){
.mg-el-products{
padding:78px 0 90px !important;
}
.mg-showcase-products{
grid-template-columns:1fr !important;
width:min(460px,88vw) !important;
gap:28px !important;
}
.mg-showcase-card,
.mg-showcase-card-2{
min-height:430px !important;
transform:none !important;
}
.mg-showcase-info p{
opacity:1 !important;
transform:none !important;
}
.mg-showcase-products:hover .mg-showcase-card{
opacity:1 !important;
}
}
/* === V31 Hero image fixed for Elementor version === */
.mg-el-hero{
background-image:
linear-gradient(90deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.45) 48%, rgba(0,0,0,.82) 100%),
url("assets/hero.jpg") !important;
background-size:cover !important;
background-position:center center !important;
background-repeat:no-repeat !important;
background-color:#050403 !important;
}
/* If Elementor creates background overlay, keep it transparent */
.mg-el-hero .elementor-background-overlay{
background:transparent !important;
}
/* Restore hero balance close to the previous non-Elementor version */
.mg-el-hero > .elementor-container{
max-width:1380px !important;
margin:0 auto !important;
}
.mg-el-hero .elementor-column:nth-child(2) .elementor-widget-wrap{
align-content:center !important;
justify-content:center !important;
}
.mg-el-hero .mg-el-hero-title .elementor-heading-title{
color:#fff !important;
text-align:right !important;
font-size:clamp(62px,6.2vw,108px) !important;
line-height:1.12 !important;
}
.mg-el-hero .mg-el-hero-title .elementor-heading-title strong{
color:#d9ad63 !important;
}
.mg-el-hero .mg-el-hero-text{
color:#f4ecdf !important;
text-align:right !important;
max-width:620px !important;
}
/* make sure old category images still align under hero */
.mg-el-cats{
margin-top:0 !important;
}
/* === V32 Match old luxury typography + transparent buttons === */
/* Old luxury Persian typography */
:root{
--font-title:"Noto Naskh Arabic","Vazirmatn",Tahoma,Arial,sans-serif !important;
--gold:#d8af60 !important;
--gold2:#f1d183 !important;
}
/* Hero title like old version: larger, elegant, gold first line + white second line */
.mg-el-hero .mg-el-hero-title .elementor-heading-title{
font-family:var(--font-title) !important;
font-size:clamp(72px,6.8vw,124px) !important;
line-height:1.12 !important;
font-weight:700 !important;
letter-spacing:-1.2px !important;
color:#fff !important;
text-align:right !important;
text-shadow:0 18px 55px rgba(0,0,0,.62) !important;
}
.mg-el-hero .mg-el-hero-title .elementor-heading-title strong{
color:#f1d183 !important;
font-weight:700 !important;
}
/* Hero text brighter and cleaner */
.mg-el-hero .mg-el-hero-text,
.mg-el-hero .mg-el-hero-text p{
color:#ffffff !important;
font-size:20px !important;
line-height:2.05 !important;
font-weight:500 !important;
text-align:right !important;
text-shadow:0 5px 18px rgba(0,0,0,.72) !important;
}
/* Transparent luxury buttons everywhere in homepage */
.mg-el-btn .elementor-button,
.mg-el-hero .elementor-button,
.mg-el-cat-card .elementor-button,
.mg-el-about .elementor-button,
.mg-el-styles .elementor-button,
.mg-page .elementor-button{
background:transparent !important;
background-color:transparent !important;
color:#fff !important;
border:1px solid rgba(216,175,96,.82) !important;
border-radius:0 !important;
padding:16px 38px !important;
font-size:16px !important;
font-weight:600 !important;
box-shadow:none !important;
text-shadow:none !important;
transition:.28s ease !important;
}
.mg-el-btn .elementor-button:hover,
.mg-el-hero .elementor-button:hover,
.mg-el-cat-card .elementor-button:hover,
.mg-el-about .elementor-button:hover,
.mg-el-styles .elementor-button:hover,
.mg-page .elementor-button:hover{
background:rgba(216,175,96,.12) !important;
color:#f1d183 !important;
border-color:#f1d183 !important;
transform:translateY(-2px) !important;
}
/* Category cards old look: remove green button remnants and make text elegant */
.mg-el-cat-card .elementor-heading-title{
font-family:var(--font-title) !important;
color:#f1d183 !important;
font-size:42px !important;
font-weight:700 !important;
text-shadow:0 8px 26px rgba(0,0,0,.85) !important;
}
.mg-el-cat-card .elementor-widget-text-editor{
color:#fff !important;
font-family:Georgia,serif !important;
font-size:17px !important;
letter-spacing:.22em !important;
font-weight:700 !important;
text-shadow:0 8px 26px rgba(0,0,0,.9) !important;
}
.mg-el-cat-card .elementor-button{
border:0 !important;
padding:0 !important;
color:#f1d183 !important;
background:transparent !important;
font-size:15px !important;
}
.mg-el-cat-card .elementor-button:hover{
background:transparent !important;
color:#fff !important;
transform:none !important;
}
/* Header text old color/weight */
.mg-menu a{
color:#fff !important;
font-size:15px !important;
font-weight:600 !important;
}
.mg-menu a:hover,
.mg-menu a.active{
color:#f1d183 !important;
}
.mg-logo span{
color:#f1d183 !important;
font-family:var(--font-title) !important;
font-weight:700 !important;
}
/* Restore hero visual balance similar to old screenshot */
.mg-el-hero{
min-height:720px !important;
background-position:center top !important;
}
.mg-el-hero > .elementor-container,
.mg-el-hero > .elementor-container > .elementor-column,
.mg-el-hero > .elementor-container > .elementor-column > .elementor-widget-wrap{
min-height:720px !important;
}
.mg-el-hero .elementor-column:nth-child(2){
padding-top:40px !important;
}
/* A slightly warmer overlay, closer to previous version */
.mg-el-hero:before{
background:
radial-gradient(circle at 64% 40%, rgba(188,129,55,.12), rgba(0,0,0,0) 35%),
linear-gradient(90deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.34) 44%, rgba(0,0,0,.78) 100%) !important;
}
/* Product showcase title color should be gold, not blue */
.mg-el-products .mg-el-kicker .elementor-heading-title,
.mg-el-products .mg-el-kicker{
color:#b98d4d !important;
}
.mg-el-products .mg-el-section-title .elementor-heading-title{
color:#d9ad63 !important;
font-family:var(--font-title) !important;
}
/* Remove possible Elementor/default blue color */
.mg-page .elementor-heading-title,
.mg-page .elementor-widget-heading .elementor-heading-title{
--e-global-color-primary:#d9ad63 !important;
}
/* Product/card typography */
.mg-showcase-info h3,
.mg-style-card-content strong,
.mg-el-style-card .elementor-heading-title{
font-family:var(--font-title) !important;
color:#f1d183 !important;
}
/* Mobile */
@media(max-width:900px){
.mg-el-hero .mg-el-hero-title .elementor-heading-title{
font-size:54px !important;
}
.mg-el-hero,
.mg-el-hero > .elementor-container,
.mg-el-hero > .elementor-container > .elementor-column,
.mg-el-hero > .elementor-container > .elementor-column > .elementor-widget-wrap{
min-height:660px !important;
}
}
/* === V33 New Collection: match old luxury title/spacing/cards === */
.mg-el-products{
background:
radial-gradient(circle at 50% 34%, rgba(206,152,74,.18), rgba(0,0,0,0) 34%),
radial-gradient(circle at 50% 66%, rgba(126,78,32,.09), rgba(0,0,0,0) 42%),
#060606 !important;
padding:104px 0 124px !important;
text-align:center !important;
overflow:hidden !important;
}
.mg-el-products > .elementor-container{
max-width:1280px !important;
margin:0 auto !important;
}
.mg-el-products .mg-el-kicker,
.mg-el-products .mg-el-kicker .elementor-heading-title{
display:block !important;
text-align:center !important;
color:#b98d4d !important;
font-family:Georgia, "Times New Roman", serif !important;
font-size:14px !important;
font-weight:500 !important;
letter-spacing:.42em !important;
line-height:1.2 !important;
margin:0 0 20px !important;
text-transform:uppercase !important;
}
.mg-el-products .mg-el-section-title{
text-align:center !important;
margin:0 !important;
}
.mg-el-products .mg-el-section-title .elementor-heading-title{
text-align:center !important;
color:#d9ad63 !important;
font-family:var(--font-title) !important;
font-size:clamp(54px,5.2vw,82px) !important;
line-height:1.18 !important;
font-weight:700 !important;
letter-spacing:-.9px !important;
margin:0 !important;
text-shadow:0 20px 62px rgba(217,173,99,.17) !important;
}
/* the missing luxury separator */
.mg-el-products .mg-el-section-title .elementor-heading-title:after{
content:"" !important;
display:block !important;
width:145px !important;
height:1px !important;
margin:30px auto 0 !important;
background:linear-gradient(90deg, transparent, rgba(217,173,99,.62), transparent) !important;
}
.mg-el-products .elementor-widget-shortcode{
margin-top:84px !important;
}
/* keep product area centered and old proportions */
.mg-showcase-products{
width:min(1120px,88vw) !important;
margin:0 auto !important;
display:grid !important;
grid-template-columns:.86fr 1.25fr .86fr !important;
gap:54px !important;
align-items:center !important;
justify-content:center !important;
direction:ltr !important;
}
.mg-showcase-card{
min-height:405px !important;
border-radius:13px !important;
transform:translateY(44px) !important;
border:1px solid rgba(217,173,99,.28) !important;
box-shadow:0 36px 105px rgba(0,0,0,.76) !important;
}
.mg-showcase-card-2{
min-height:590px !important;
transform:translateY(0) !important;
}
.mg-showcase-image img{
filter:brightness(.76) contrast(1.08) saturate(.96) !important;
}
.mg-showcase-info{
bottom:52px !important;
}
.mg-showcase-card-2 .mg-showcase-info{
bottom:66px !important;
}
.mg-showcase-info h3{
font-family:Georgia, "Times New Roman", serif !important;
color:#fff3dc !important;
font-size:clamp(25px,2vw,35px) !important;
line-height:1.15 !important;
font-weight:700 !important;
margin:0 !important;
text-shadow:0 9px 28px rgba(0,0,0,.90) !important;
}
.mg-showcase-card-2 .mg-showcase-info h3{
font-size:clamp(36px,3.1vw,52px) !important;
}
/* small gold line below each product name */
.mg-showcase-info h3:after{
content:"" !important;
display:block !important;
width:36px !important;
height:1px !important;
margin:18px auto 0 !important;
background:rgba(217,173,99,.78) !important;
}
.mg-showcase-info p{
margin-top:12px !important;
color:#d9ad63 !important;
font-size:15px !important;
opacity:0 !important;
transform:translateY(10px) !important;
}
.mg-showcase-card:hover .mg-showcase-info p{
opacity:1 !important;
transform:translateY(0) !important;
}
/* Reduce new-version overgrowth on hover */
.mg-showcase-products .mg-showcase-card:hover{
transform:translateY(24px) scale(1.04) !important;
}
.mg-showcase-products .mg-showcase-card-2:hover{
transform:translateY(-8px) scale(1.035) !important;
}
/* Make sure no blue Elementor default title leaks */
.mg-el-products .elementor-heading-title,
.mg-el-products .elementor-widget-heading .elementor-heading-title{
color:#d9ad63 !important;
}
/* Slightly more breathing room after section title, less random top emptiness */
.mg-el-products .elementor-widget:not(:last-child){
margin-bottom:0 !important;
}
@media(max-width:900px){
.mg-el-products{
padding:78px 0 92px !important;
}
.mg-el-products .mg-el-section-title .elementor-heading-title{
font-size:44px !important;
}
.mg-el-products .elementor-widget-shortcode{
margin-top:52px !important;
}
.mg-showcase-products{
grid-template-columns:1fr !important;
width:min(460px,88vw) !important;
gap:28px !important;
}
.mg-showcase-card,
.mg-showcase-card-2{
min-height:430px !important;
transform:none !important;
}
}
/* === V35 Hero title: old-style gold + white balance === */
/* Restore old hero title feeling: first line gold, second line white, not oversized */
.mg-el-hero .mg-el-hero-title .elementor-heading-title,
.mg-el-hero h1.elementor-heading-title,
.mg-el-hero h1{
font-family:"Noto Naskh Arabic","Vazirmatn",Tahoma,Arial,sans-serif !important;
font-size:clamp(64px,5.7vw,98px) !important;
line-height:1.16 !important;
font-weight:700 !important;
letter-spacing:-1.1px !important;
color:#ffffff !important;
text-align:right !important;
text-shadow:0 18px 58px rgba(0,0,0,.62) !important;
max-width:760px !important;
margin:0 0 26px !important;
}
/* Elementor title contains زیبایی ماندگار
در جزئیات */
.mg-el-hero .mg-el-hero-title .elementor-heading-title strong,
.mg-el-hero h1.elementor-heading-title strong,
.mg-el-hero h1 strong{
color:#f1d183 !important;
font-weight:700 !important;
text-shadow:0 22px 70px rgba(217,173,99,.20) !important;
}
/* Subtitle like previous luxury version */
.mg-el-hero .mg-el-hero-text,
.mg-el-hero .mg-el-hero-text p,
.mg-el-hero .elementor-widget-text-editor,
.mg-el-hero .elementor-widget-text-editor p{
color:#ffffff !important;
font-size:18px !important;
line-height:2.05 !important;
font-weight:500 !important;
text-align:right !important;
text-shadow:0 6px 22px rgba(0,0,0,.72) !important;
max-width:620px !important;
}
/* Transparent button like the old screenshot */
.mg-el-hero .elementor-button,
.mg-el-btn .elementor-button{
background:transparent !important;
background-color:transparent !important;
color:#ffffff !important;
border:1px solid rgba(216,175,96,.85) !important;
border-radius:0 !important;
padding:16px 38px !important;
box-shadow:none !important;
}
.mg-el-hero .elementor-button:hover,
.mg-el-btn .elementor-button:hover{
background:rgba(216,175,96,.10) !important;
color:#f1d183 !important;
border-color:#f1d183 !important;
}
/* Keep hero proportions close to old version */
.mg-el-hero{
min-height:720px !important;
background-position:center top !important;
}
.mg-el-hero > .elementor-container,
.mg-el-hero > .elementor-container > .elementor-column,
.mg-el-hero > .elementor-container > .elementor-column > .elementor-widget-wrap{
min-height:720px !important;
}
.mg-el-hero .elementor-column:nth-child(2) .elementor-widget-wrap{
align-content:center !important;
justify-content:center !important;
padding-top:40px !important;
}
/* Warmer overlay but not too dark */
.mg-el-hero:before{
background:
radial-gradient(circle at 64% 40%, rgba(188,129,55,.10), rgba(0,0,0,0) 35%),
linear-gradient(90deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.36) 45%, rgba(0,0,0,.78) 100%) !important;
}
@media(max-width:900px){
.mg-el-hero .mg-el-hero-title .elementor-heading-title,
.mg-el-hero h1.elementor-heading-title,
.mg-el-hero h1{
font-size:52px !important;
line-height:1.2 !important;
}
}
/* === V36 New Collection final tune === */
/* Section title closer to older luxury version */
.mg-el-products{
padding-top:96px !important;
padding-bottom:118px !important;
}
.mg-el-products .mg-el-kicker,
.mg-el-products .mg-el-kicker .elementor-heading-title{
font-size:15px !important;
letter-spacing:.48em !important;
color:#c59a52 !important;
margin-bottom:14px !important;
}
.mg-el-products .mg-el-section-title .elementor-heading-title{
font-family:"Noto Naskh Arabic","Vazirmatn",Tahoma,Arial,sans-serif !important;
font-size:clamp(62px,5.8vw,92px) !important;
line-height:1.08 !important;
font-weight:700 !important;
color:#d9ad63 !important;
letter-spacing:-1.2px !important;
text-shadow:0 24px 80px rgba(217,173,99,.20) !important;
}
.mg-el-products .mg-el-section-title .elementor-heading-title:after{
content:"" !important;
display:block !important;
width:160px !important;
height:1px !important;
margin:28px auto 0 !important;
background:linear-gradient(90deg, transparent, rgba(217,173,99,.72), transparent) !important;
}
.mg-el-products .elementor-widget-shortcode{
margin-top:70px !important;
}
/* More compact / balanced card layout like old screenshot */
.mg-showcase-products{
width:min(1120px,88vw) !important;
grid-template-columns:.88fr 1.22fr .88fr !important;
gap:46px !important;
align-items:center !important;
}
/* Put first product visually on the left, third on right, middle stays center */
.mg-showcase-card-1{ order:1 !important; }
.mg-showcase-card-2{ order:2 !important; }
.mg-showcase-card-3{ order:3 !important; }
.mg-showcase-card{
min-height:390px !important;
transform:translateY(36px) !important;
border-radius:13px !important;
}
.mg-showcase-card-2{
min-height:560px !important;
transform:translateY(0) !important;
}
.mg-showcase-info h3{
font-size:clamp(25px,2vw,35px) !important;
color:#fff3dc !important;
}
.mg-showcase-card-2 .mg-showcase-info h3{
font-size:clamp(36px,3vw,50px) !important;
}
.mg-showcase-info h3:after{
width:36px !important;
margin-top:16px !important;
}
.mg-showcase-more{
margin-top:64px !important;
}
/* If Elementor/WooCommerce produces different card order, keep visual balance by card position */
.mg-showcase-products .mg-showcase-card:nth-child(1){
order:1 !important;
}
.mg-showcase-products .mg-showcase-card:nth-child(2){
order:2 !important;
}
.mg-showcase-products .mg-showcase-card:nth-child(3){
order:3 !important;
}
/* reduce hover movement */
.mg-showcase-products .mg-showcase-card:hover{
transform:translateY(18px) scale(1.035) !important;
}
.mg-showcase-products .mg-showcase-card-2:hover{
transform:translateY(-6px) scale(1.03) !important;
}
@media(max-width:900px){
.mg-el-products .mg-el-section-title .elementor-heading-title{
font-size:46px !important;
}
.mg-el-products .elementor-widget-shortcode{
margin-top:48px !important;
}
.mg-showcase-card,
.mg-showcase-card-2{
min-height:420px !important;
transform:none !important;
}
}
/* === V37 Elementor Editable Shop / Collection Page === */
body.mg-shop-page{background:#060606!important;color:#f4ecdf!important;direction:rtl;overflow-x:hidden}
body.mg-shop-page #masthead,body.mg-shop-page .site-header,body.mg-shop-page .site-footer,body.mg-shop-page .entry-header,body.mg-shop-page .page-title,body.mg-shop-page .entry-title{display:none!important}
body.mg-shop-page .content-area,body.mg-shop-page .site-main,body.mg-shop-page .entry-content,body.mg-shop-page .elementor,body.mg-shop-page .elementor-section-wrap{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.mg-el-shop-hero{min-height:520px!important;background:#050403!important;overflow:hidden!important}
.mg-el-shop-hero:before{content:""!important;position:absolute!important;inset:0!important;background:radial-gradient(circle at 62% 45%,rgba(217,173,99,.18),rgba(0,0,0,0) 34%),linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.48),rgba(0,0,0,.78))!important;z-index:1!important;pointer-events:none!important}
.mg-el-shop-hero>.elementor-container{position:relative!important;z-index:2!important;max-width:1280px!important;min-height:520px!important;margin:0 auto!important}
.mg-el-shop-hero .elementor-column,.mg-el-shop-hero .elementor-widget-wrap{min-height:520px!important}
.mg-el-shop-title .elementor-heading-title{font-family:"Noto Naskh Arabic","Vazirmatn",Tahoma,Arial,sans-serif!important;font-size:clamp(58px,5.8vw,96px)!important;line-height:1.15!important;font-weight:700!important;color:#f1d183!important;text-align:right!important;text-shadow:0 22px 70px rgba(217,173,99,.18)!important}
.mg-el-shop-subtitle,.mg-el-shop-subtitle p{color:#f5ead6!important;font-size:19px!important;line-height:2!important;text-align:right!important;max-width:680px!important}
.mg-el-shop-kicker .elementor-heading-title{color:#b98d4d!important;font-family:Georgia,serif!important;font-size:14px!important;letter-spacing:.40em!important;text-align:right!important;margin-bottom:18px!important}
.mg-shop-grid-section{background:radial-gradient(circle at 50% 0%,rgba(217,173,99,.10),rgba(0,0,0,0) 30%),#060606!important;padding:92px 0 120px!important}
.mg-shop-grid-wrap{width:min(1320px,92vw)!important;margin:0 auto!important}
.mg-shop-toolbar{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:24px!important;margin-bottom:42px!important;color:#d8d0c1!important;border-bottom:1px solid rgba(217,173,99,.20)!important;padding-bottom:22px!important}
.mg-shop-result{color:#d8d0c1!important;font-size:14px!important}
.mg-shop-toolbar .woocommerce-ordering{margin:0!important}
.mg-shop-toolbar select,.woocommerce-ordering select{background:#090909!important;color:#f4ecdf!important;border:1px solid rgba(217,173,99,.35)!important;padding:12px 18px!important;border-radius:0!important;outline:none!important}
.mg-shop-page ul.products,.mg-shop-grid-section ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:34px!important;margin:0!important;padding:0!important}
.mg-shop-page ul.products li.product,.mg-shop-grid-section ul.products li.product{width:auto!important;float:none!important;margin:0!important;background:#0a0908!important;border:1px solid rgba(217,173,99,.20)!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 28px 90px rgba(0,0,0,.48)!important;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease!important;position:relative!important}
.mg-shop-page ul.products li.product:hover,.mg-shop-grid-section ul.products li.product:hover{transform:translateY(-8px)!important;border-color:rgba(217,173,99,.62)!important;box-shadow:0 38px 110px rgba(0,0,0,.72)!important}
.mg-shop-page ul.products li.product img,.mg-shop-grid-section ul.products li.product img{width:100%!important;height:330px!important;object-fit:cover!important;margin:0!important;display:block!important;filter:brightness(.86) contrast(1.05)!important;transition:transform .55s ease,filter .55s ease!important}
.mg-shop-page ul.products li.product:hover img,.mg-shop-grid-section ul.products li.product:hover img{transform:scale(1.045)!important;filter:brightness(.96) contrast(1.1)!important}
.mg-shop-page ul.products li.product .woocommerce-loop-product__title,.mg-shop-grid-section ul.products li.product .woocommerce-loop-product__title{color:#f5ead6!important;font-family:"Vazirmatn",Tahoma,Arial,sans-serif!important;font-size:18px!important;line-height:1.7!important;font-weight:600!important;text-align:center!important;padding:24px 20px 8px!important;margin:0!important}
.mg-shop-page ul.products li.product .price,.mg-shop-grid-section ul.products li.product .price{display:block!important;color:#d9ad63!important;font-size:16px!important;text-align:center!important;padding:0 20px 26px!important;margin:0!important}
.mg-shop-page ul.products li.product .button,.mg-shop-grid-section ul.products li.product .button,.mg-shop-page a.added_to_cart,.mg-shop-grid-section a.added_to_cart{position:absolute!important;left:22px!important;right:22px!important;bottom:22px!important;background:rgba(6,6,6,.78)!important;border:1px solid rgba(217,173,99,.70)!important;color:#f5ead6!important;text-align:center!important;border-radius:0!important;padding:13px 18px!important;opacity:0!important;transform:translateY(14px)!important;transition:.35s ease!important;z-index:5!important}
.mg-shop-page ul.products li.product:hover .button,.mg-shop-grid-section ul.products li.product:hover .button,.mg-shop-page li.product:hover a.added_to_cart,.mg-shop-grid-section li.product:hover a.added_to_cart{opacity:1!important;transform:translateY(0)!important}
.mg-shop-page .star-rating,.mg-shop-grid-section .star-rating,.mg-shop-page .onsale,.mg-shop-grid-section .onsale{display:none!important}
.mg-shop-page .woocommerce-pagination,.mg-shop-grid-section .woocommerce-pagination{margin-top:56px!important}
.mg-shop-page .woocommerce-pagination ul,.mg-shop-grid-section .woocommerce-pagination ul{border:0!important}
.mg-shop-page .woocommerce-pagination ul li,.mg-shop-grid-section .woocommerce-pagination ul li{border:0!important;margin:0 5px!important}
.mg-shop-page .woocommerce-pagination ul li a,.mg-shop-page .woocommerce-pagination ul li span,.mg-shop-grid-section .woocommerce-pagination ul li a,.mg-shop-grid-section .woocommerce-pagination ul li span{background:#0a0908!important;border:1px solid rgba(217,173,99,.28)!important;color:#f4ecdf!important;padding:12px 16px!important}
.mg-shop-page .woocommerce-pagination ul li span.current,.mg-shop-grid-section .woocommerce-pagination ul li span.current{background:#d9ad63!important;color:#060606!important}
.mg-shop-page .woocommerce-products-header,.mg-shop-page .woocommerce-breadcrumb{display:none!important}
@media(max-width:1100px){.mg-shop-page ul.products,.mg-shop-grid-section ul.products{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){.mg-shop-page ul.products,.mg-shop-grid-section ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.mg-shop-page ul.products li.product img,.mg-shop-grid-section ul.products li.product img{height:240px!important}.mg-shop-toolbar{flex-direction:column!important;align-items:flex-start!important}.mg-el-shop-title .elementor-heading-title{font-size:44px!important}}
/* === V38 Shop luxury cards refinement === */
.mg-shop-grid-section{
background:
radial-gradient(circle at 50% 0%, rgba(217,173,99,.14), rgba(0,0,0,0) 28%),
radial-gradient(circle at 50% 45%, rgba(217,173,99,.07), rgba(0,0,0,0) 42%),
#050505 !important;
padding:86px 0 130px !important;
}
.mg-shop-grid-wrap{
width:min(1240px,90vw) !important;
}
.mg-shop-toolbar{
margin-bottom:58px !important;
padding-bottom:24px !important;
border-bottom:1px solid rgba(217,173,99,.24) !important;
}
.mg-shop-result,
.woocommerce-result-count{
color:#cfc3ae !important;
font-size:14px !important;
}
.mg-shop-toolbar select,
.woocommerce-ordering select{
background:transparent !important;
color:#f5ead6 !important;
border:1px solid rgba(217,173,99,.55) !important;
min-width:220px !important;
height:54px !important;
padding:0 22px !important;
font-size:14px !important;
}
/* Premium product gallery grid */
.mg-shop-page ul.products,
.mg-shop-grid-section ul.products{
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:42px 38px !important;
}
/* Remove the white store-card feeling */
.mg-shop-page ul.products li.product,
.mg-shop-grid-section ul.products li.product{
background:#090807 !important;
border:1px solid rgba(217,173,99,.22) !important;
border-radius:18px !important;
overflow:hidden !important;
min-height:455px !important;
box-shadow:0 34px 100px rgba(0,0,0,.58) !important;
}
/* Make product photo a full luxury poster */
.mg-shop-page ul.products li.product a.woocommerce-LoopProduct-link,
.mg-shop-grid-section ul.products li.product a.woocommerce-LoopProduct-link{
position:relative !important;
display:block !important;
height:455px !important;
overflow:hidden !important;
background:#111 !important;
}
.mg-shop-page ul.products li.product img,
.mg-shop-grid-section ul.products li.product img{
position:absolute !important;
inset:0 !important;
width:100% !important;
height:100% !important;
object-fit:cover !important;
background:#111 !important;
filter:brightness(.86) contrast(1.08) saturate(.95) !important;
}
.mg-shop-page ul.products li.product a.woocommerce-LoopProduct-link:after,
.mg-shop-grid-section ul.products li.product a.woocommerce-LoopProduct-link:after{
content:"" !important;
position:absolute !important;
inset:0 !important;
z-index:2 !important;
background:
linear-gradient(180deg, rgba(0,0,0,0) 38%, rgba(0,0,0,.88) 100%),
radial-gradient(circle at 50% 100%, rgba(217,173,99,.12), rgba(0,0,0,0) 44%) !important;
pointer-events:none !important;
}
/* Put title and price on image, not on white panel */
.mg-shop-page ul.products li.product .woocommerce-loop-product__title,
.mg-shop-grid-section ul.products li.product .woocommerce-loop-product__title{
position:absolute !important;
z-index:4 !important;
left:22px !important;
right:22px !important;
bottom:70px !important;
padding:0 !important;
color:#fff3dc !important;
font-family:"Noto Naskh Arabic","Vazirmatn",Tahoma,Arial,sans-serif !important;
font-size:22px !important;
line-height:1.45 !important;
font-weight:700 !important;
text-align:center !important;
text-shadow:0 8px 28px rgba(0,0,0,.9) !important;
}
.mg-shop-page ul.products li.product .price,
.mg-shop-grid-section ul.products li.product .price{
position:absolute !important;
z-index:4 !important;
left:22px !important;
right:22px !important;
bottom:34px !important;
padding:0 !important;
color:#d9ad63 !important;
font-size:15px !important;
font-weight:500 !important;
text-align:center !important;
text-shadow:0 6px 20px rgba(0,0,0,.85) !important;
}
/* Hide default white panel artifacts */
.mg-shop-page ul.products li.product .woocommerce-loop-product__title + .price,
.mg-shop-grid-section ul.products li.product .woocommerce-loop-product__title + .price{
background:transparent !important;
}
/* Hover add-to-cart as elegant overlay */
.mg-shop-page ul.products li.product .button,
.mg-shop-grid-section ul.products li.product .button,
.mg-shop-page a.added_to_cart,
.mg-shop-grid-section a.added_to_cart{
bottom:18px !important;
left:24px !important;
right:24px !important;
background:rgba(5,5,5,.82) !important;
backdrop-filter:blur(10px) !important;
border:1px solid rgba(217,173,99,.72) !important;
color:#fff3dc !important;
font-size:14px !important;
padding:13px 16px !important;
}
.mg-shop-page ul.products li.product:hover,
.mg-shop-grid-section ul.products li.product:hover{
transform:translateY(-10px) !important;
border-color:rgba(217,173,99,.70) !important;
box-shadow:0 46px 130px rgba(0,0,0,.82) !important;
}
.mg-shop-page ul.products li.product:hover img,
.mg-shop-grid-section ul.products li.product:hover img{
transform:scale(1.06) !important;
filter:brightness(.98) contrast(1.12) saturate(1.04) !important;
}
/* Better top hero of shop if present */
.mg-el-shop-hero{
min-height:460px !important;
}
.mg-el-shop-hero > .elementor-container,
.mg-el-shop-hero .elementor-column,
.mg-el-shop-hero .elementor-widget-wrap{
min-height:460px !important;
}
/* Pagination spacing */
.mg-shop-page .woocommerce-pagination,
.mg-shop-grid-section .woocommerce-pagination{
margin-top:72px !important;
}
@media(max-width:1100px){
.mg-shop-page ul.products,
.mg-shop-grid-section ul.products{
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
}
@media(max-width:760px){
.mg-shop-grid-section{
padding:60px 0 90px !important;
}
.mg-shop-page ul.products,
.mg-shop-grid-section ul.products{
grid-template-columns:1fr !important;
width:min(390px,90vw) !important;
margin-left:auto !important;
margin-right:auto !important;
gap:28px !important;
}
.mg-shop-page ul.products li.product a.woocommerce-LoopProduct-link,
.mg-shop-grid-section ul.products li.product a.woocommerce-LoopProduct-link,
.mg-shop-page ul.products li.product,
.mg-shop-grid-section ul.products li.product{
height:430px !important;
min-height:430px !important;
}
}
/* === V39 Shop: remove white add-to-cart strip + luxury hover button === */
/* Make sure no white WooCommerce button area remains under product images */
.mg-shop-page ul.products li.product,
.mg-shop-grid-section ul.products li.product{
background:#070707 !important;
border:1px solid rgba(217,173,99,.26) !important;
border-radius:18px !important;
overflow:hidden !important;
min-height:455px !important;
padding:0 !important;
}
.mg-shop-page ul.products li.product a.woocommerce-LoopProduct-link,
.mg-shop-grid-section ul.products li.product a.woocommerce-LoopProduct-link{
height:455px !important;
margin:0 !important;
padding:0 !important;
}
/* Hide the default visible button completely until hover */
.mg-shop-page ul.products li.product .button,
.mg-shop-grid-section ul.products li.product .button,
.mg-shop-page a.added_to_cart,
.mg-shop-grid-section a.added_to_cart{
position:absolute !important;
left:50% !important;
right:auto !important;
bottom:24px !important;
width:auto !important;
min-width:178px !important;
max-width:calc(100% - 44px) !important;
transform:translateX(-50%) translateY(20px) !important;
opacity:0 !important;
visibility:hidden !important;
background:rgba(5,5,5,.72) !important;
color:#fff3dc !important;
border:1px solid rgba(217,173,99,.78) !important;
border-radius:999px !important;
padding:13px 24px !important;
font-size:14px !important;
font-weight:600 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:0 18px 50px rgba(0,0,0,.55) !important;
backdrop-filter:blur(12px) !important;
transition:opacity .32s ease, visibility .32s ease, transform .32s ease, background .32s ease, color .32s ease !important;
z-index:8 !important;
}
/* Persian/luxury text for add to cart when theme/browser shows default text */
.mg-shop-page ul.products li.product .button::before,
.mg-shop-grid-section ul.products li.product .button::before{
content:"مشاهده و خرید" !important;
}
.mg-shop-page ul.products li.product .button,
.mg-shop-grid-section ul.products li.product .button{
font-size:0 !important;
}
.mg-shop-page ul.products li.product .button::before,
.mg-shop-grid-section ul.products li.product .button::before{
font-size:14px !important;
}
/* Show elegant button only on hover */
.mg-shop-page ul.products li.product:hover .button,
.mg-shop-grid-section ul.products li.product:hover .button,
.mg-shop-page li.product:hover a.added_to_cart,
.mg-shop-grid-section li.product:hover a.added_to_cart{
opacity:1 !important;
visibility:visible !important;
transform:translateX(-50%) translateY(0) !important;
}
.mg-shop-page ul.products li.product .button:hover,
.mg-shop-grid-section ul.products li.product .button:hover,
.mg-shop-page a.added_to_cart:hover,
.mg-shop-grid-section a.added_to_cart:hover{
background:#d9ad63 !important;
color:#060606 !important;
border-color:#d9ad63 !important;
}
/* Remove any white background strip generated by Woo/Kadence */
.mg-shop-page ul.products li.product .product-details,
.mg-shop-grid-section ul.products li.product .product-details,
.mg-shop-page ul.products li.product .entry-content-wrap,
.mg-shop-grid-section ul.products li.product .entry-content-wrap,
.mg-shop-page ul.products li.product .woo-entry-inner,
.mg-shop-grid-section ul.products li.product .woo-entry-inner,
.mg-shop-page ul.products li.product .kadence-shop-product-inner,
.mg-shop-grid-section ul.products li.product .kadence-shop-product-inner{
background:transparent !important;
padding:0 !important;
}
/* Extra dark fade so text stays readable without white panel */
.mg-shop-page ul.products li.product a.woocommerce-LoopProduct-link:after,
.mg-shop-grid-section ul.products li.product a.woocommerce-LoopProduct-link:after{
background:
linear-gradient(180deg, rgba(0,0,0,0) 32%, rgba(0,0,0,.62) 64%, rgba(0,0,0,.94) 100%),
radial-gradient(circle at 50% 100%, rgba(217,173,99,.13), rgba(0,0,0,0) 48%) !important;
}
/* Move title/price slightly up, leaving room for hover button */
.mg-shop-page ul.products li.product .woocommerce-loop-product__title,
.mg-shop-grid-section ul.products li.product .woocommerce-loop-product__title{
bottom:84px !important;
}
.mg-shop-page ul.products li.product .price,
.mg-shop-grid-section ul.products li.product .price{
bottom:54px !important;
}
/* During non-hover, no blank strip should appear */
.mg-shop-page ul.products li.product:not(:hover) .button,
.mg-shop-grid-section ul.products li.product:not(:hover) .button{
display:block !important;
}
/* Loading/added states */
.mg-shop-page ul.products li.product .button.loading::after,
.mg-shop-grid-section ul.products li.product .button.loading::after{
font-size:14px !important;
color:#d9ad63 !important;
right:auto !important;
left:14px !important;
top:50% !important;
transform:translateY(-50%) !important;
}
@media(max-width:760px){
.mg-shop-page ul.products li.product .button,
.mg-shop-grid-section ul.products li.product .button,
.mg-shop-page a.added_to_cart,
.mg-shop-grid-section a.added_to_cart{
opacity:1 !important;
visibility:visible !important;
transform:translateX(-50%) translateY(0) !important;
bottom:18px !important;
}
.mg-shop-page ul.products li.product .woocommerce-loop-product__title,
.mg-shop-grid-section ul.products li.product .woocommerce-loop-product__title{
bottom:82px !important;
}
.mg-shop-page ul.products li.product .price,
.mg-shop-grid-section ul.products li.product .price{
bottom:54px !important;
}
}
/* === V40 Sticky luxury header + better shop scroll flow === */
/* Header stays inside the page experience */
.mg-header{
position:sticky !important;
top:0 !important;
z-index:9999 !important;
background:
linear-gradient(180deg, rgba(0,0,0,.94), rgba(0,0,0,.78)) !important;
backdrop-filter:blur(16px) !important;
-webkit-backdrop-filter:blur(16px) !important;
border-bottom:1px solid rgba(217,173,99,.22) !important;
box-shadow:0 18px 55px rgba(0,0,0,.38) !important;
}
/* Price bar becomes slimmer and cleaner */
.mg-pricebar{
height:34px !important;
background:rgba(0,0,0,.72) !important;
border-bottom:1px solid rgba(217,173,99,.20) !important;
}
.mg-pricebar-inner{
height:34px !important;
font-size:13px !important;
}
/* Main nav slimmer when sticky */
.mg-nav{
height:72px !important;
}
.mg-logo span{
font-size:25px !important;
}
.mg-logo b{
width:48px !important;
height:48px !important;
flex-basis:48px !important;
}
/* Because header is no longer absolute, remove extra invisible top space */
.mg-el-hero,
.mg-el-shop-hero{
margin-top:0 !important;
}
/* Home hero: keep old visual but account for sticky header */
.mg-el-hero{
min-height:700px !important;
}
.mg-el-hero > .elementor-container,
.mg-el-hero > .elementor-container > .elementor-column,
.mg-el-hero > .elementor-container > .elementor-column > .elementor-widget-wrap{
min-height:700px !important;
}
/* Shop page hero should not feel too tall before products */
.mg-el-shop-hero{
min-height:360px !important;
}
.mg-el-shop-hero > .elementor-container,
.mg-el-shop-hero .elementor-column,
.mg-el-shop-hero .elementor-widget-wrap{
min-height:360px !important;
}
.mg-el-shop-hero .elementor-widget-wrap{
padding-top:70px !important;
padding-bottom:55px !important;
}
.mg-el-shop-title .elementor-heading-title{
font-size:clamp(46px,4.8vw,76px) !important;
}
.mg-el-shop-subtitle,
.mg-el-shop-subtitle p{
font-size:17px !important;
}
/* Pull product grid closer to header/hero, more gallery-like */
.mg-shop-grid-section{
padding-top:58px !important;
}
.mg-shop-toolbar{
margin-bottom:42px !important;
}
/* remove giant dark gap if Elementor created extra space */
.mg-shop-main .elementor-section + .mg-shop-grid-section,
.mg-shop-main .mg-el-shop-hero + .mg-shop-grid-section{
padding-top:54px !important;
}
/* If admin bar exists, sticky header should sit below it */
.admin-bar .mg-header{
top:32px !important;
}
@media(max-width:782px){
.admin-bar .mg-header{
top:46px !important;
}
}
@media(max-width:900px){
.mg-pricebar{
height:32px !important;
}
.mg-pricebar-inner{
height:32px !important;
font-size:12px !important;
}
.mg-nav{
height:64px !important;
}
.mg-el-shop-hero{
min-height:320px !important;
}
.mg-el-shop-hero > .elementor-container,
.mg-el-shop-hero .elementor-column,
.mg-el-shop-hero .elementor-widget-wrap{
min-height:320px !important;
}
}
/* === V41 Fixed luxury header: real fixed, page content scrolls under it === */
/* Fixed, not sticky */
body.mg-page .mg-header,
body.mg-shop-page .mg-header,
.mg-header{
position:fixed !important;
top:0 !important;
left:0 !important;
right:0 !important;
width:100% !important;
z-index:99999 !important;
background:
linear-gradient(180deg, rgba(0,0,0,.92), rgba(0,0,0,.68)) !important;
backdrop-filter:blur(18px) !important;
-webkit-backdrop-filter:blur(18px) !important;
border-bottom:1px solid rgba(217,173,99,.24) !important;
box-shadow:0 18px 60px rgba(0,0,0,.42) !important;
}
/* Admin bar compatibility */
.admin-bar .mg-header{
top:32px !important;
}
@media(max-width:782px){
.admin-bar .mg-header{
top:46px !important;
}
}
/* Compact fixed header */
.mg-pricebar{
height:34px !important;
background:rgba(0,0,0,.74) !important;
}
.mg-pricebar-inner{
height:34px !important;
font-size:13px !important;
}
.mg-nav{
height:72px !important;
}
/* Since header is fixed, give only shop content a breathing start */
body.mg-shop-page .mg-shop-main{
padding-top:106px !important;
}
/* Home should keep hero behind the fixed header for premium overlay look */
body.mg-page:not(.mg-shop-page) .mg-el-hero{
margin-top:0 !important;
}
/* Shop hero should start immediately under fixed header, not create a huge black gap */
body.mg-shop-page .mg-el-shop-hero{
min-height:340px !important;
}
body.mg-shop-page .mg-el-shop-hero > .elementor-container,
body.mg-shop-page .mg-el-shop-hero .elementor-column,
body.mg-shop-page .mg-el-shop-hero .elementor-widget-wrap{
min-height:340px !important;
}
body.mg-shop-page .mg-el-shop-hero .elementor-widget-wrap{
padding-top:50px !important;
padding-bottom:50px !important;
}
/* Product grid closer */
body.mg-shop-page .mg-shop-grid-section{
padding-top:48px !important;
}
/* Make fixed header feel more integrated while scrolling */
.mg-menu a,
.mg-logo span,
.mg-icons a{
transition:color .25s ease, opacity .25s ease, transform .25s ease !important;
}
/* Avoid Elementor edit panel overlap confusion: in editor keep header relative */
.elementor-editor-active .mg-header{
position:relative !important;
top:auto !important;
}
.elementor-editor-active body.mg-shop-page .mg-shop-main{
padding-top:0 !important;
}
@media(max-width:900px){
.mg-pricebar{
height:32px !important;
}
.mg-pricebar-inner{
height:32px !important;
font-size:12px !important;
}
.mg-nav{
height:64px !important;
}
body.mg-shop-page .mg-shop-main{
padding-top:96px !important;
}
}
/* === V42 Shop categories + luxury sticky toolbar === */
/* Product category archive should share the same luxury shop look */
body.tax-product_cat,
body.mg-shop-page{
background:#060606 !important;
color:#f4ecdf !important;
}
/* Category links area under shop title */
.mg-shop-cats{
width:min(1120px,90vw) !important;
margin:34px auto 0 !important;
display:flex !important;
flex-wrap:wrap !important;
align-items:center !important;
justify-content:center !important;
gap:12px !important;
direction:rtl !important;
}
.mg-shop-cat{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:42px !important;
padding:0 22px !important;
border:1px solid rgba(217,173,99,.38) !important;
background:rgba(0,0,0,.22) !important;
color:#f5ead6 !important;
text-decoration:none !important;
font-size:14px !important;
font-weight:600 !important;
border-radius:999px !important;
transition:.28s ease !important;
backdrop-filter:blur(10px) !important;
}
.mg-shop-cat:hover,
.mg-shop-cat.active{
color:#060606 !important;
background:#d9ad63 !important;
border-color:#d9ad63 !important;
transform:translateY(-2px) !important;
box-shadow:0 16px 44px rgba(217,173,99,.16) !important;
}
/* Shop title/hero more compact so products start sooner */
body.mg-shop-page .mg-el-shop-hero,
body.tax-product_cat .mg-el-shop-hero{
min-height:300px !important;
}
body.mg-shop-page .mg-el-shop-hero > .elementor-container,
body.mg-shop-page .mg-el-shop-hero .elementor-column,
body.mg-shop-page .mg-el-shop-hero .elementor-widget-wrap,
body.tax-product_cat .mg-el-shop-hero > .elementor-container,
body.tax-product_cat .mg-el-shop-hero .elementor-column,
body.tax-product_cat .mg-el-shop-hero .elementor-widget-wrap{
min-height:300px !important;
}
body.mg-shop-page .mg-el-shop-hero .elementor-widget-wrap,
body.tax-product_cat .mg-el-shop-hero .elementor-widget-wrap{
padding-top:42px !important;
padding-bottom:38px !important;
}
.mg-el-shop-title .elementor-heading-title{
font-size:clamp(42px,4.3vw,68px) !important;
}
.mg-el-shop-subtitle,
.mg-el-shop-subtitle p{
font-size:16px !important;
margin-bottom:0 !important;
}
/* Sticky toolbar below the fixed header */
.mg-shop-filterbar{
position:sticky !important;
top:106px !important;
z-index:990 !important;
background:
linear-gradient(180deg, rgba(6,6,6,.96), rgba(6,6,6,.86)) !important;
backdrop-filter:blur(16px) !important;
-webkit-backdrop-filter:blur(16px) !important;
border-top:1px solid rgba(217,173,99,.10) !important;
border-bottom:1px solid rgba(217,173,99,.24) !important;
box-shadow:0 20px 70px rgba(0,0,0,.45) !important;
}
.admin-bar .mg-shop-filterbar{
top:138px !important;
}
.mg-shop-toolbar{
width:min(1240px,90vw) !important;
margin:0 auto !important;
padding:20px 0 !important;
border-bottom:0 !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:24px !important;
}
.mg-shop-result,
.woocommerce-result-count{
color:#d8d0c1 !important;
font-size:14px !important;
margin:0 !important;
}
.mg-shop-toolbar .woocommerce-ordering{
margin:0 !important;
}
.mg-shop-toolbar select,
.woocommerce-ordering select{
background:rgba(0,0,0,.55) !important;
color:#f4ecdf !important;
border:1px solid rgba(217,173,99,.54) !important;
height:48px !important;
min-width:230px !important;
padding:0 18px !important;
border-radius:999px !important;
outline:none !important;
font-size:14px !important;
}
/* Product area starts right after toolbar */
.mg-shop-grid-section{
padding-top:56px !important;
}
/* Cards: keep v39 luxury and remove any white strip */
.mg-shop-page ul.products li.product,
.mg-shop-grid-section ul.products li.product{
background:#070707 !important;
min-height:455px !important;
border-radius:18px !important;
padding:0 !important;
}
.mg-shop-page ul.products li.product a.woocommerce-LoopProduct-link,
.mg-shop-grid-section ul.products li.product a.woocommerce-LoopProduct-link{
height:455px !important;
display:block !important;
}
.mg-shop-page ul.products li.product .button,
.mg-shop-grid-section ul.products li.product .button{
position:absolute !important;
left:50% !important;
right:auto !important;
bottom:24px !important;
min-width:178px !important;
transform:translateX(-50%) translateY(20px) !important;
opacity:0 !important;
visibility:hidden !important;
background:rgba(5,5,5,.76) !important;
border:1px solid rgba(217,173,99,.78) !important;
color:#fff3dc !important;
border-radius:999px !important;
padding:13px 24px !important;
font-size:0 !important;
text-align:center !important;
backdrop-filter:blur(12px) !important;
z-index:9 !important;
}
.mg-shop-page ul.products li.product .button:before,
.mg-shop-grid-section ul.products li.product .button:before{
content:"مشاهده و خرید" !important;
font-size:14px !important;
font-weight:600 !important;
}
.mg-shop-page ul.products li.product:hover .button,
.mg-shop-grid-section ul.products li.product:hover .button{
opacity:1 !important;
visibility:visible !important;
transform:translateX(-50%) translateY(0) !important;
}
.mg-shop-page ul.products li.product .button:hover,
.mg-shop-grid-section ul.products li.product .button:hover{
background:#d9ad63 !important;
color:#060606 !important;
}
/* On mobile, do not make toolbar too sticky/tall */
@media(max-width:900px){
.mg-shop-filterbar{
position:relative !important;
top:auto !important;
}
.mg-shop-toolbar{
flex-direction:column !important;
align-items:stretch !important;
padding:18px 0 !important;
}
.mg-shop-toolbar select,
.woocommerce-ordering select{
width:100% !important;
}
.mg-shop-cats{
justify-content:flex-start !important;
overflow:auto !important;
flex-wrap:nowrap !important;
padding-bottom:6px !important;
}
.mg-shop-cat{
white-space:nowrap !important;
}
}
/* === V43 ensure category nav + toolbar visibly applied === */
.mg-shop-cats{display:flex!important}
.mg-shop-filterbar{display:block!important}
body.mg-shop-page .mg-el-shop-hero .mg-shop-cats,
body.tax-product_cat .mg-el-shop-hero .mg-shop-cats{
margin-top:28px!important;
}
/* === V44 Shop sticky product bar + minimal luxury footer === */
/* Shop should start products sooner and not waste vertical space */
body.mg-shop-page .mg-el-shop-hero,
body.tax-product_cat .mg-el-shop-hero{
min-height:255px !important;
}
body.mg-shop-page .mg-el-shop-hero > .elementor-container,
body.mg-shop-page .mg-el-shop-hero .elementor-column,
body.mg-shop-page .mg-el-shop-hero .elementor-widget-wrap,
body.tax-product_cat .mg-el-shop-hero > .elementor-container,
body.tax-product_cat .mg-el-shop-hero .elementor-column,
body.tax-product_cat .mg-el-shop-hero .elementor-widget-wrap{
min-height:255px !important;
}
body.mg-shop-page .mg-el-shop-hero .elementor-widget-wrap,
body.tax-product_cat .mg-el-shop-hero .elementor-widget-wrap{
padding-top:34px !important;
padding-bottom:28px !important;
}
.mg-el-shop-title .elementor-heading-title{
font-size:clamp(38px,3.8vw,62px) !important;
}
.mg-el-shop-subtitle,
.mg-el-shop-subtitle p{
font-size:15px !important;
line-height:1.9 !important;
}
/* Hide category chips from hero if old shortcode outputs there; categories now live in product bar */
.mg-el-shop-hero .mg-shop-cats{
display:none !important;
}
/* Product bar: category chips + compact count + sort in one sticky glass row */
.mg-shop-filterbar{
position:sticky !important;
top:106px !important;
z-index:9998 !important;
background:linear-gradient(180deg, rgba(5,5,5,.96), rgba(5,5,5,.86)) !important;
border-top:1px solid rgba(217,173,99,.12) !important;
border-bottom:1px solid rgba(217,173,99,.26) !important;
box-shadow:0 18px 70px rgba(0,0,0,.44) !important;
backdrop-filter:blur(18px) !important;
-webkit-backdrop-filter:blur(18px) !important;
}
.admin-bar .mg-shop-filterbar{
top:138px !important;
}
.mg-shop-toolbar{
width:min(1320px,92vw) !important;
min-height:76px !important;
margin:0 auto !important;
padding:12px 0 !important;
border:0 !important;
display:grid !important;
grid-template-columns:1fr auto auto !important;
align-items:center !important;
gap:22px !important;
direction:rtl !important;
}
/* Category chips inside toolbar */
.mg-shop-toolbar .mg-shop-cats{
margin:0 !important;
width:auto !important;
justify-content:flex-start !important;
flex-wrap:nowrap !important;
overflow-x:auto !important;
gap:10px !important;
padding:4px 0 6px !important;
scrollbar-width:none !important;
}
.mg-shop-toolbar .mg-shop-cats::-webkit-scrollbar{
display:none !important;
}
.mg-shop-toolbar .mg-shop-cat{
min-height:38px !important;
padding:0 18px !important;
font-size:13px !important;
white-space:nowrap !important;
background:rgba(255,255,255,.025) !important;
color:#e8dcc7 !important;
}
.mg-shop-toolbar .mg-shop-cat:hover,
.mg-shop-toolbar .mg-shop-cat.active{
background:#d9ad63 !important;
color:#060606 !important;
}
/* Count: replace verbose Woo text with compact luxury chip */
.mg-shop-result,
.woocommerce-result-count{
margin:0 !important;
color:#d8d0c1 !important;
font-size:0 !important;
white-space:nowrap !important;
}
.mg-shop-result .woocommerce-result-count,
.mg-shop-result{
display:inline-flex !important;
align-items:center !important;
}
.mg-shop-result::before{
content:"محصولات موجود" !important;
font-size:13px !important;
color:#a99b84 !important;
margin-left:8px !important;
}
.mg-shop-result::after{
content:"" !important;
display:inline-block !important;
width:6px !important;
height:6px !important;
border-radius:50% !important;
background:#d9ad63 !important;
margin-right:8px !important;
opacity:.85 !important;
}
/* Sorting */
.mg-shop-toolbar .woocommerce-ordering{
margin:0 !important;
}
.mg-shop-toolbar select,
.woocommerce-ordering select{
height:42px !important;
min-width:190px !important;
padding:0 18px !important;
border-radius:999px !important;
background:rgba(0,0,0,.48) !important;
color:#f4ecdf !important;
border:1px solid rgba(217,173,99,.55) !important;
font-size:13px !important;
}
/* Products start immediately after sticky bar */
.mg-shop-grid-section{
padding-top:38px !important;
padding-bottom:118px !important;
}
/* Minimal reveal footer */
.mg-min-footer{
background:
radial-gradient(circle at 50% 0%, rgba(217,173,99,.12), rgba(0,0,0,0) 38%),
#040404 !important;
border-top:1px solid rgba(217,173,99,.28) !important;
padding:34px 20px 28px !important;
text-align:center !important;
color:#d8d0c1 !important;
}
.mg-min-footer .mg-footer-logo{
display:inline-flex !important;
align-items:center !important;
gap:12px !important;
color:#f1d183 !important;
font-family:"Noto Naskh Arabic","Vazirmatn",Tahoma,Arial,sans-serif !important;
font-size:26px !important;
font-weight:700 !important;
text-decoration:none !important;
margin-bottom:16px !important;
}
.mg-min-footer .mg-footer-logo b{
width:38px !important;
height:38px !important;
border:1px solid rgba(217,173,99,.85) !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
transform:rotate(45deg) !important;
font-family:Georgia,serif !important;
font-size:18px !important;
}
.mg-min-footer .mg-footer-logo b span{
transform:rotate(-45deg) !important;
display:block !important;
}
.mg-min-footer nav{
display:flex !important;
justify-content:center !important;
gap:24px !important;
flex-wrap:wrap !important;
margin:8px 0 14px !important;
}
.mg-min-footer nav a{
color:#d8d0c1 !important;
text-decoration:none !important;
font-size:14px !important;
}
.mg-min-footer nav a:hover{
color:#f1d183 !important;
}
.mg-min-footer .mg-footer-social{
color:#b99b62 !important;
font-size:13px !important;
letter-spacing:.05em !important;
}
.mg-min-footer .mg-footer-copy{
margin-top:12px !important;
color:#786d5a !important;
font-size:12px !important;
}
/* For all theme pages where minimal footer is present */
body.mg-page{
padding-bottom:0 !important;
}
@media(max-width:900px){
.mg-shop-filterbar{
position:sticky !important;
top:96px !important;
}
.admin-bar .mg-shop-filterbar{
top:142px !important;
}
.mg-shop-toolbar{
grid-template-columns:1fr !important;
gap:10px !important;
min-height:auto !important;
padding:12px 0 !important;
}
.mg-shop-toolbar .mg-shop-cats{
order:1 !important;
}
.mg-shop-result{
order:2 !important;
}
.mg-shop-toolbar .woocommerce-ordering{
order:3 !important;
}
.mg-shop-toolbar select,
.woocommerce-ordering select{
width:100% !important;
min-width:0 !important;
}
.mg-min-footer{
padding-bottom:90px !important;
}
}
/* === V45 Shop product overlay fix === */
/* Remove the old full rectangular shadow layer */
.mg-shop-page ul.products li.product a.woocommerce-LoopProduct-link:after,
.mg-shop-grid-section ul.products li.product a.woocommerce-LoopProduct-link:after{
background:linear-gradient(
180deg,
rgba(0,0,0,0) 0%,
rgba(0,0,0,0) 52%,
rgba(0,0,0,.58) 76%,
rgba(0,0,0,.92) 100%
) !important;
}
/* Ensure no extra inherited overlay/pseudo panel remains */
.mg-shop-page ul.products li.product:before,
.mg-shop-page ul.products li.product:after,
.mg-shop-grid-section ul.products li.product:before,
.mg-shop-grid-section ul.products li.product:after{
content:none !important;
display:none !important;
}
/* Make image area clean; only bottom fade remains */
.mg-shop-page ul.products li.product img,
.mg-shop-grid-section ul.products li.product img{
filter:brightness(.90) contrast(1.06) saturate(.98) !important;
}
/* Text sits at bottom without needing a huge dark rectangle */
.mg-shop-page ul.products li.product .woocommerce-loop-product__title,
.mg-shop-grid-section ul.products li.product .woocommerce-loop-product__title{
bottom:78px !important;
text-shadow:0 8px 24px rgba(0,0,0,.95) !important;
}
.mg-shop-page ul.products li.product .price,
.mg-shop-grid-section ul.products li.product .price{
bottom:48px !important;
text-shadow:0 6px 18px rgba(0,0,0,.95) !important;
}
/* Product bar visual cleanup */
.mg-shop-filterbar{
box-shadow:0 14px 45px rgba(0,0,0,.34) !important;
}
/* On hover, keep image bright but not washed out */
.mg-shop-page ul.products li.product:hover img,
.mg-shop-grid-section ul.products li.product:hover img{
filter:brightness(1) contrast(1.10) saturate(1.03) !important;
}
/* === V46 HARD remove product card horizontal overlay === */
/* Kill every old overlay/pseudo layer around Woo product cards */
.mg-shop-page ul.products li.product::before,
.mg-shop-page ul.products li.product::after,
.mg-shop-page ul.products li.product a::before,
.mg-shop-page ul.products li.product a::after,
.mg-shop-page ul.products li.product .woocommerce-LoopProduct-link::before,
.mg-shop-page ul.products li.product .woocommerce-LoopProduct-link::after,
.mg-shop-page ul.products li.product .kadence-shop-product-inner::before,
.mg-shop-page ul.products li.product .kadence-shop-product-inner::after,
.mg-shop-page ul.products li.product .entry-content-wrap::before,
.mg-shop-page ul.products li.product .entry-content-wrap::after,
.mg-shop-grid-section ul.products li.product::before,
.mg-shop-grid-section ul.products li.product::after,
.mg-shop-grid-section ul.products li.product a::before,
.mg-shop-grid-section ul.products li.product a::after,
.mg-shop-grid-section ul.products li.product .woocommerce-LoopProduct-link::before,
.mg-shop-grid-section ul.products li.product .woocommerce-LoopProduct-link::after,
.mg-shop-grid-section ul.products li.product .kadence-shop-product-inner::before,
.mg-shop-grid-section ul.products li.product .kadence-shop-product-inner::after,
.mg-shop-grid-section ul.products li.product .entry-content-wrap::before,
.mg-shop-grid-section ul.products li.product .entry-content-wrap::after{
content:none !important;
display:none !important;
opacity:0 !important;
visibility:hidden !important;
background:none !important;
background-image:none !important;
box-shadow:none !important;
}
/* Remove any background panel inside the card */
.mg-shop-page ul.products li.product,
.mg-shop-grid-section ul.products li.product,
.mg-shop-page ul.products li.product a,
.mg-shop-grid-section ul.products li.product a,
.mg-shop-page ul.products li.product .woocommerce-LoopProduct-link,
.mg-shop-grid-section ul.products li.product .woocommerce-LoopProduct-link,
.mg-shop-page ul.products li.product .kadence-shop-product-inner,
.mg-shop-grid-section ul.products li.product .kadence-shop-product-inner,
.mg-shop-page ul.products li.product .entry-content-wrap,
.mg-shop-grid-section ul.products li.product .entry-content-wrap,
.mg-shop-page ul.products li.product .product-details,
.mg-shop-grid-section ul.products li.product .product-details,
.mg-shop-page ul.products li.product .woo-entry-inner,
.mg-shop-grid-section ul.products li.product .woo-entry-inner{
background:transparent !important;
background-image:none !important;
box-shadow:none !important;
}
/* Card itself keeps only border and outer shadow */
.mg-shop-page ul.products li.product,
.mg-shop-grid-section ul.products li.product{
background:#070707 !important;
box-shadow:0 34px 100px rgba(0,0,0,.58) !important;
overflow:hidden !important;
}
/* The image should be clean from top to bottom */
.mg-shop-page ul.products li.product img,
.mg-shop-grid-section ul.products li.product img{
filter:brightness(.93) contrast(1.06) saturate(.98) !important;
}
/* Use only text shadow for readability, no rectangular fade */
.mg-shop-page ul.products li.product .woocommerce-loop-product__title,
.mg-shop-grid-section ul.products li.product .woocommerce-loop-product__title{
bottom:76px !important;
color:#fff3dc !important;
text-shadow:
0 3px 8px rgba(0,0,0,1),
0 10px 28px rgba(0,0,0,.95),
0 0 48px rgba(0,0,0,.85) !important;
}
.mg-shop-page ul.products li.product .price,
.mg-shop-grid-section ul.products li.product .price{
bottom:46px !important;
color:#d9ad63 !important;
text-shadow:
0 3px 8px rgba(0,0,0,1),
0 10px 26px rgba(0,0,0,.95) !important;
}
/* Button remains luxury and no white strip */
.mg-shop-page ul.products li.product .button,
.mg-shop-grid-section ul.products li.product .button{
background:rgba(5,5,5,.82) !important;
background-image:none !important;
box-shadow:0 18px 50px rgba(0,0,0,.55) !important;
}
/* If the horizontal rectangle is from Elementor shortcode wrapper, remove it too */
.mg-shop-grid-section .elementor-widget-container,
.mg-shop-grid-section .elementor-shortcode,
.mg-shop-grid-section .products,
.mg-shop-grid-section .woocommerce{
background:transparent !important;
background-image:none !important;
box-shadow:none !important;
}
/* === V47 Shop row shadow fix === */
/* The dark rectangle was caused by the sticky filter bar overlapping the first product row.
Keep the bar visible, but make the product grid start below it. */
.mg-shop-filterbar{
position:sticky !important;
top:106px !important;
z-index:900 !important;
background:#050505 !important;
background-image:linear-gradient(180deg, rgba(5,5,5,.98), rgba(5,5,5,.94)) !important;
box-shadow:0 10px 26px rgba(0,0,0,.28) !important;
backdrop-filter:none !important;
-webkit-backdrop-filter:none !important;
}
.admin-bar .mg-shop-filterbar{
top:138px !important;
}
.mg-shop-toolbar{
min-height:68px !important;
padding:10px 0 !important;
}
/* Give enough breathing room after sticky bar so it never covers the first row */
.mg-shop-grid-wrap{
padding-top:54px !important;
}
/* Remove section-level overlays/pseudo backgrounds that can create a horizontal band */
.mg-shop-grid-section::before,
.mg-shop-grid-section::after,
.mg-shop-main::before,
.mg-shop-main::after,
.mg-shop-grid-wrap::before,
.mg-shop-grid-wrap::after,
.woocommerce.columns-4::before,
.woocommerce.columns-4::after{
content:none !important;
display:none !important;
background:none !important;
box-shadow:none !important;
opacity:0 !important;
}
/* Keep the products clear; no wide row-level shading */
.mg-shop-grid-section,
.mg-shop-grid-wrap,
.mg-shop-grid-section .woocommerce,
.mg-shop-grid-section ul.products{
background:transparent !important;
box-shadow:none !important;
overflow:visible !important;
}
/* Product cards: clean image surface */
.mg-shop-page ul.products li.product,
.mg-shop-grid-section ul.products li.product{
isolation:isolate !important;
background:#070707 !important;
overflow:hidden !important;
}
.mg-shop-page ul.products li.product img,
.mg-shop-grid-section ul.products li.product img{
opacity:1 !important;
filter:brightness(.94) contrast(1.06) saturate(.98) !important;
}
/* Use a small text glow only, no rectangular overlay */
.mg-shop-page ul.products li.product .woocommerce-loop-product__title,
.mg-shop-grid-section ul.products li.product .woocommerce-loop-product__title{
text-shadow:
0 4px 10px rgba(0,0,0,1),
0 12px 32px rgba(0,0,0,.95) !important;
}
.mg-shop-page ul.products li.product .price,
.mg-shop-grid-section ul.products li.product .price{
text-shadow:
0 3px 8px rgba(0,0,0,1),
0 10px 24px rgba(0,0,0,.92) !important;
}
/* Category/product bar should not visually spill over products */
.mg-shop-filterbar + .mg-shop-grid-wrap{
margin-top:0 !important;
}
/* Mobile */
@media(max-width:900px){
.mg-shop-filterbar{
position:sticky !important;
top:96px !important;
}
.admin-bar .mg-shop-filterbar{
top:142px !important;
}
.mg-shop-grid-wrap{
padding-top:34px !important;
}
}
/* === V49 Shop: luxury overlay cards, clean and readable === */
/* Card as luxury gallery poster */
.mg-shop-page ul.products li.product,
.mg-shop-grid-section ul.products li.product{
position:relative !important;
isolation:isolate !important;
background:#080706 !important;
border:1px solid rgba(217,173,99,.28) !important;
border-radius:18px !important;
overflow:hidden !important;
min-height:455px !important;
padding:0 !important;
box-shadow:0 34px 100px rgba(0,0,0,.62) !important;
z-index:3 !important;
}
/* Product link fills card */
.mg-shop-page ul.products li.product a.woocommerce-LoopProduct-link,
.mg-shop-grid-section ul.products li.product a.woocommerce-LoopProduct-link{
position:relative !important;
display:block !important;
height:455px !important;
min-height:455px !important;
overflow:hidden !important;
background:#080706 !important;
}
/* clean image */
.mg-shop-page ul.products li.product img,
.mg-shop-grid-section ul.products li.product img{
position:absolute !important;
inset:0 !important;
width:100% !important;
height:100% !important;
object-fit:cover !important;
display:block !important;
margin:0 !important;
opacity:1 !important;
filter:brightness(.94) contrast(1.06) saturate(.98) !important;
transition:transform .55s ease, filter .55s ease !important;
z-index:1 !important;
}
/* Remove all old inherited overlays */
.mg-shop-page ul.products li.product:before,
.mg-shop-page ul.products li.product:after,
.mg-shop-grid-section ul.products li.product:before,
.mg-shop-grid-section ul.products li.product:after,
.mg-shop-page ul.products li.product a:before,
.mg-shop-grid-section ul.products li.product a:before{
content:none !important;
display:none !important;
}
/* Only bottom fade, no middle horizontal band */
.mg-shop-page ul.products li.product a.woocommerce-LoopProduct-link:after,
.mg-shop-grid-section ul.products li.product a.woocommerce-LoopProduct-link:after{
content:"" !important;
display:block !important;
position:absolute !important;
left:0 !important;
right:0 !important;
bottom:0 !important;
top:auto !important;
height:46% !important;
z-index:2 !important;
background:linear-gradient(
180deg,
rgba(0,0,0,0) 0%,
rgba(0,0,0,.42) 42%,
rgba(0,0,0,.90) 100%
) !important;
pointer-events:none !important;
opacity:1 !important;
visibility:visible !important;
}
/* Title/price on image */
.mg-shop-page ul.products li.product .woocommerce-loop-product__title,
.mg-shop-grid-section ul.products li.product .woocommerce-loop-product__title{
position:absolute !important;
z-index:5 !important;
left:24px !important;
right:24px !important;
bottom:78px !important;
margin:0 !important;
padding:0 !important;
background:transparent !important;
color:#fff3dc !important;
font-family:Georgia,"Times New Roman","Noto Naskh Arabic",serif !important;
font-size:23px !important;
line-height:1.38 !important;
font-weight:700 !important;
text-align:center !important;
text-shadow:
0 4px 10px rgba(0,0,0,1),
0 12px 34px rgba(0,0,0,.95) !important;
}
.mg-shop-page ul.products li.product .price,
.mg-shop-grid-section ul.products li.product .price{
position:absolute !important;
z-index:5 !important;
left:24px !important;
right:24px !important;
bottom:42px !important;
margin:0 !important;
padding:0 !important;
background:transparent !important;
color:#d9ad63 !important;
font-size:15px !important;
font-weight:700 !important;
text-align:center !important;
text-shadow:
0 3px 8px rgba(0,0,0,1),
0 10px 26px rgba(0,0,0,.95) !important;
}
/* Luxury hover button */
.mg-shop-page ul.products li.product .button,
.mg-shop-grid-section ul.products li.product .button,
.mg-shop-page a.added_to_cart,
.mg-shop-grid-section a.added_to_cart{
position:absolute !important;
z-index:8 !important;
left:50% !important;
right:auto !important;
bottom:20px !important;
width:auto !important;
min-width:170px !important;
max-width:calc(100% - 44px) !important;
transform:translateX(-50%) translateY(16px) !important;
opacity:0 !important;
visibility:hidden !important;
background:rgba(5,5,5,.78) !important;
border:1px solid rgba(217,173,99,.76) !important;
color:#fff3dc !important;
border-radius:999px !important;
padding:12px 24px !important;
font-size:0 !important;
line-height:1.2 !important;
font-weight:700 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:0 18px 48px rgba(0,0,0,.55) !important;
backdrop-filter:blur(12px) !important;
transition:.28s ease !important;
}
.mg-shop-page ul.products li.product .button:before,
.mg-shop-grid-section ul.products li.product .button:before{
content:"مشاهده و خرید" !important;
font-size:14px !important;
color:inherit !important;
}
.mg-shop-page ul.products li.product:hover .button,
.mg-shop-grid-section ul.products li.product:hover .button{
opacity:1 !important;
visibility:visible !important;
transform:translateX(-50%) translateY(0) !important;
}
.mg-shop-page ul.products li.product .button:hover,
.mg-shop-grid-section ul.products li.product .button:hover{
background:#d9ad63 !important;
color:#060606 !important;
border-color:#d9ad63 !important;
}
/* Hover: elegant, no dark rectangle */
.mg-shop-page ul.products li.product:hover,
.mg-shop-grid-section ul.products li.product:hover{
transform:translateY(-8px) !important;
border-color:rgba(217,173,99,.68) !important;
box-shadow:0 44px 120px rgba(0,0,0,.80) !important;
}
.mg-shop-page ul.products li.product:hover img,
.mg-shop-grid-section ul.products li.product:hover img{
transform:scale(1.05) !important;
filter:brightness(1.02) contrast(1.10) saturate(1.03) !important;
}
/* Push title/price slightly up on hover so button has room */
.mg-shop-page ul.products li.product:hover .woocommerce-loop-product__title,
.mg-shop-grid-section ul.products li.product:hover .woocommerce-loop-product__title{
bottom:106px !important;
}
.mg-shop-page ul.products li.product:hover .price,
.mg-shop-grid-section ul.products li.product:hover .price{
bottom:72px !important;
}
/* product bar should not cast a band over cards */
.mg-shop-filterbar{
background:#050505 !important;
box-shadow:0 10px 28px rgba(0,0,0,.30) !important;
backdrop-filter:none !important;
-webkit-backdrop-filter:none !important;
}
.mg-shop-grid-wrap{
padding-top:48px !important;
}
/* Section backgrounds transparent above cards */
.mg-shop-grid-section,
.mg-shop-grid-wrap,
.mg-shop-grid-section ul.products,
.mg-shop-grid-section .woocommerce{
background:transparent !important;
box-shadow:none !important;
overflow:visible !important;
}
/* Mobile: keep button visible */
@media(max-width:760px){
.mg-shop-page ul.products li.product,
.mg-shop-grid-section ul.products li.product,
.mg-shop-page ul.products li.product a.woocommerce-LoopProduct-link,
.mg-shop-grid-section ul.products li.product a.woocommerce-LoopProduct-link{
min-height:430px !important;
height:430px !important;
}
.mg-shop-page ul.products li.product .button,
.mg-shop-grid-section ul.products li.product .button{
opacity:1 !important;
visibility:visible !important;
transform:translateX(-50%) translateY(0) !important;
}
.mg-shop-page ul.products li.product .woocommerce-loop-product__title,
.mg-shop-grid-section ul.products li.product .woocommerce-loop-product__title{
bottom:104px !important;
font-size:21px !important;
}
.mg-shop-page ul.products li.product .price,
.mg-shop-grid-section ul.products li.product .price{
bottom:70px !important;
}
}
/* === V50 Shop hover text + luxury minimal buy button === */
/* Keep title and price visible on hover */
.mg-shop-page ul.products li.product .woocommerce-loop-product__title,
.mg-shop-grid-section ul.products li.product .woocommerce-loop-product__title{
opacity:1 !important;
visibility:visible !important;
transform:none !important;
transition:bottom .28s ease, color .28s ease !important;
pointer-events:none !important;
}
.mg-shop-page ul.products li.product .price,
.mg-shop-grid-section ul.products li.product .price{
opacity:1 !important;
visibility:visible !important;
transform:none !important;
transition:bottom .28s ease, color .28s ease !important;
pointer-events:none !important;
}
/* On hover move text slightly up, do not hide it */
.mg-shop-page ul.products li.product:hover .woocommerce-loop-product__title,
.mg-shop-grid-section ul.products li.product:hover .woocommerce-loop-product__title{
bottom:118px !important;
opacity:1 !important;
visibility:visible !important;
color:#fff3dc !important;
}
.mg-shop-page ul.products li.product:hover .price,
.mg-shop-grid-section ul.products li.product:hover .price{
bottom:86px !important;
opacity:1 !important;
visibility:visible !important;
color:#f1d183 !important;
}
/* Make bottom gradient a little taller on hover so text + button stay readable */
.mg-shop-page ul.products li.product a.woocommerce-LoopProduct-link:after,
.mg-shop-grid-section ul.products li.product a.woocommerce-LoopProduct-link:after{
height:48% !important;
transition:height .28s ease, background .28s ease !important;
}
.mg-shop-page ul.products li.product:hover a.woocommerce-LoopProduct-link:after,
.mg-shop-grid-section ul.products li.product:hover a.woocommerce-LoopProduct-link:after{
height:58% !important;
background:linear-gradient(
180deg,
rgba(0,0,0,0) 0%,
rgba(0,0,0,.34) 32%,
rgba(0,0,0,.88) 100%
) !important;
}
/* Force Woo button to be a visible luxury overlay on hover */
.mg-shop-page ul.products li.product .button,
.mg-shop-grid-section ul.products li.product .button,
.mg-shop-page ul.products li.product a.button,
.mg-shop-grid-section ul.products li.product a.button,
.mg-shop-page ul.products li.product .add_to_cart_button,
.mg-shop-grid-section ul.products li.product .add_to_cart_button,
.mg-shop-page ul.products li.product a.added_to_cart,
.mg-shop-grid-section ul.products li.product a.added_to_cart{
position:absolute !important;
z-index:50 !important;
left:50% !important;
right:auto !important;
top:auto !important;
bottom:28px !important;
width:auto !important;
min-width:156px !important;
max-width:calc(100% - 52px) !important;
height:auto !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
transform:translateX(-50%) translateY(14px) !important;
opacity:0 !important;
visibility:hidden !important;
pointer-events:auto !important;
background:rgba(0,0,0,.52) !important;
background-image:none !important;
color:#f1d183 !important;
border:1px solid rgba(217,173,99,.76) !important;
border-radius:999px !important;
padding:12px 24px !important;
margin:0 !important;
font-size:0 !important;
line-height:1 !important;
font-weight:700 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:0 18px 44px rgba(0,0,0,.55) !important;
backdrop-filter:blur(10px) !important;
-webkit-backdrop-filter:blur(10px) !important;
transition:opacity .28s ease, visibility .28s ease, transform .28s ease, background .28s ease, color .28s ease, border-color .28s ease !important;
}
/* Replace default Add to cart text with Persian luxury label */
.mg-shop-page ul.products li.product .button::before,
.mg-shop-grid-section ul.products li.product .button::before,
.mg-shop-page ul.products li.product a.button::before,
.mg-shop-grid-section ul.products li.product a.button::before,
.mg-shop-page ul.products li.product .add_to_cart_button::before,
.mg-shop-grid-section ul.products li.product .add_to_cart_button::before{
content:"مشاهده و خرید" !important;
font-size:14px !important;
color:inherit !important;
line-height:1 !important;
white-space:nowrap !important;
}
/* Show button clearly on card hover */
.mg-shop-page ul.products li.product:hover .button,
.mg-shop-grid-section ul.products li.product:hover .button,
.mg-shop-page ul.products li.product:hover a.button,
.mg-shop-grid-section ul.products li.product:hover a.button,
.mg-shop-page ul.products li.product:hover .add_to_cart_button,
.mg-shop-grid-section ul.products li.product:hover .add_to_cart_button,
.mg-shop-page ul.products li.product:hover a.added_to_cart,
.mg-shop-grid-section ul.products li.product:hover a.added_to_cart{
opacity:1 !important;
visibility:visible !important;
transform:translateX(-50%) translateY(0) !important;
}
/* Button hover */
.mg-shop-page ul.products li.product .button:hover,
.mg-shop-grid-section ul.products li.product .button:hover,
.mg-shop-page ul.products li.product a.button:hover,
.mg-shop-grid-section ul.products li.product a.button:hover,
.mg-shop-page ul.products li.product .add_to_cart_button:hover,
.mg-shop-grid-section ul.products li.product .add_to_cart_button:hover{
background:#d9ad63 !important;
color:#060606 !important;
border-color:#d9ad63 !important;
}
/* Prevent Kadence/Woo from hiding button text or moving it outside */
.mg-shop-page ul.products li.product .button.loading,
.mg-shop-grid-section ul.products li.product .button.loading,
.mg-shop-page ul.products li.product .button.added,
.mg-shop-grid-section ul.products li.product .button.added{
padding-right:24px !important;
}
/* Do not let button overlap link layer problem */
.mg-shop-page ul.products li.product,
.mg-shop-grid-section ul.products li.product{
position:relative !important;
}
.mg-shop-page ul.products li.product a.woocommerce-LoopProduct-link,
.mg-shop-grid-section ul.products li.product a.woocommerce-LoopProduct-link{
z-index:1 !important;
}
@media(max-width:760px){
.mg-shop-page ul.products li.product .button,
.mg-shop-grid-section ul.products li.product .button,
.mg-shop-page ul.products li.product a.button,
.mg-shop-grid-section ul.products li.product a.button,
.mg-shop-page ul.products li.product .add_to_cart_button,
.mg-shop-grid-section ul.products li.product .add_to_cart_button{
opacity:1 !important;
visibility:visible !important;
transform:translateX(-50%) translateY(0) !important;
bottom:24px !important;
}
.mg-shop-page ul.products li.product .woocommerce-loop-product__title,
.mg-shop-grid-section ul.products li.product .woocommerce-loop-product__title{
bottom:112px !important;
}
.mg-shop-page ul.products li.product .price,
.mg-shop-grid-section ul.products li.product .price{
bottom:80px !important;
}
}
/* === V51 Product hover fixed: keep text + draw luxury button on card itself === */
/* Product card hover is active, but previous theme rules hid texts. Force them visible. */
.mg-shop-page ul.products li.product:hover .woocommerce-loop-product__title,
.mg-shop-grid-section ul.products li.product:hover .woocommerce-loop-product__title,
.mg-shop-page ul.products li.product:hover .price,
.mg-shop-grid-section ul.products li.product:hover .price{
display:block !important;
opacity:1 !important;
visibility:visible !important;
}
/* Keep title and price above all image/link layers */
.mg-shop-page ul.products li.product .woocommerce-loop-product__title,
.mg-shop-grid-section ul.products li.product .woocommerce-loop-product__title{
z-index:80 !important;
bottom:82px !important;
transition:bottom .28s ease, opacity .28s ease !important;
}
.mg-shop-page ul.products li.product .price,
.mg-shop-grid-section ul.products li.product .price{
z-index:80 !important;
bottom:48px !important;
transition:bottom .28s ease, opacity .28s ease !important;
}
/* On hover move text up, not out */
.mg-shop-page ul.products li.product:hover .woocommerce-loop-product__title,
.mg-shop-grid-section ul.products li.product:hover .woocommerce-loop-product__title{
bottom:122px !important;
}
.mg-shop-page ul.products li.product:hover .price,
.mg-shop-grid-section ul.products li.product:hover .price{
bottom:90px !important;
}
/* Hide the real WooCommerce button to avoid broken/default styling */
.mg-shop-page ul.products li.product .button,
.mg-shop-grid-section ul.products li.product .button,
.mg-shop-page ul.products li.product a.button,
.mg-shop-grid-section ul.products li.product a.button,
.mg-shop-page ul.products li.product .add_to_cart_button,
.mg-shop-grid-section ul.products li.product .add_to_cart_button,
.mg-shop-page ul.products li.product a.added_to_cart,
.mg-shop-grid-section ul.products li.product a.added_to_cart{
display:none !important;
}
/* Draw our own luxury button as a pseudo element on the product card */
.mg-shop-page ul.products li.product::before,
.mg-shop-grid-section ul.products li.product::before{
content:"مشاهده و خرید" !important;
position:absolute !important;
left:50% !important;
bottom:28px !important;
transform:translateX(-50%) translateY(14px) !important;
z-index:120 !important;
min-width:154px !important;
padding:12px 24px !important;
border:1px solid rgba(217,173,99,.78) !important;
border-radius:999px !important;
background:rgba(0,0,0,.58) !important;
color:#f1d183 !important;
font-size:14px !important;
font-weight:700 !important;
line-height:1 !important;
text-align:center !important;
white-space:nowrap !important;
box-shadow:0 18px 48px rgba(0,0,0,.55) !important;
backdrop-filter:blur(10px) !important;
-webkit-backdrop-filter:blur(10px) !important;
opacity:0 !important;
visibility:hidden !important;
pointer-events:none !important;
transition:opacity .28s ease, visibility .28s ease, transform .28s ease, background .28s ease !important;
}
/* Show our button on hover */
.mg-shop-page ul.products li.product:hover::before,
.mg-shop-grid-section ul.products li.product:hover::before{
opacity:1 !important;
visibility:visible !important;
transform:translateX(-50%) translateY(0) !important;
}
/* Keep any old product-card pseudo overlay disabled except our button */
.mg-shop-page ul.products li.product::after,
.mg-shop-grid-section ul.products li.product::after{
content:none !important;
display:none !important;
}
/* Make the product link still clickable over the whole card */
.mg-shop-page ul.products li.product a.woocommerce-LoopProduct-link,
.mg-shop-grid-section ul.products li.product a.woocommerce-LoopProduct-link{
z-index:10 !important;
}
/* But text/pseudo button must visually stay above it */
.mg-shop-page ul.products li.product .woocommerce-loop-product__title,
.mg-shop-grid-section ul.products li.product .woocommerce-loop-product__title,
.mg-shop-page ul.products li.product .price,
.mg-shop-grid-section ul.products li.product .price{
pointer-events:none !important;
}
/* Smooth luxury image hover without hiding the information */
.mg-shop-page ul.products li.product:hover img,
.mg-shop-grid-section ul.products li.product:hover img{
transform:scale(1.045) !important;
filter:brightness(.98) contrast(1.09) saturate(1.02) !important;
}
/* Stronger bottom fade on hover so text remains readable */
.mg-shop-page ul.products li.product:hover a.woocommerce-LoopProduct-link:after,
.mg-shop-grid-section ul.products li.product:hover a.woocommerce-LoopProduct-link:after{
height:62% !important;
background:linear-gradient(
180deg,
rgba(0,0,0,0) 0%,
rgba(0,0,0,.30) 30%,
rgba(0,0,0,.92) 100%
) !important;
}
/* Mobile: always show the pseudo button */
@media(max-width:760px){
.mg-shop-page ul.products li.product::before,
.mg-shop-grid-section ul.products li.product::before{
opacity:1 !important;
visibility:visible !important;
transform:translateX(-50%) translateY(0) !important;
bottom:24px !important;
}
.mg-shop-page ul.products li.product .woocommerce-loop-product__title,
.mg-shop-grid-section ul.products li.product .woocommerce-loop-product__title{
bottom:116px !important;
}
.mg-shop-page ul.products li.product .price,
.mg-shop-grid-section ul.products li.product .price{
bottom:84px !important;
}
}
/* === V52 Single Product Luxury Page === */
body.single-product{
background:#060606 !important;
color:#f4ecdf !important;
direction:rtl !important;
}
body.single-product #masthead,
body.single-product .site-header,
body.single-product .site-footer,
body.single-product .entry-header,
body.single-product .woocommerce-breadcrumb{
display:none !important;
}
body.single-product .site-main,
body.single-product .content-area,
body.single-product .content-container,
body.single-product .entry-content-wrap,
body.single-product .product{
max-width:none !important;
width:100% !important;
margin:0 !important;
padding:0 !important;
background:transparent !important;
}
/* Add top spacing because header is fixed */
body.single-product .site-main{
padding-top:122px !important;
}
/* Main product frame */
body.single-product div.product{
width:min(1320px,92vw) !important;
margin:0 auto !important;
padding:70px 0 90px !important;
display:grid !important;
grid-template-columns:1.05fr .95fr !important;
gap:74px !important;
align-items:start !important;
}
/* Gallery */
body.single-product div.product div.images{
width:100% !important;
float:none !important;
margin:0 !important;
position:sticky !important;
top:140px !important;
}
body.single-product div.product div.images .woocommerce-product-gallery__wrapper{
background:#0a0908 !important;
border:1px solid rgba(217,173,99,.28) !important;
border-radius:24px !important;
overflow:hidden !important;
box-shadow:0 40px 120px rgba(0,0,0,.62) !important;
}
body.single-product div.product div.images img{
width:100% !important;
height:auto !important;
display:block !important;
object-fit:cover !important;
filter:brightness(.96) contrast(1.04) !important;
}
body.single-product div.product div.images .flex-control-thumbs{
display:grid !important;
grid-template-columns:repeat(5,1fr) !important;
gap:12px !important;
margin-top:18px !important;
}
body.single-product div.product div.images .flex-control-thumbs li{
width:auto !important;
float:none !important;
}
body.single-product div.product div.images .flex-control-thumbs img{
border-radius:12px !important;
border:1px solid rgba(217,173,99,.22) !important;
opacity:.72 !important;
transition:.25s ease !important;
}
body.single-product div.product div.images .flex-control-thumbs img.flex-active,
body.single-product div.product div.images .flex-control-thumbs img:hover{
opacity:1 !important;
border-color:rgba(217,173,99,.75) !important;
}
/* Summary */
body.single-product div.product div.summary{
width:100% !important;
float:none !important;
margin:0 !important;
padding:18px 0 0 !important;
}
body.single-product div.product .product_title{
font-family:"Noto Naskh Arabic","Vazirmatn",Tahoma,Arial,sans-serif !important;
color:#f1d183 !important;
font-size:clamp(42px,4.6vw,72px) !important;
line-height:1.22 !important;
font-weight:700 !important;
margin:0 0 24px !important;
text-shadow:0 22px 70px rgba(217,173,99,.14) !important;
}
body.single-product div.product .price{
color:#d9ad63 !important;
font-size:28px !important;
font-weight:700 !important;
margin:0 0 30px !important;
display:block !important;
}
body.single-product div.product .woocommerce-product-details__short-description{
color:#d8d0c1 !important;
font-size:17px !important;
line-height:2.1 !important;
margin:0 0 34px !important;
border-top:1px solid rgba(217,173,99,.18) !important;
border-bottom:1px solid rgba(217,173,99,.18) !important;
padding:28px 0 !important;
}
/* Meta */
body.single-product div.product .product_meta{
color:#a99b84 !important;
font-size:14px !important;
line-height:2 !important;
margin-top:28px !important;
padding-top:24px !important;
border-top:1px solid rgba(217,173,99,.16) !important;
}
body.single-product div.product .product_meta a{
color:#d9ad63 !important;
text-decoration:none !important;
}
/* Quantity and add to cart */
body.single-product div.product form.cart{
display:flex !important;
gap:16px !important;
align-items:center !important;
margin:0 0 28px !important;
flex-wrap:wrap !important;
}
body.single-product div.product form.cart .quantity{
margin:0 !important;
}
body.single-product div.product form.cart input.qty{
width:84px !important;
height:56px !important;
background:#0a0908 !important;
color:#fff3dc !important;
border:1px solid rgba(217,173,99,.42) !important;
border-radius:999px !important;
text-align:center !important;
font-size:17px !important;
}
body.single-product div.product form.cart .single_add_to_cart_button{
height:56px !important;
min-width:230px !important;
background:#d9ad63 !important;
color:#060606 !important;
border:1px solid #d9ad63 !important;
border-radius:999px !important;
padding:0 34px !important;
font-size:16px !important;
font-weight:800 !important;
box-shadow:0 20px 60px rgba(217,173,99,.16) !important;
transition:.28s ease !important;
}
body.single-product div.product form.cart .single_add_to_cart_button:hover{
background:transparent !important;
color:#f1d183 !important;
transform:translateY(-2px) !important;
}
/* Variations */
body.single-product div.product form.variations_form table.variations{
width:100% !important;
margin-bottom:24px !important;
}
body.single-product div.product table.variations th,
body.single-product div.product table.variations td{
display:block !important;
padding:0 0 12px !important;
background:transparent !important;
}
body.single-product div.product table.variations label{
color:#f1d183 !important;
font-size:15px !important;
}
body.single-product div.product table.variations select{
width:100% !important;
height:52px !important;
background:#0a0908 !important;
color:#f4ecdf !important;
border:1px solid rgba(217,173,99,.40) !important;
border-radius:999px !important;
padding:0 20px !important;
}
/* Tabs */
body.single-product .woocommerce-tabs{
width:min(1320px,92vw) !important;
margin:0 auto 90px !important;
padding:60px 0 0 !important;
border-top:1px solid rgba(217,173,99,.22) !important;
}
body.single-product .woocommerce-tabs ul.tabs{
display:flex !important;
gap:14px !important;
justify-content:center !important;
margin:0 0 34px !important;
padding:0 !important;
border:0 !important;
}
body.single-product .woocommerce-tabs ul.tabs:before,
body.single-product .woocommerce-tabs ul.tabs li:before,
body.single-product .woocommerce-tabs ul.tabs li:after{
display:none !important;
}
body.single-product .woocommerce-tabs ul.tabs li{
background:transparent !important;
border:1px solid rgba(217,173,99,.35) !important;
border-radius:999px !important;
padding:0 !important;
margin:0 !important;
}
body.single-product .woocommerce-tabs ul.tabs li a{
color:#f4ecdf !important;
padding:13px 28px !important;
font-size:14px !important;
font-weight:700 !important;
}
body.single-product .woocommerce-tabs ul.tabs li.active{
background:#d9ad63 !important;
border-color:#d9ad63 !important;
}
body.single-product .woocommerce-tabs ul.tabs li.active a{
color:#060606 !important;
}
body.single-product .woocommerce-Tabs-panel{
background:#0a0908 !important;
border:1px solid rgba(217,173,99,.18) !important;
border-radius:22px !important;
padding:36px !important;
color:#d8d0c1 !important;
line-height:2.1 !important;
}
body.single-product .woocommerce-Tabs-panel h2{
color:#f1d183 !important;
font-family:"Noto Naskh Arabic","Vazirmatn",Tahoma,Arial,sans-serif !important;
}
/* Related products */
body.single-product .related.products,
body.single-product .upsells.products{
width:min(1320px,92vw) !important;
margin:0 auto 110px !important;
padding-top:40px !important;
}
body.single-product .related.products > h2,
body.single-product .upsells.products > h2{
color:#d9ad63 !important;
font-family:"Noto Naskh Arabic","Vazirmatn",Tahoma,Arial,sans-serif !important;
font-size:44px !important;
text-align:center !important;
margin-bottom:44px !important;
}
body.single-product .related.products ul.products,
body.single-product .upsells.products ul.products{
display:grid !important;
grid-template-columns:repeat(4,1fr) !important;
gap:34px !important;
}
/* Notices */
body.single-product .woocommerce-message,
body.single-product .woocommerce-error,
body.single-product .woocommerce-info{
width:min(1320px,92vw) !important;
margin:20px auto !important;
background:#0a0908 !important;
color:#f4ecdf !important;
border-top-color:#d9ad63 !important;
}
/* Mobile */
@media(max-width:980px){
body.single-product div.product{
grid-template-columns:1fr !important;
gap:38px !important;
padding-top:42px !important;
}
body.single-product div.product div.images{
position:relative !important;
top:auto !important;
}
body.single-product .related.products ul.products,
body.single-product .upsells.products ul.products{
grid-template-columns:repeat(2,1fr) !important;
}
}
@media(max-width:620px){
body.single-product .site-main{
padding-top:96px !important;
}
body.single-product div.product .product_title{
font-size:38px !important;
}
body.single-product div.product form.cart{
display:block !important;
}
body.single-product div.product form.cart .quantity{
margin-bottom:14px !important;
}
body.single-product div.product form.cart .single_add_to_cart_button{
width:100% !important;
}
}
/* === V53 Single product layout fix === */
/* Prevent Woo/Kadence floats from breaking the product page */
body.single-product .site-main{
padding-top:118px !important;
overflow:hidden !important;
}
body.single-product div.product{
display:grid !important;
grid-template-columns:minmax(0, 52%) minmax(360px, 42%) !important;
gap:54px !important;
width:min(1280px,92vw) !important;
max-width:1280px !important;
margin:0 auto !important;
padding:56px 0 80px !important;
direction:ltr !important;
align-items:start !important;
}
/* Gallery on the right side visually in RTL page */
body.single-product div.product div.images,
body.single-product div.product .woocommerce-product-gallery{
grid-column:1 !important;
width:100% !important;
max-width:100% !important;
float:none !important;
clear:none !important;
margin:0 !important;
position:relative !important;
top:auto !important;
direction:ltr !important;
}
/* Summary must stay inside page, never outside left */
body.single-product div.product div.summary,
body.single-product div.product .summary{
grid-column:2 !important;
width:100% !important;
max-width:100% !important;
float:none !important;
clear:none !important;
margin:0 !important;
padding:24px 0 0 !important;
position:relative !important;
left:auto !important;
right:auto !important;
direction:rtl !important;
text-align:right !important;
}
/* Gallery size controlled */
body.single-product div.product div.images .woocommerce-product-gallery__wrapper,
body.single-product div.product .woocommerce-product-gallery__wrapper{
width:100% !important;
max-width:100% !important;
background:#0a0908 !important;
border:1px solid rgba(217,173,99,.28) !important;
border-radius:22px !important;
overflow:hidden !important;
box-shadow:0 34px 100px rgba(0,0,0,.58) !important;
}
body.single-product div.product div.images img,
body.single-product div.product .woocommerce-product-gallery img{
width:100% !important;
max-width:100% !important;
height:auto !important;
max-height:680px !important;
object-fit:contain !important;
display:block !important;
margin:0 auto !important;
background:#f4f2ed !important;
}
/* Zoom icon smaller and not ugly */
body.single-product .woocommerce-product-gallery__trigger{
top:18px !important;
right:18px !important;
left:auto !important;
width:42px !important;
height:42px !important;
background:rgba(0,0,0,.42) !important;
border:1px solid rgba(217,173,99,.50) !important;
border-radius:999px !important;
color:#f1d183 !important;
z-index:20 !important;
}
/* Product info card */
body.single-product div.product div.summary{
background:linear-gradient(180deg, rgba(13,11,9,.78), rgba(7,7,7,.50)) !important;
border:1px solid rgba(217,173,99,.20) !important;
border-radius:22px !important;
padding:34px !important;
box-shadow:0 28px 90px rgba(0,0,0,.36) !important;
}
body.single-product div.product .product_title{
font-size:clamp(34px,3.6vw,58px) !important;
line-height:1.25 !important;
margin-bottom:20px !important;
word-break:normal !important;
}
body.single-product div.product .price{
font-size:24px !important;
margin-bottom:22px !important;
}
/* Price calculation white box seen in screenshot */
body.single-product div.product .summary .woocommerce-product-details__short-description,
body.single-product div.product .summary .product_meta,
body.single-product div.product .summary .cart,
body.single-product div.product .summary .yith-wcwl-add-to-wishlist{
max-width:100% !important;
}
body.single-product div.product .summary *{
box-sizing:border-box !important;
}
/* Any pricing plugin boxes: make readable and dark */
body.single-product div.product .summary .price-box,
body.single-product div.product .summary .gold-price-box,
body.single-product div.product .summary [class*="price"],
body.single-product div.product .summary [class*="gold"]{
max-width:100% !important;
}
body.single-product div.product .summary table,
body.single-product div.product .summary .woocommerce-product-attributes{
width:100% !important;
}
/* Keep add to cart row normal */
body.single-product div.product form.cart{
display:flex !important;
flex-direction:row-reverse !important;
justify-content:flex-end !important;
align-items:center !important;
gap:14px !important;
}
/* Related/tabs below full width */
body.single-product .woocommerce-tabs,
body.single-product .related.products,
body.single-product .upsells.products{
clear:both !important;
width:min(1280px,92vw) !important;
}
/* Fix random old text bleeding at left */
body.single-product .content-container,
body.single-product .entry-content-wrap,
body.single-product .woocommerce,
body.single-product .product{
overflow:visible !important;
}
@media(max-width:980px){
body.single-product div.product{
display:block !important;
width:min(760px,92vw) !important;
padding:36px 0 70px !important;
direction:rtl !important;
}
body.single-product div.product div.images,
body.single-product div.product .woocommerce-product-gallery,
body.single-product div.product div.summary,
body.single-product div.product .summary{
width:100% !important;
max-width:100% !important;
margin:0 0 28px !important;
display:block !important;
}
body.single-product div.product div.summary{
padding:26px !important;
}
}
/* === V54 Single Product Minimal Luxury / Readable === */
body.single-product{
background:
radial-gradient(circle at 55% 0%, rgba(217,173,99,.08), rgba(0,0,0,0) 34%),
#060606 !important;
color:#f4ecdf !important;
}
/* remove heavy overflow / keep page clean */
body.single-product .site-main{
padding-top:118px !important;
overflow:visible !important;
}
/* Main layout: controlled, readable */
body.single-product div.product{
display:grid !important;
grid-template-columns:minmax(0, 48%) minmax(360px, 44%) !important;
gap:58px !important;
width:min(1180px,90vw) !important;
max-width:1180px !important;
margin:0 auto !important;
padding:54px 0 64px !important;
direction:ltr !important;
align-items:start !important;
}
/* Gallery: smaller, clean, not huge */
body.single-product div.product div.images,
body.single-product div.product .woocommerce-product-gallery{
width:100% !important;
float:none !important;
margin:0 !important;
position:relative !important;
top:auto !important;
direction:ltr !important;
}
body.single-product div.product div.images .woocommerce-product-gallery__wrapper,
body.single-product div.product .woocommerce-product-gallery__wrapper{
background:#f4f2ed !important;
border:1px solid rgba(217,173,99,.26) !important;
border-radius:22px !important;
overflow:hidden !important;
box-shadow:0 28px 80px rgba(0,0,0,.50) !important;
}
body.single-product div.product div.images img,
body.single-product div.product .woocommerce-product-gallery img{
width:100% !important;
height:auto !important;
max-height:560px !important;
object-fit:contain !important;
display:block !important;
margin:0 auto !important;
background:#f4f2ed !important;
}
/* Summary card: minimal luxury */
body.single-product div.product div.summary,
body.single-product div.product .summary{
width:100% !important;
float:none !important;
margin:0 !important;
direction:rtl !important;
text-align:right !important;
background:rgba(8,7,6,.78) !important;
border:1px solid rgba(217,173,99,.22) !important;
border-radius:22px !important;
padding:32px !important;
box-shadow:0 26px 80px rgba(0,0,0,.35) !important;
}
body.single-product div.product .product_title{
display:block !important;
color:#f1d183 !important;
font-family:"Noto Naskh Arabic","Vazirmatn",Tahoma,Arial,sans-serif !important;
font-size:clamp(32px,3.2vw,52px) !important;
line-height:1.25 !important;
font-weight:700 !important;
margin:0 0 18px !important;
text-shadow:0 16px 46px rgba(217,173,99,.12) !important;
}
body.single-product div.product .price{
color:#d9ad63 !important;
font-size:24px !important;
font-weight:800 !important;
margin:0 0 24px !important;
text-align:right !important;
}
body.single-product div.product .woocommerce-product-details__short-description{
color:#d8d0c1 !important;
font-size:16px !important;
line-height:2 !important;
margin:0 0 24px !important;
padding:22px 0 !important;
border-top:1px solid rgba(217,173,99,.18) !important;
border-bottom:1px solid rgba(217,173,99,.18) !important;
}
/* Turn any white pricing/calculation box into dark readable box */
body.single-product div.product .summary > div,
body.single-product div.product .summary .woocommerce-product-details__short-description,
body.single-product div.product .summary form.cart,
body.single-product div.product .summary .product_meta{
max-width:100% !important;
}
body.single-product div.product .summary [style*="background"],
body.single-product div.product .summary .price-calculator,
body.single-product div.product .summary .gold-calculator,
body.single-product div.product .summary .pricing-calculator,
body.single-product div.product .summary .gold-price-calculator,
body.single-product div.product .summary [class*="calculator"],
body.single-product div.product .summary [class*="pricing"],
body.single-product div.product .summary [class*="gold-price"]{
background:rgba(12,10,8,.92) !important;
color:#f4ecdf !important;
border:1px solid rgba(217,173,99,.25) !important;
border-radius:16px !important;
box-shadow:none !important;
}
body.single-product div.product .summary [class*="calculator"] *,
body.single-product div.product .summary [class*="pricing"] *,
body.single-product div.product .summary [class*="gold-price"] *{
color:#f4ecdf !important;
}
body.single-product div.product .summary [class*="calculator"] strong,
body.single-product div.product .summary [class*="pricing"] strong,
body.single-product div.product .summary [class*="gold-price"] strong{
color:#d9ad63 !important;
}
/* Forms/buttons */
body.single-product div.product form.cart{
display:flex !important;
flex-direction:row-reverse !important;
justify-content:flex-end !important;
align-items:center !important;
gap:14px !important;
margin:24px 0 !important;
padding:0 !important;
}
body.single-product div.product form.cart input.qty{
width:76px !important;
height:52px !important;
background:transparent !important;
color:#fff3dc !important;
border:1px solid rgba(217,173,99,.45) !important;
border-radius:999px !important;
text-align:center !important;
}
body.single-product div.product form.cart .single_add_to_cart_button{
height:52px !important;
min-width:210px !important;
background:#d9ad63 !important;
color:#060606 !important;
border:1px solid #d9ad63 !important;
border-radius:999px !important;
font-weight:800 !important;
box-shadow:none !important;
}
body.single-product div.product form.cart .single_add_to_cart_button:hover{
background:transparent !important;
color:#f1d183 !important;
}
/* Wishlist/meta cleaner */
body.single-product .yith-wcwl-add-to-wishlist,
body.single-product div.product .product_meta{
color:#a99b84 !important;
font-size:13px !important;
}
body.single-product .yith-wcwl-add-to-wishlist a,
body.single-product div.product .product_meta a{
color:#d9ad63 !important;
text-decoration:none !important;
}
/* Tabs: full width below product, no overlap */
body.single-product .woocommerce-tabs{
clear:both !important;
width:min(1180px,90vw) !important;
margin:0 auto 70px !important;
padding:44px 0 0 !important;
border-top:1px solid rgba(217,173,99,.20) !important;
display:block !important;
position:relative !important;
z-index:1 !important;
}
body.single-product .woocommerce-tabs ul.tabs{
display:flex !important;
justify-content:center !important;
gap:12px !important;
margin:0 0 28px !important;
padding:0 !important;
border:0 !important;
}
body.single-product .woocommerce-tabs ul.tabs:before,
body.single-product .woocommerce-tabs ul.tabs li:before,
body.single-product .woocommerce-tabs ul.tabs li:after{
display:none !important;
}
body.single-product .woocommerce-tabs ul.tabs li{
background:transparent !important;
border:1px solid rgba(217,173,99,.38) !important;
border-radius:999px !important;
padding:0 !important;
margin:0 !important;
}
body.single-product .woocommerce-tabs ul.tabs li a{
color:#f4ecdf !important;
padding:12px 24px !important;
font-size:14px !important;
font-weight:700 !important;
}
body.single-product .woocommerce-tabs ul.tabs li.active{
background:#d9ad63 !important;
border-color:#d9ad63 !important;
}
body.single-product .woocommerce-tabs ul.tabs li.active a{
color:#060606 !important;
}
body.single-product .woocommerce-Tabs-panel{
background:rgba(8,7,6,.72) !important;
border:1px solid rgba(217,173,99,.18) !important;
border-radius:20px !important;
padding:34px !important;
color:#e8dcc7 !important;
line-height:2.1 !important;
font-size:16px !important;
overflow:hidden !important;
}
body.single-product .woocommerce-Tabs-panel h2{
color:#f1d183 !important;
font-size:30px !important;
margin-top:0 !important;
}
/* Related products: separate clean section */
body.single-product .related.products,
body.single-product .upsells.products{
clear:both !important;
width:min(1180px,90vw) !important;
margin:0 auto 90px !important;
padding-top:20px !important;
position:relative !important;
z-index:2 !important;
}
body.single-product .related.products > h2,
body.single-product .upsells.products > h2{
color:#d9ad63 !important;
font-family:"Noto Naskh Arabic","Vazirmatn",Tahoma,Arial,sans-serif !important;
font-size:38px !important;
text-align:center !important;
margin:0 0 34px !important;
}
body.single-product .related.products ul.products,
body.single-product .upsells.products ul.products{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:28px !important;
margin:0 !important;
padding:0 !important;
}
/* Do not let related products overlap tabs */
body.single-product .related.products ul.products li.product,
body.single-product .upsells.products ul.products li.product{
position:relative !important;
}
/* Footer spacing */
body.single-product .mg-min-footer{
margin-top:40px !important;
}
/* Mobile */
@media(max-width:980px){
body.single-product div.product{
display:block !important;
width:min(760px,92vw) !important;
padding:34px 0 54px !important;
direction:rtl !important;
}
body.single-product div.product div.images,
body.single-product div.product .woocommerce-product-gallery,
body.single-product div.product div.summary,
body.single-product div.product .summary{
width:100% !important;
max-width:100% !important;
margin:0 0 28px !important;
display:block !important;
}
body.single-product div.product div.summary{
padding:24px !important;
}
body.single-product .related.products ul.products,
body.single-product .upsells.products ul.products{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
}
@media(max-width:620px){
body.single-product .site-main{
padding-top:96px !important;
}
body.single-product div.product .product_title{
font-size:34px !important;
}
body.single-product div.product form.cart{
display:block !important;
}
body.single-product div.product form.cart input.qty,
body.single-product div.product form.cart .single_add_to_cart_button{
width:100% !important;
margin-bottom:12px !important;
}
}
/* === V55 Single Product Gallery Style: minimal luxury, no heavy boxes === */
body.single-product .site-main{
padding-top:118px !important;
overflow:visible !important;
}
/* Overall layout: gallery feeling */
body.single-product div.product{
width:min(1220px,90vw) !important;
max-width:1220px !important;
margin:0 auto !important;
padding:54px 0 68px !important;
display:grid !important;
grid-template-columns:minmax(0,54%) minmax(360px,40%) !important;
gap:64px !important;
align-items:start !important;
direction:ltr !important;
}
/* Image side: soft cream display, lighter border */
body.single-product div.product div.images,
body.single-product div.product .woocommerce-product-gallery{
grid-column:1 !important;
width:100% !important;
float:none !important;
margin:0 !important;
position:relative !important;
top:auto !important;
}
body.single-product div.product div.images .woocommerce-product-gallery__wrapper,
body.single-product div.product .woocommerce-product-gallery__wrapper{
background:#f2eee6 !important;
border:1px solid rgba(217,173,99,.18) !important;
border-radius:26px !important;
overflow:hidden !important;
box-shadow:0 34px 95px rgba(0,0,0,.46) !important;
}
body.single-product div.product div.images img,
body.single-product div.product .woocommerce-product-gallery img{
width:100% !important;
max-height:590px !important;
object-fit:contain !important;
background:#f2eee6 !important;
}
/* Zoom icon minimal */
body.single-product .woocommerce-product-gallery__trigger{
width:38px !important;
height:38px !important;
top:18px !important;
right:18px !important;
left:auto !important;
background:rgba(6,6,6,.30) !important;
border:1px solid rgba(217,173,99,.45) !important;
border-radius:999px !important;
box-shadow:none !important;
}
/* Info side: no big box */
body.single-product div.product div.summary,
body.single-product div.product .summary{
grid-column:2 !important;
width:100% !important;
float:none !important;
margin:0 !important;
padding:18px 0 0 !important;
background:transparent !important;
border:0 !important;
border-radius:0 !important;
box-shadow:none !important;
direction:rtl !important;
text-align:right !important;
}
/* Product title: max two-ish lines, elegant */
body.single-product div.product .product_title{
color:#f1d183 !important;
font-family:Georgia,"Times New Roman","Noto Naskh Arabic","Vazirmatn",serif !important;
font-size:clamp(42px,4.15vw,66px) !important;
line-height:1.12 !important;
font-weight:700 !important;
letter-spacing:-.6px !important;
margin:0 0 20px !important;
max-width:560px !important;
text-shadow:0 18px 58px rgba(217,173,99,.16) !important;
}
body.single-product div.product .price{
color:#d9ad63 !important;
font-size:25px !important;
font-weight:800 !important;
margin:0 0 28px !important;
text-align:right !important;
}
body.single-product div.product .woocommerce-product-details__short-description{
color:#e7dccb !important;
font-size:16px !important;
line-height:2.05 !important;
margin:0 0 30px !important;
padding:26px 0 !important;
border-top:1px solid rgba(217,173,99,.22) !important;
border-bottom:1px solid rgba(217,173,99,.22) !important;
background:transparent !important;
}
/* Pricing details: remove heavy/white box, turn into luxury spec list */
body.single-product div.product .summary [class*="calculator"],
body.single-product div.product .summary [class*="pricing"],
body.single-product div.product .summary [class*="gold-price"],
body.single-product div.product .summary .price-calculator,
body.single-product div.product .summary .gold-calculator,
body.single-product div.product .summary .pricing-calculator,
body.single-product div.product .summary .gold-price-calculator{
background:transparent !important;
border:0 !important;
border-radius:0 !important;
box-shadow:none !important;
color:#e7dccb !important;
padding:0 !important;
margin:0 0 28px !important;
text-align:right !important;
}
body.single-product div.product .summary [class*="calculator"] *,
body.single-product div.product .summary [class*="pricing"] *,
body.single-product div.product .summary [class*="gold-price"] *{
background:transparent !important;
color:#e7dccb !important;
border-color:rgba(217,173,99,.18) !important;
box-shadow:none !important;
}
body.single-product div.product .summary [class*="calculator"] h3,
body.single-product div.product .summary [class*="pricing"] h3,
body.single-product div.product .summary [class*="gold-price"] h3,
body.single-product div.product .summary [class*="calculator"] strong,
body.single-product div.product .summary [class*="pricing"] strong,
body.single-product div.product .summary [class*="gold-price"] strong{
color:#f1d183 !important;
}
/* Any inner white panels from pricing plugin */
body.single-product div.product .summary [class*="calculator"] div,
body.single-product div.product .summary [class*="pricing"] div,
body.single-product div.product .summary [class*="gold-price"] div{
background:transparent !important;
}
/* Final price line should feel important */
body.single-product div.product .summary [class*="calculator"] :is(h4,h3,strong):last-child,
body.single-product div.product .summary [class*="pricing"] :is(h4,h3,strong):last-child,
body.single-product div.product .summary [class*="gold-price"] :is(h4,h3,strong):last-child{
color:#d9ad63 !important;
font-size:22px !important;
}
/* Cart row: minimal */
body.single-product div.product form.cart{
display:flex !important;
flex-direction:row-reverse !important;
align-items:center !important;
justify-content:flex-end !important;
gap:14px !important;
margin:24px 0 24px !important;
padding-top:24px !important;
border-top:1px solid rgba(217,173,99,.20) !important;
}
body.single-product div.product form.cart input.qty{
width:76px !important;
height:52px !important;
background:transparent !important;
color:#fff3dc !important;
border:1px solid rgba(217,173,99,.45) !important;
border-radius:999px !important;
text-align:center !important;
}
body.single-product div.product form.cart .single_add_to_cart_button{
height:52px !important;
min-width:220px !important;
background:#d9ad63 !important;
color:#060606 !important;
border:1px solid #d9ad63 !important;
border-radius:999px !important;
font-weight:800 !important;
box-shadow:0 16px 42px rgba(217,173,99,.12) !important;
transition:.25s ease !important;
}
body.single-product div.product form.cart .single_add_to_cart_button:hover{
background:transparent !important;
color:#f1d183 !important;
transform:translateY(-2px) !important;
}
/* Wishlist and meta: quieter */
body.single-product .yith-wcwl-add-to-wishlist{
margin:18px 0 !important;
}
body.single-product .yith-wcwl-add-to-wishlist a{
color:#a99b84 !important;
text-decoration:none !important;
font-size:14px !important;
}
body.single-product div.product .product_meta{
border-top:1px solid rgba(217,173,99,.16) !important;
padding-top:18px !important;
margin-top:18px !important;
color:#8f826d !important;
font-size:13px !important;
background:transparent !important;
}
/* Tabs: readable and separate */
body.single-product .woocommerce-tabs{
width:min(1220px,90vw) !important;
margin:0 auto 74px !important;
padding-top:48px !important;
border-top:1px solid rgba(217,173,99,.20) !important;
}
body.single-product .woocommerce-Tabs-panel{
max-width:900px !important;
margin:0 auto !important;
background:transparent !important;
border:1px solid rgba(217,173,99,.18) !important;
border-radius:20px !important;
padding:34px 38px !important;
color:#e8dcc7 !important;
line-height:2.15 !important;
font-size:16px !important;
}
body.single-product .woocommerce-tabs ul.tabs{
margin-bottom:28px !important;
}
/* Related products lower and not overlapping */
body.single-product .related.products,
body.single-product .upsells.products{
width:min(1220px,90vw) !important;
margin:0 auto 90px !important;
clear:both !important;
}
body.single-product .related.products ul.products,
body.single-product .upsells.products ul.products{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:30px !important;
align-items:start !important;
}
body.single-product .related.products > h2,
body.single-product .upsells.products > h2{
font-size:38px !important;
margin-bottom:36px !important;
}
/* Mobile */
@media(max-width:980px){
body.single-product div.product{
display:block !important;
width:min(760px,92vw) !important;
padding:34px 0 58px !important;
direction:rtl !important;
}
body.single-product div.product div.images,
body.single-product div.product .woocommerce-product-gallery,
body.single-product div.product div.summary,
body.single-product div.product .summary{
width:100% !important;
max-width:100% !important;
margin:0 0 30px !important;
display:block !important;
}
body.single-product div.product .product_title{
max-width:none !important;
font-size:38px !important;
}
body.single-product .related.products ul.products,
body.single-product .upsells.products ul.products{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
}
@media(max-width:620px){
body.single-product div.product form.cart{
display:block !important;
}
body.single-product div.product form.cart input.qty,
body.single-product div.product form.cart .single_add_to_cart_button{
width:100% !important;
margin-bottom:12px !important;
}
body.single-product .woocommerce-Tabs-panel{
padding:24px !important;
}
}
/* === V56 Product pricing specs as a thin luxury bar === */
/* Convert pricing plugin box to a slim luxury spec bar */
body.single-product div.product .summary [class*="calculator"],
body.single-product div.product .summary [class*="pricing"],
body.single-product div.product .summary [class*="gold-price"],
body.single-product div.product .summary [id*="calculator"],
body.single-product div.product .summary [id*="pricing"],
body.single-product div.product .summary [id*="gold-price"],
body.single-product div.product .summary .price-calculator,
body.single-product div.product .summary .gold-calculator,
body.single-product div.product .summary .pricing-calculator,
body.single-product div.product .summary .gold-price-calculator{
background:rgba(217,173,99,.055) !important;
border:1px solid rgba(217,173,99,.24) !important;
border-right:0 !important;
border-left:0 !important;
border-radius:0 !important;
box-shadow:none !important;
margin:24px 0 22px !important;
padding:15px 0 !important;
color:#e8dcc7 !important;
max-width:100% !important;
overflow:hidden !important;
}
/* Make internal rows compact and horizontal if possible */
body.single-product div.product .summary [class*="calculator"] > *,
body.single-product div.product .summary [class*="pricing"] > *,
body.single-product div.product .summary [class*="gold-price"] > *,
body.single-product div.product .summary [id*="calculator"] > *,
body.single-product div.product .summary [id*="pricing"] > *,
body.single-product div.product .summary [id*="gold-price"] > *{
background:transparent !important;
border:0 !important;
box-shadow:none !important;
margin:0 !important;
color:#e8dcc7 !important;
}
/* If plugin uses div/p rows */
body.single-product div.product .summary [class*="calculator"] div,
body.single-product div.product .summary [class*="pricing"] div,
body.single-product div.product .summary [class*="gold-price"] div,
body.single-product div.product .summary [class*="calculator"] p,
body.single-product div.product .summary [class*="pricing"] p,
body.single-product div.product .summary [class*="gold-price"] p{
background:transparent !important;
color:#e8dcc7 !important;
border:0 !important;
box-shadow:none !important;
line-height:1.9 !important;
}
/* Hide bulky title inside the plugin, keep info elegant */
body.single-product div.product .summary [class*="calculator"] h2,
body.single-product div.product .summary [class*="pricing"] h2,
body.single-product div.product .summary [class*="gold-price"] h2,
body.single-product div.product .summary [class*="calculator"] h3,
body.single-product div.product .summary [class*="pricing"] h3,
body.single-product div.product .summary [class*="gold-price"] h3{
color:#f1d183 !important;
font-size:15px !important;
font-weight:700 !important;
margin:0 0 8px !important;
}
/* Labels and values */
body.single-product div.product .summary [class*="calculator"] span,
body.single-product div.product .summary [class*="pricing"] span,
body.single-product div.product .summary [class*="gold-price"] span,
body.single-product div.product .summary [class*="calculator"] strong,
body.single-product div.product .summary [class*="pricing"] strong,
body.single-product div.product .summary [class*="gold-price"] strong{
color:#e8dcc7 !important;
background:transparent !important;
}
/* Final price should be highlighted, but not boxed */
body.single-product div.product .summary [class*="calculator"] strong:last-child,
body.single-product div.product .summary [class*="pricing"] strong:last-child,
body.single-product div.product .summary [class*="gold-price"] strong:last-child,
body.single-product div.product .summary [class*="calculator"] b:last-child,
body.single-product div.product .summary [class*="pricing"] b:last-child,
body.single-product div.product .summary [class*="gold-price"] b:last-child{
color:#d9ad63 !important;
font-size:18px !important;
}
/* Remove any white inline style from plugin descendants */
body.single-product div.product .summary [style*="background: #fff"],
body.single-product div.product .summary [style*="background:#fff"],
body.single-product div.product .summary [style*="background-color: #fff"],
body.single-product div.product .summary [style*="background-color:#fff"],
body.single-product div.product .summary [style*="background: white"],
body.single-product div.product .summary [style*="background-color: white"]{
background:transparent !important;
}
/* General white cards inside summary should not appear */
body.single-product div.product .summary .gold-price-box,
body.single-product div.product .summary .price-box,
body.single-product div.product .summary .mg-price-box,
body.single-product div.product .summary .mg-gold-price-box{
background:rgba(217,173,99,.055) !important;
border:1px solid rgba(217,173,99,.24) !important;
border-right:0 !important;
border-left:0 !important;
border-radius:0 !important;
padding:15px 0 !important;
box-shadow:none !important;
}
/* If a table is used for specs */
body.single-product div.product .summary [class*="calculator"] table,
body.single-product div.product .summary [class*="pricing"] table,
body.single-product div.product .summary [class*="gold-price"] table{
width:100% !important;
border:0 !important;
background:transparent !important;
}
body.single-product div.product .summary [class*="calculator"] td,
body.single-product div.product .summary [class*="pricing"] td,
body.single-product div.product .summary [class*="gold-price"] td{
border:0 !important;
padding:5px 0 !important;
color:#e8dcc7 !important;
}
/* Make cart area closer and cleaner after the bar */
body.single-product div.product form.cart{
margin-top:18px !important;
}
/* Mobile */
@media(max-width:620px){
body.single-product div.product .summary [class*="calculator"],
body.single-product div.product .summary [class*="pricing"],
body.single-product div.product .summary [class*="gold-price"]{
padding:14px 0 !important;
font-size:14px !important;
}
}
/* === V57 Force pricing box flat/minimal on single product === */
/* Any non-cart box inside product summary that plugin renders as white card */
body.single-product div.product div.summary > div:not(.yith-wcwl-add-to-wishlist):not(.product_meta),
body.single-product div.product .summary > div:not(.yith-wcwl-add-to-wishlist):not(.product_meta){
max-width:100% !important;
}
/* Strongly flatten suspicious pricing/spec cards */
body.single-product div.product .summary > div:not(.yith-wcwl-add-to-wishlist):not(.product_meta):not(.woocommerce-product-details__short-description),
body.single-product div.product .summary .woocommerce-product-details__short-description + div,
body.single-product div.product .summary .price + div + div,
body.single-product div.product .summary form.cart ~ div,
body.single-product div.product .summary div[class],
body.single-product div.product .summary section[class]{
box-sizing:border-box !important;
}
/* Target common structure: white card between short description and cart */
body.single-product div.product .summary .woocommerce-product-details__short-description + div:not(.cart),
body.single-product div.product .summary .woocommerce-product-details__short-description + section:not(.cart){
background:rgba(217,173,99,.055) !important;
border-top:1px solid rgba(217,173,99,.28) !important;
border-bottom:1px solid rgba(217,173,99,.28) !important;
border-left:0 !important;
border-right:0 !important;
border-radius:0 !important;
box-shadow:none !important;
padding:16px 0 !important;
margin:22px 0 !important;
color:#e8dcc7 !important;
}
/* Most aggressive but scoped: any white-looking card inside summary */
body.single-product div.product .summary div[style],
body.single-product div.product .summary section[style]{
border-radius:0 !important;
box-shadow:none !important;
}
/* Remove actual white background from all descendants inside summary except image/button */
body.single-product div.product .summary div,
body.single-product div.product .summary section,
body.single-product div.product .summary article,
body.single-product div.product .summary table,
body.single-product div.product .summary tbody,
body.single-product div.product .summary tr,
body.single-product div.product .summary td,
body.single-product div.product .summary th{
background-color:transparent !important;
background-image:none !important;
}
/* Rebuild only pricing/spec container as a thin luxury band */
body.single-product div.product .summary .woocommerce-product-details__short-description ~ div:not(.yith-wcwl-add-to-wishlist):not(.product_meta),
body.single-product div.product .summary .woocommerce-product-details__short-description ~ section:not(.yith-wcwl-add-to-wishlist):not(.product_meta){
background:rgba(217,173,99,.045) !important;
border-top:1px solid rgba(217,173,99,.22) !important;
border-bottom:1px solid rgba(217,173,99,.22) !important;
border-left:0 !important;
border-right:0 !important;
border-radius:0 !important;
box-shadow:none !important;
padding:14px 0 !important;
margin:20px 0 !important;
}
/* But don't turn cart/wishlist/meta into pricing band */
body.single-product div.product .summary form.cart,
body.single-product div.product .summary form.cart *,
body.single-product div.product .summary .yith-wcwl-add-to-wishlist,
body.single-product div.product .summary .product_meta{
background:transparent !important;
}
body.single-product div.product .summary form.cart{
border-top:1px solid rgba(217,173,99,.20) !important;
margin-top:20px !important;
padding-top:22px !important;
}
/* Text colors inside the flattened pricing/spec output */
body.single-product div.product .summary .woocommerce-product-details__short-description ~ div *,
body.single-product div.product .summary .woocommerce-product-details__short-description ~ section *{
color:#e8dcc7 !important;
background:transparent !important;
box-shadow:none !important;
}
body.single-product div.product .summary .woocommerce-product-details__short-description ~ div strong,
body.single-product div.product .summary .woocommerce-product-details__short-description ~ div b,
body.single-product div.product .summary .woocommerce-product-details__short-description ~ section strong,
body.single-product div.product .summary .woocommerce-product-details__short-description ~ section b{
color:#d9ad63 !important;
}
/* If plugin has a final price row, make it visible but not boxed */
body.single-product div.product .summary .woocommerce-product-details__short-description ~ div:last-of-type,
body.single-product div.product .summary .woocommerce-product-details__short-description ~ section:last-of-type{
border-bottom-color:rgba(217,173,99,.32) !important;
}
/* Keep add to cart button correct after aggressive rules */
body.single-product div.product form.cart .single_add_to_cart_button{
background:#d9ad63 !important;
color:#060606 !important;
border:1px solid #d9ad63 !important;
border-radius:999px !important;
}
body.single-product div.product form.cart .single_add_to_cart_button:hover{
background:transparent !important;
color:#f1d183 !important;
}
body.single-product div.product form.cart input.qty{
background:transparent !important;
color:#fff3dc !important;
border:1px solid rgba(217,173,99,.45) !important;
border-radius:999px !important;
}
/* If the plugin uses inline white background on the actual element */
body.single-product div.product .summary [style*="rgb(255"],
body.single-product div.product .summary [style*="#fff"],
body.single-product div.product .summary [style*="white"]{
background:transparent !important;
background-color:transparent !important;
border-radius:0 !important;
box-shadow:none !important;
}
/* === V58 remove pricing box completely: make it a flat spec list === */
/* The pricing plugin is inside summary before the cart.
Remove every card-like background/border from summary content except cart/qty/button. */
body.single-product div.product .summary > *:not(form):not(.cart):not(.yith-wcwl-add-to-wishlist):not(.product_meta),
body.single-product div.product .summary > div,
body.single-product div.product .summary > section,
body.single-product div.product .summary > article{
background:transparent !important;
background-color:transparent !important;
background-image:none !important;
border-radius:0 !important;
box-shadow:none !important;
}
/* Force the pricing block itself to have no surrounding box */
body.single-product div.product .summary .woocommerce-product-details__short-description ~ div:not(.yith-wcwl-add-to-wishlist):not(.product_meta),
body.single-product div.product .summary .woocommerce-product-details__short-description ~ section:not(.yith-wcwl-add-to-wishlist):not(.product_meta),
body.single-product div.product .summary [class*="price"],
body.single-product div.product .summary [class*="pricing"],
body.single-product div.product .summary [class*="gold"],
body.single-product div.product .summary [class*="calc"],
body.single-product div.product .summary [id*="price"],
body.single-product div.product .summary [id*="pricing"],
body.single-product div.product .summary [id*="gold"],
body.single-product div.product .summary [id*="calc"]{
background:transparent !important;
background-color:transparent !important;
background-image:none !important;
border:none !important;
border-radius:0 !important;
box-shadow:none !important;
}
/* Remove borders/backgrounds from descendants of the pricing area */
body.single-product div.product .summary .woocommerce-product-details__short-description ~ div *:not(button):not(.button):not(input),
body.single-product div.product .summary .woocommerce-product-details__short-description ~ section *:not(button):not(.button):not(input),
body.single-product div.product .summary [class*="pricing"] *:not(button):not(.button):not(input),
body.single-product div.product .summary [class*="gold"] *:not(button):not(.button):not(input),
body.single-product div.product .summary [class*="calc"] *:not(button):not(.button):not(input){
background:transparent !important;
background-color:transparent !important;
background-image:none !important;
border:none !important;
box-shadow:none !important;
color:#e8dcc7 !important;
}
/* Keep only elegant separators around pricing specs */
body.single-product div.product .summary .woocommerce-product-details__short-description ~ div:not(.yith-wcwl-add-to-wishlist):not(.product_meta):not(form):not(.cart),
body.single-product div.product .summary .woocommerce-product-details__short-description ~ section:not(.yith-wcwl-add-to-wishlist):not(.product_meta):not(form):not(.cart){
padding:18px 0 !important;
margin:20px 0 !important;
border-top:1px solid rgba(217,173,99,.22) !important;
border-bottom:1px solid rgba(217,173,99,.22) !important;
}
/* Make the text look like a spec list, not a boxed widget */
body.single-product div.product .summary .woocommerce-product-details__short-description ~ div p,
body.single-product div.product .summary .woocommerce-product-details__short-description ~ div div,
body.single-product div.product .summary .woocommerce-product-details__short-description ~ section p,
body.single-product div.product .summary .woocommerce-product-details__short-description ~ section div{
line-height:2 !important;
margin:0 0 4px !important;
padding:0 !important;
text-align:right !important;
}
/* Headings and final price */
body.single-product div.product .summary .woocommerce-product-details__short-description ~ div h2,
body.single-product div.product .summary .woocommerce-product-details__short-description ~ div h3,
body.single-product div.product .summary .woocommerce-product-details__short-description ~ section h2,
body.single-product div.product .summary .woocommerce-product-details__short-description ~ section h3{
color:#f1d183 !important;
font-size:16px !important;
margin:0 0 10px !important;
padding:0 !important;
}
body.single-product div.product .summary .woocommerce-product-details__short-description ~ div strong,
body.single-product div.product .summary .woocommerce-product-details__short-description ~ div b,
body.single-product div.product .summary .woocommerce-product-details__short-description ~ section strong,
body.single-product div.product .summary .woocommerce-product-details__short-description ~ section b{
color:#d9ad63 !important;
font-weight:800 !important;
}
/* Remove the visible rectangular border that remains from plugin-specific wrapper */
body.single-product div.product .summary div[style*="border"],
body.single-product div.product .summary section[style*="border"],
body.single-product div.product .summary div[style*="box-shadow"],
body.single-product div.product .summary section[style*="box-shadow"],
body.single-product div.product .summary div[style*="background"],
body.single-product div.product .summary section[style*="background"]{
border:none !important;
border-radius:0 !important;
box-shadow:none !important;
background:transparent !important;
background-color:transparent !important;
}
/* Cart must remain styled */
body.single-product div.product .summary form.cart{
background:transparent !important;
border-top:1px solid rgba(217,173,99,.20) !important;
padding-top:22px !important;
margin-top:22px !important;
}
body.single-product div.product .summary form.cart *,
body.single-product div.product .summary form.cart input,
body.single-product div.product .summary form.cart button{
box-shadow:none !important;
}
body.single-product div.product form.cart input.qty{
background:transparent !important;
border:1px solid rgba(217,173,99,.45) !important;
border-radius:999px !important;
color:#fff3dc !important;
}
body.single-product div.product form.cart .single_add_to_cart_button{
background:#d9ad63 !important;
color:#060606 !important;
border:1px solid #d9ad63 !important;
border-radius:999px !important;
}
/* Prevent the product price at top from being affected by aggressive [class*=price] rules */
body.single-product div.product .summary > .price{
display:block !important;
color:#d9ad63 !important;
font-size:25px !important;
font-weight:800 !important;
margin:0 0 28px !important;
border:0 !important;
background:transparent !important;
}
/* Hide any horizontal full-box line except our separators */
body.single-product div.product .summary hr{
border:0 !important;
border-top:1px solid rgba(217,173,99,.22) !important;
margin:12px 0 !important;
}
/* === V59 Single product related products fix === */
/* Make tabs a real full-width block and prevent related products from overlapping */
body.single-product .woocommerce-tabs{
position:relative !important;
z-index:2 !important;
clear:both !important;
display:block !important;
width:min(1120px,90vw) !important;
max-width:1120px !important;
margin:20px auto 90px !important;
padding:54px 0 0 !important;
border-top:1px solid rgba(217,173,99,.22) !important;
overflow:visible !important;
}
body.single-product .woocommerce-Tabs-panel{
position:relative !important;
z-index:2 !important;
max-width:100% !important;
min-height:0 !important;
overflow:hidden !important;
background:rgba(7,7,7,.72) !important;
border:1px solid rgba(217,173,99,.20) !important;
border-radius:22px !important;
padding:38px !important;
box-sizing:border-box !important;
}
/* Related products must start below tabs, never float over them */
body.single-product .related.products,
body.single-product .upsells.products{
position:relative !important;
z-index:1 !important;
clear:both !important;
display:block !important;
width:100% !important;
max-width:none !important;
margin:0 !important;
padding:78px 0 110px !important;
background:
radial-gradient(circle at 50% 0%, rgba(217,173,99,.10), rgba(0,0,0,0) 34%),
#050505 !important;
border-top:1px solid rgba(217,173,99,.18) !important;
overflow:hidden !important;
}
body.single-product .related.products > h2,
body.single-product .upsells.products > h2{
width:min(1180px,90vw) !important;
margin:0 auto 46px !important;
color:#d9ad63 !important;
font-family:"Noto Naskh Arabic","Vazirmatn",Tahoma,Arial,sans-serif !important;
font-size:clamp(34px,3.5vw,52px) !important;
line-height:1.2 !important;
text-align:right !important;
text-shadow:0 18px 55px rgba(217,173,99,.14) !important;
}
body.single-product .related.products > h2:after,
body.single-product .upsells.products > h2:after{
content:"" !important;
display:block !important;
width:120px !important;
height:1px !important;
margin-top:18px !important;
background:linear-gradient(90deg, rgba(217,173,99,.7), transparent) !important;
}
/* Related grid */
body.single-product .related.products ul.products,
body.single-product .upsells.products ul.products{
width:min(1180px,90vw) !important;
margin:0 auto !important;
padding:0 !important;
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:28px !important;
clear:both !important;
}
/* Smaller, clean related cards independent of shop overlay problems */
body.single-product .related.products ul.products li.product,
body.single-product .upsells.products ul.products li.product{
position:relative !important;
width:auto !important;
min-height:auto !important;
height:auto !important;
float:none !important;
margin:0 !important;
background:#0a0908 !important;
border:1px solid rgba(217,173,99,.22) !important;
border-radius:18px !important;
overflow:hidden !important;
box-shadow:0 26px 80px rgba(0,0,0,.44) !important;
transform:none !important;
}
body.single-product .related.products ul.products li.product:before,
body.single-product .related.products ul.products li.product:after,
body.single-product .upsells.products ul.products li.product:before,
body.single-product .upsells.products ul.products li.product:after{
display:none !important;
content:none !important;
}
body.single-product .related.products ul.products li.product a.woocommerce-LoopProduct-link,
body.single-product .upsells.products ul.products li.product a.woocommerce-LoopProduct-link{
display:block !important;
height:auto !important;
min-height:0 !important;
position:relative !important;
overflow:visible !important;
background:transparent !important;
}
body.single-product .related.products ul.products li.product a.woocommerce-LoopProduct-link:before,
body.single-product .related.products ul.products li.product a.woocommerce-LoopProduct-link:after,
body.single-product .upsells.products ul.products li.product a.woocommerce-LoopProduct-link:before,
body.single-product .upsells.products ul.products li.product a.woocommerce-LoopProduct-link:after{
display:none !important;
content:none !important;
}
body.single-product .related.products ul.products li.product img,
body.single-product .upsells.products ul.products li.product img{
position:relative !important;
inset:auto !important;
width:100% !important;
height:240px !important;
object-fit:cover !important;
display:block !important;
margin:0 !important;
background:#f3f0ea !important;
filter:none !important;
transform:none !important;
}
body.single-product .related.products ul.products li.product .woocommerce-loop-product__title,
body.single-product .upsells.products ul.products li.product .woocommerce-loop-product__title{
position:relative !important;
left:auto !important;
right:auto !important;
bottom:auto !important;
padding:20px 18px 8px !important;
margin:0 !important;
min-height:64px !important;
background:#0a0908 !important;
color:#fff3dc !important;
font-family:"Noto Naskh Arabic","Vazirmatn",Tahoma,Arial,sans-serif !important;
font-size:17px !important;
line-height:1.55 !important;
text-align:center !important;
text-shadow:none !important;
z-index:2 !important;
}
body.single-product .related.products ul.products li.product .price,
body.single-product .upsells.products ul.products li.product .price{
position:relative !important;
left:auto !important;
right:auto !important;
bottom:auto !important;
display:block !important;
padding:0 18px 22px !important;
margin:0 !important;
background:#0a0908 !important;
color:#d9ad63 !important;
font-size:15px !important;
text-align:center !important;
text-shadow:none !important;
z-index:2 !important;
}
body.single-product .related.products ul.products li.product .button,
body.single-product .upsells.products ul.products li.product .button{
display:none !important;
}
body.single-product .related.products ul.products li.product:hover,
body.single-product .upsells.products ul.products li.product:hover{
transform:translateY(-6px) !important;
border-color:rgba(217,173,99,.58) !important;
box-shadow:0 36px 95px rgba(0,0,0,.62) !important;
}
body.single-product .related.products ul.products li.product:hover img,
body.single-product .upsells.products ul.products li.product:hover img{
transform:scale(1.025) !important;
transition:transform .35s ease !important;
}
/* Make sure footer comes after related products */
body.single-product .mg-min-footer{
position:relative !important;
z-index:1 !important;
clear:both !important;
}
/* Mobile */
@media(max-width:980px){
body.single-product .related.products ul.products,
body.single-product .upsells.products ul.products{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
}
@media(max-width:620px){
body.single-product .woocommerce-Tabs-panel{
padding:26px !important;
}
body.single-product .related.products ul.products,
body.single-product .upsells.products ul.products{
grid-template-columns:1fr !important;
width:min(380px,90vw) !important;
}
}
/* === V60 Custom related products: remove overlap completely === */
/* Hide the default Woo related block if it is still printed by hooks */
body.single-product .related.products,
body.single-product .upsells.products{
display:none !important;
}
/* Our custom related section */
.mg-related-section{
clear:both !important;
position:relative !important;
z-index:2 !important;
width:100% !important;
margin:0 !important;
padding:88px 0 110px !important;
background:
radial-gradient(circle at 50% 0%, rgba(217,173,99,.10), rgba(0,0,0,0) 35%),
#050505 !important;
border-top:1px solid rgba(217,173,99,.22) !important;
overflow:hidden !important;
}
.mg-related-inner{
width:min(1180px,90vw) !important;
margin:0 auto !important;
}
.mg-related-head{
display:flex !important;
align-items:flex-end !important;
justify-content:space-between !important;
gap:24px !important;
margin-bottom:42px !important;
direction:rtl !important;
}
.mg-related-kicker{
color:#b98d4d !important;
font-family:Georgia,serif !important;
font-size:13px !important;
letter-spacing:.35em !important;
margin-bottom:12px !important;
}
.mg-related-title{
color:#d9ad63 !important;
font-family:"Noto Naskh Arabic","Vazirmatn",Tahoma,Arial,sans-serif !important;
font-size:clamp(34px,3.6vw,52px) !important;
line-height:1.25 !important;
font-weight:700 !important;
margin:0 !important;
text-shadow:0 18px 56px rgba(217,173,99,.14) !important;
}
.mg-related-line{
flex:1 !important;
height:1px !important;
background:linear-gradient(90deg, transparent, rgba(217,173,99,.44)) !important;
margin-bottom:18px !important;
}
.mg-related-grid{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:28px !important;
direction:rtl !important;
}
.mg-related-card{
display:block !important;
position:relative !important;
background:#0a0908 !important;
border:1px solid rgba(217,173,99,.22) !important;
border-radius:18px !important;
overflow:hidden !important;
text-decoration:none !important;
box-shadow:0 26px 80px rgba(0,0,0,.44) !important;
transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease !important;
}
.mg-related-card:hover{
transform:translateY(-6px) !important;
border-color:rgba(217,173,99,.62) !important;
box-shadow:0 38px 100px rgba(0,0,0,.68) !important;
}
.mg-related-image{
height:255px !important;
background:#f3f0ea !important;
overflow:hidden !important;
}
.mg-related-image img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
display:block !important;
transition:transform .35s ease !important;
}
.mg-related-card:hover .mg-related-image img{
transform:scale(1.035) !important;
}
.mg-related-info{
padding:20px 18px 24px !important;
text-align:center !important;
background:#0a0908 !important;
}
.mg-related-name{
color:#fff3dc !important;
font-family:"Noto Naskh Arabic","Vazirmatn",Tahoma,Arial,sans-serif !important;
font-size:17px !important;
line-height:1.55 !important;
font-weight:700 !important;
min-height:54px !important;
margin-bottom:10px !important;
}
.mg-related-price{
color:#d9ad63 !important;
font-size:15px !important;
font-weight:700 !important;
}
.mg-related-empty{
color:#a99b84 !important;
text-align:center !important;
padding:40px 0 !important;
}
/* Tabs should now have clean spacing before custom related */
body.single-product .woocommerce-tabs{
margin-bottom:84px !important;
}
/* Mobile */
@media(max-width:980px){
.mg-related-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
}
@media(max-width:620px){
.mg-related-head{
display:block !important;
text-align:right !important;
}
.mg-related-line{
margin-top:18px !important;
}
.mg-related-grid{
grid-template-columns:1fr !important;
width:min(380px,100%) !important;
margin:0 auto !important;
}
}
/* === V61 Related products: vertical luxury overlay cards === */
.mg-related-section{
padding:86px 0 118px !important;
background:
radial-gradient(circle at 64% 10%, rgba(217,173,99,.13), rgba(0,0,0,0) 34%),
#050505 !important;
}
.mg-related-inner{
width:min(1120px,90vw) !important;
}
.mg-related-head{
margin-bottom:50px !important;
}
.mg-related-title{
font-size:clamp(38px,4vw,58px) !important;
}
.mg-related-grid{
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:36px !important;
max-width:980px !important;
margin:0 auto !important;
}
/* Poster-like card */
.mg-related-card{
min-height:430px !important;
border-radius:22px !important;
background:#080706 !important;
border:1px solid rgba(217,173,99,.28) !important;
box-shadow:0 34px 100px rgba(0,0,0,.58) !important;
overflow:hidden !important;
isolation:isolate !important;
}
.mg-related-image{
position:absolute !important;
inset:0 !important;
height:100% !important;
width:100% !important;
background:#111 !important;
z-index:1 !important;
}
.mg-related-image img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
display:block !important;
filter:brightness(.92) contrast(1.06) saturate(.98) !important;
transition:transform .55s ease, filter .55s ease !important;
}
/* Bottom fade only */
.mg-related-card:after{
content:"" !important;
position:absolute !important;
left:0 !important;
right:0 !important;
bottom:0 !important;
height:52% !important;
z-index:2 !important;
background:linear-gradient(
180deg,
rgba(0,0,0,0) 0%,
rgba(0,0,0,.40) 36%,
rgba(0,0,0,.92) 100%
) !important;
pointer-events:none !important;
}
.mg-related-info{
position:absolute !important;
left:22px !important;
right:22px !important;
bottom:30px !important;
z-index:3 !important;
padding:0 !important;
background:transparent !important;
text-align:center !important;
}
.mg-related-name{
color:#fff3dc !important;
font-family:Georgia,"Times New Roman","Noto Naskh Arabic","Vazirmatn",serif !important;
font-size:22px !important;
line-height:1.35 !important;
font-weight:700 !important;
min-height:0 !important;
margin:0 0 12px !important;
text-shadow:
0 4px 10px rgba(0,0,0,1),
0 12px 34px rgba(0,0,0,.95) !important;
}
.mg-related-price{
color:#d9ad63 !important;
font-size:16px !important;
font-weight:800 !important;
text-shadow:
0 3px 8px rgba(0,0,0,1),
0 10px 26px rgba(0,0,0,.95) !important;
}
/* Elegant hover */
.mg-related-card:hover{
transform:translateY(-8px) !important;
border-color:rgba(217,173,99,.70) !important;
box-shadow:0 48px 125px rgba(0,0,0,.78) !important;
}
.mg-related-card:hover .mg-related-image img{
transform:scale(1.055) !important;
filter:brightness(1.02) contrast(1.10) saturate(1.03) !important;
}
.mg-related-card:before{
content:"مشاهده" !important;
position:absolute !important;
left:50% !important;
bottom:24px !important;
transform:translateX(-50%) translateY(12px) !important;
z-index:4 !important;
min-width:112px !important;
padding:10px 20px !important;
border:1px solid rgba(217,173,99,.76) !important;
border-radius:999px !important;
background:rgba(0,0,0,.56) !important;
color:#f1d183 !important;
font-size:13px !important;
font-weight:700 !important;
line-height:1 !important;
text-align:center !important;
opacity:0 !important;
visibility:hidden !important;
transition:.28s ease !important;
backdrop-filter:blur(10px) !important;
}
.mg-related-card:hover:before{
opacity:1 !important;
visibility:visible !important;
transform:translateX(-50%) translateY(0) !important;
}
/* Move text up on hover to make room for mini button */
.mg-related-card:hover .mg-related-info{
bottom:72px !important;
transition:bottom .28s ease !important;
}
/* Mobile */
@media(max-width:980px){
.mg-related-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
max-width:720px !important;
}
}
@media(max-width:620px){
.mg-related-grid{
grid-template-columns:1fr !important;
width:min(380px,100%) !important;
}
.mg-related-card{
min-height:420px !important;
}
.mg-related-card:before{
opacity:1 !important;
visibility:visible !important;
transform:translateX(-50%) translateY(0) !important;
}
.mg-related-info{
bottom:70px !important;
}
}
/* === V62 WooCommerce Cart Luxury Page === */
body.woocommerce-cart{
background:
radial-gradient(circle at 52% 0%, rgba(217,173,99,.10), rgba(0,0,0,0) 34%),
#060606 !important;
color:#f4ecdf !important;
direction:rtl !important;
}
body.woocommerce-cart #masthead,
body.woocommerce-cart .site-header,
body.woocommerce-cart .site-footer,
body.woocommerce-cart .entry-header,
body.woocommerce-cart .page-title,
body.woocommerce-cart .entry-title,
body.woocommerce-cart .woocommerce-breadcrumb{
display:none !important;
}
body.woocommerce-cart .content-area,
body.woocommerce-cart .site-main,
body.woocommerce-cart .entry-content,
body.woocommerce-cart .content-container,
body.woocommerce-cart .entry-content-wrap{
width:100% !important;
max-width:none !important;
margin:0 !important;
padding:0 !important;
background:transparent !important;
}
body.woocommerce-cart .site-main{
padding-top:128px !important;
}
/* Page shell */
body.woocommerce-cart .woocommerce{
width:min(1220px,90vw) !important;
margin:0 auto !important;
padding:54px 0 92px !important;
}
body.woocommerce-cart .woocommerce:before{
content:"سبد خرید" !important;
display:block !important;
color:#d9ad63 !important;
font-family:"Noto Naskh Arabic","Vazirmatn",Tahoma,Arial,sans-serif !important;
font-size:clamp(42px,4.2vw,68px) !important;
line-height:1.25 !important;
font-weight:700 !important;
margin:0 0 34px !important;
text-align:right !important;
text-shadow:0 18px 60px rgba(217,173,99,.16) !important;
}
/* Notices */
body.woocommerce-cart .woocommerce-message,
body.woocommerce-cart .woocommerce-info,
body.woocommerce-cart .woocommerce-error{
background:#0a0908 !important;
color:#f4ecdf !important;
border-top-color:#d9ad63 !important;
border-radius:16px !important;
width:100% !important;
margin:0 0 24px !important;
}
/* Cart layout */
body.woocommerce-cart form.woocommerce-cart-form{
width:66% !important;
float:right !important;
margin:0 !important;
}
body.woocommerce-cart .cart-collaterals{
width:31% !important;
float:left !important;
margin:0 !important;
}
body.woocommerce-cart .cart-collaterals .cart_totals{
width:100% !important;
float:none !important;
}
/* Cart table as luxury panel */
body.woocommerce-cart table.shop_table{
background:rgba(8,7,6,.78) !important;
border:1px solid rgba(217,173,99,.22) !important;
border-radius:22px !important;
overflow:hidden !important;
border-collapse:separate !important;
border-spacing:0 !important;
box-shadow:0 30px 90px rgba(0,0,0,.38) !important;
}
body.woocommerce-cart table.shop_table th{
background:rgba(217,173,99,.055) !important;
color:#d9ad63 !important;
border:0 !important;
font-size:14px !important;
font-weight:700 !important;
padding:18px 16px !important;
text-align:center !important;
}
body.woocommerce-cart table.shop_table td{
border-top:1px solid rgba(217,173,99,.14) !important;
color:#e8dcc7 !important;
padding:20px 16px !important;
vertical-align:middle !important;
text-align:center !important;
}
body.woocommerce-cart table.shop_table .product-name{
text-align:right !important;
}
body.woocommerce-cart table.shop_table .product-name a{
color:#fff3dc !important;
text-decoration:none !important;
font-weight:700 !important;
font-size:16px !important;
}
body.woocommerce-cart table.shop_table .product-thumbnail img{
width:86px !important;
height:86px !important;
object-fit:cover !important;
border-radius:14px !important;
border:1px solid rgba(217,173,99,.22) !important;
background:#f3f0ea !important;
}
body.woocommerce-cart table.shop_table .product-price,
body.woocommerce-cart table.shop_table .product-subtotal{
color:#d9ad63 !important;
font-weight:700 !important;
}
body.woocommerce-cart table.shop_table .remove{
color:#d9ad63 !important;
background:transparent !important;
border:1px solid rgba(217,173,99,.35) !important;
border-radius:999px !important;
width:32px !important;
height:32px !important;
line-height:28px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
text-decoration:none !important;
transition:.25s ease !important;
}
body.woocommerce-cart table.shop_table .remove:hover{
background:#d9ad63 !important;
color:#060606 !important;
}
/* Quantity */
body.woocommerce-cart .quantity input.qty{
width:76px !important;
height:46px !important;
background:transparent !important;
color:#fff3dc !important;
border:1px solid rgba(217,173,99,.42) !important;
border-radius:999px !important;
text-align:center !important;
}
/* Coupon/actions */
body.woocommerce-cart table.cart td.actions{
background:rgba(0,0,0,.18) !important;
padding:22px !important;
}
body.woocommerce-cart .coupon{
display:flex !important;
gap:10px !important;
float:right !important;
}
body.woocommerce-cart .coupon label{
display:none !important;
}
body.woocommerce-cart .coupon input.input-text{
width:220px !important;
height:46px !important;
background:transparent !important;
color:#f4ecdf !important;
border:1px solid rgba(217,173,99,.34) !important;
border-radius:999px !important;
padding:0 18px !important;
}
body.woocommerce-cart button.button,
body.woocommerce-cart .button{
height:46px !important;
background:transparent !important;
color:#f1d183 !important;
border:1px solid rgba(217,173,99,.58) !important;
border-radius:999px !important;
padding:0 22px !important;
font-weight:700 !important;
transition:.25s ease !important;
}
body.woocommerce-cart button.button:hover,
body.woocommerce-cart .button:hover{
background:#d9ad63 !important;
color:#060606 !important;
}
body.woocommerce-cart table.cart td.actions > .button{
float:left !important;
}
/* Totals box */
body.woocommerce-cart .cart_totals{
background:rgba(8,7,6,.82) !important;
border:1px solid rgba(217,173,99,.24) !important;
border-radius:22px !important;
padding:28px !important;
box-shadow:0 30px 90px rgba(0,0,0,.40) !important;
}
body.woocommerce-cart .cart_totals h2{
color:#f1d183 !important;
font-family:"Noto Naskh Arabic","Vazirmatn",Tahoma,Arial,sans-serif !important;
font-size:30px !important;
margin:0 0 22px !important;
}
body.woocommerce-cart .cart_totals table{
background:transparent !important;
border:0 !important;
margin:0 0 22px !important;
}
body.woocommerce-cart .cart_totals table th,
body.woocommerce-cart .cart_totals table td{
background:transparent !important;
border-top:1px solid rgba(217,173,99,.15) !important;
color:#e8dcc7 !important;
padding:16px 0 !important;
text-align:right !important;
}
body.woocommerce-cart .cart_totals .order-total th,
body.woocommerce-cart .cart_totals .order-total td,
body.woocommerce-cart .cart_totals .order-total .amount{
color:#d9ad63 !important;
font-size:20px !important;
font-weight:800 !important;
}
body.woocommerce-cart .wc-proceed-to-checkout{
padding:0 !important;
}
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
width:100% !important;
height:56px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
background:#d9ad63 !important;
color:#060606 !important;
border:1px solid #d9ad63 !important;
border-radius:999px !important;
font-size:16px !important;
font-weight:800 !important;
text-decoration:none !important;
box-shadow:0 18px 50px rgba(217,173,99,.14) !important;
}
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{
background:transparent !important;
color:#f1d183 !important;
}
/* Empty cart */
body.woocommerce-cart .cart-empty,
body.woocommerce-cart .return-to-shop{
width:min(760px,90vw) !important;
margin:0 auto 24px !important;
text-align:center !important;
}
/* Mobile */
@media(max-width:980px){
body.woocommerce-cart form.woocommerce-cart-form,
body.woocommerce-cart .cart-collaterals{
width:100% !important;
float:none !important;
}
body.woocommerce-cart .cart-collaterals{
margin-top:28px !important;
}
}
@media(max-width:720px){
body.woocommerce-cart .site-main{
padding-top:98px !important;
}
body.woocommerce-cart table.shop_table{
border-radius:18px !important;
}
body.woocommerce-cart table.cart td.actions{
text-align:center !important;
}
body.woocommerce-cart .coupon{
float:none !important;
display:block !important;
margin-bottom:14px !important;
}
body.woocommerce-cart .coupon input.input-text,
body.woocommerce-cart .coupon .button,
body.woocommerce-cart table.cart td.actions > .button{
width:100% !important;
float:none !important;
margin:0 0 10px !important;
}
}
/* === V63 WooCommerce Checkout Luxury Page === */
body.woocommerce-checkout{
background:
radial-gradient(circle at 52% 0%, rgba(217,173,99,.10), rgba(0,0,0,0) 34%),
#060606 !important;
color:#f4ecdf !important;
direction:rtl !important;
}
body.woocommerce-checkout #masthead,
body.woocommerce-checkout .site-header,
body.woocommerce-checkout .site-footer,
body.woocommerce-checkout .entry-header,
body.woocommerce-checkout .page-title,
body.woocommerce-checkout .entry-title,
body.woocommerce-checkout .woocommerce-breadcrumb{
display:none !important;
}
body.woocommerce-checkout .content-area,
body.woocommerce-checkout .site-main,
body.woocommerce-checkout .entry-content,
body.woocommerce-checkout .content-container,
body.woocommerce-checkout .entry-content-wrap{
width:100% !important;
max-width:none !important;
margin:0 !important;
padding:0 !important;
background:transparent !important;
}
body.woocommerce-checkout .site-main{
padding-top:128px !important;
}
body.woocommerce-checkout .woocommerce{
width:min(1220px,90vw) !important;
margin:0 auto !important;
padding:54px 0 94px !important;
}
body.woocommerce-checkout .woocommerce:before{
content:"تسویه حساب" !important;
display:block !important;
color:#d9ad63 !important;
font-family:"Noto Naskh Arabic","Vazirmatn",Tahoma,Arial,sans-serif !important;
font-size:clamp(42px,4.2vw,68px) !important;
line-height:1.25 !important;
font-weight:700 !important;
margin:0 0 34px !important;
text-align:right !important;
text-shadow:0 18px 60px rgba(217,173,99,.16) !important;
}
/* Notices and coupon/login boxes */
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-checkout .woocommerce-error{
background:#0a0908 !important;
color:#f4ecdf !important;
border-top-color:#d9ad63 !important;
border-radius:16px !important;
margin:0 0 22px !important;
}
body.woocommerce-checkout .woocommerce-info a,
body.woocommerce-checkout .woocommerce-message a{
color:#d9ad63 !important;
}
body.woocommerce-checkout form.checkout_coupon,
body.woocommerce-checkout form.login{
background:rgba(8,7,6,.80) !important;
border:1px solid rgba(217,173,99,.22) !important;
border-radius:20px !important;
padding:24px !important;
margin:0 0 28px !important;
color:#e8dcc7 !important;
}
/* Checkout layout */
body.woocommerce-checkout form.checkout{
display:grid !important;
grid-template-columns:minmax(0, 58%) minmax(360px, 38%) !important;
gap:46px !important;
align-items:start !important;
direction:rtl !important;
}
body.woocommerce-checkout #customer_details{
grid-column:1 !important;
width:100% !important;
}
body.woocommerce-checkout #order_review_heading,
body.woocommerce-checkout #order_review{
grid-column:2 !important;
width:100% !important;
}
/* Billing/shipping cards */
body.woocommerce-checkout .col2-set,
body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-shipping-fields,
body.woocommerce-checkout .woocommerce-additional-fields{
width:100% !important;
}
body.woocommerce-checkout .col2-set .col-1,
body.woocommerce-checkout .col2-set .col-2{
float:none !important;
width:100% !important;
margin:0 !important;
}
body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-shipping-fields,
body.woocommerce-checkout .woocommerce-additional-fields{
background:rgba(8,7,6,.78) !important;
border:1px solid rgba(217,173,99,.22) !important;
border-radius:22px !important;
padding:30px !important;
margin:0 0 24px !important;
box-shadow:0 28px 90px rgba(0,0,0,.34) !important;
}
body.woocommerce-checkout h3{
color:#f1d183 !important;
font-family:"Noto Naskh Arabic","Vazirmatn",Tahoma,Arial,sans-serif !important;
font-size:28px !important;
line-height:1.4 !important;
margin:0 0 24px !important;
}
/* Fields */
body.woocommerce-checkout .form-row{
margin-bottom:18px !important;
}
body.woocommerce-checkout label{
color:#e8dcc7 !important;
font-size:14px !important;
font-weight:600 !important;
margin-bottom:8px !important;
}
body.woocommerce-checkout abbr.required{
color:#d9ad63 !important;
text-decoration:none !important;
}
body.woocommerce-checkout input.input-text,
body.woocommerce-checkout textarea,
body.woocommerce-checkout select,
body.woocommerce-checkout .select2-container--default .select2-selection--single{
width:100% !important;
min-height:52px !important;
background:#0a0908 !important;
color:#fff3dc !important;
border:1px solid rgba(217,173,99,.34) !important;
border-radius:16px !important;
padding:0 16px !important;
box-shadow:none !important;
outline:none !important;
}
body.woocommerce-checkout textarea{
min-height:118px !important;
padding:16px !important;
}
body.woocommerce-checkout input.input-text:focus,
body.woocommerce-checkout textarea:focus,
body.woocommerce-checkout select:focus,
body.woocommerce-checkout .select2-container--default.select2-container--open .select2-selection--single{
border-color:rgba(217,173,99,.75) !important;
}
body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered{
color:#fff3dc !important;
line-height:52px !important;
}
body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow{
height:52px !important;
}
/* Order review */
body.woocommerce-checkout #order_review_heading{
background:rgba(8,7,6,.82) !important;
border:1px solid rgba(217,173,99,.24) !important;
border-bottom:0 !important;
border-radius:22px 22px 0 0 !important;
padding:28px 28px 0 !important;
margin:0 !important;
box-shadow:0 28px 90px rgba(0,0,0,.36) !important;
}
body.woocommerce-checkout #order_review{
background:rgba(8,7,6,.82) !important;
border:1px solid rgba(217,173,99,.24) !important;
border-top:0 !important;
border-radius:0 0 22px 22px !important;
padding:24px 28px 30px !important;
box-shadow:0 30px 90px rgba(0,0,0,.40) !important;
position:sticky !important;
top:126px !important;
}
body.woocommerce-checkout table.shop_table{
background:transparent !important;
border:0 !important;
border-collapse:separate !important;
border-spacing:0 !important;
margin:0 0 24px !important;
}
body.woocommerce-checkout table.shop_table th,
body.woocommerce-checkout table.shop_table td{
background:transparent !important;
border-top:1px solid rgba(217,173,99,.15) !important;
color:#e8dcc7 !important;
padding:15px 0 !important;
text-align:right !important;
}
body.woocommerce-checkout table.shop_table thead th{
color:#d9ad63 !important;
border-top:0 !important;
font-size:14px !important;
}
body.woocommerce-checkout table.shop_table .product-name{
color:#fff3dc !important;
font-weight:600 !important;
}
body.woocommerce-checkout table.shop_table .product-total,
body.woocommerce-checkout table.shop_table .cart-subtotal td,
body.woocommerce-checkout table.shop_table .order-total td,
body.woocommerce-checkout table.shop_table .amount{
color:#d9ad63 !important;
font-weight:800 !important;
}
body.woocommerce-checkout table.shop_table .order-total th,
body.woocommerce-checkout table.shop_table .order-total td{
font-size:20px !important;
}
/* Payment box */
body.woocommerce-checkout #payment{
background:transparent !important;
border:0 !important;
}
body.woocommerce-checkout #payment ul.payment_methods{
border:1px solid rgba(217,173,99,.18) !important;
border-radius:18px !important;
padding:18px !important;
margin:0 0 22px !important;
background:rgba(217,173,99,.035) !important;
}
body.woocommerce-checkout #payment ul.payment_methods li{
color:#f4ecdf !important;
line-height:1.9 !important;
}
body.woocommerce-checkout #payment div.payment_box{
background:#0a0908 !important;
color:#d8d0c1 !important;
border-radius:14px !important;
}
body.woocommerce-checkout #payment div.payment_box:before{
border-bottom-color:#0a0908 !important;
}
/* Place order */
body.woocommerce-checkout #payment .place-order{
padding:0 !important;
margin:0 !important;
}
body.woocommerce-checkout #place_order{
width:100% !important;
height:58px !important;
background:#d9ad63 !important;
color:#060606 !important;
border:1px solid #d9ad63 !important;
border-radius:999px !important;
font-size:17px !important;
font-weight:900 !important;
box-shadow:0 18px 50px rgba(217,173,99,.14) !important;
transition:.25s ease !important;
}
body.woocommerce-checkout #place_order:hover{
background:transparent !important;
color:#f1d183 !important;
}
/* Privacy/terms */
body.woocommerce-checkout .woocommerce-privacy-policy-text,
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{
color:#a99b84 !important;
font-size:13px !important;
line-height:1.9 !important;
}
body.woocommerce-checkout .woocommerce-privacy-policy-text a,
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a{
color:#d9ad63 !important;
}
/* Buttons in coupon/login */
body.woocommerce-checkout button.button,
body.woocommerce-checkout .button{
min-height:46px !important;
background:transparent !important;
color:#f1d183 !important;
border:1px solid rgba(217,173,99,.58) !important;
border-radius:999px !important;
padding:0 22px !important;
font-weight:700 !important;
transition:.25s ease !important;
}
body.woocommerce-checkout button.button:hover,
body.woocommerce-checkout .button:hover{
background:#d9ad63 !important;
color:#060606 !important;
}
/* Mobile */
@media(max-width:980px){
body.woocommerce-checkout form.checkout{
display:block !important;
}
body.woocommerce-checkout #order_review{
position:relative !important;
top:auto !important;
}
body.woocommerce-checkout #order_review_heading{
margin-top:28px !important;
}
}
@media(max-width:620px){
body.woocommerce-checkout .site-main{
padding-top:98px !important;
}
body.woocommerce-checkout .woocommerce{
padding-top:34px !important;
}
body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-shipping-fields,
body.woocommerce-checkout .woocommerce-additional-fields,
body.woocommerce-checkout #order_review,
body.woocommerce-checkout #order_review_heading{
padding-left:22px !important;
padding-right:22px !important;
}
}
/* === V64 Checkout layout fix: order summary left, billing right === */
/* Force checkout form into a stable two-column LTR grid, while contents stay RTL */
body.woocommerce-checkout form.checkout{
display:grid !important;
grid-template-columns:minmax(360px, 38%) minmax(0, 58%) !important;
grid-template-rows:auto auto 1fr !important;
column-gap:48px !important;
row-gap:0 !important;
align-items:start !important;
direction:ltr !important;
}
/* Right column: customer fields */
body.woocommerce-checkout #customer_details{
grid-column:2 !important;
grid-row:1 / span 3 !important;
width:100% !important;
min-width:0 !important;
direction:rtl !important;
}
/* Left column: order summary heading and box */
body.woocommerce-checkout #order_review_heading{
grid-column:1 !important;
grid-row:1 !important;
width:100% !important;
min-width:0 !important;
direction:rtl !important;
margin:0 !important;
position:relative !important;
top:auto !important;
}
body.woocommerce-checkout #order_review{
grid-column:1 !important;
grid-row:2 !important;
width:100% !important;
min-width:0 !important;
direction:rtl !important;
margin:0 !important;
align-self:start !important;
position:sticky !important;
top:126px !important;
}
/* Make sure WooCommerce internal columns do not float/break layout */
body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2,
body.woocommerce-checkout .col2-set .col-1,
body.woocommerce-checkout .col2-set .col-2{
float:none !important;
width:100% !important;
max-width:100% !important;
margin:0 !important;
clear:both !important;
}
/* Remove the big empty feeling by tightening vertical spacing */
body.woocommerce-checkout .woocommerce{
padding-top:38px !important;
}
body.woocommerce-checkout .woocommerce:before{
margin-bottom:28px !important;
}
body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-shipping-fields,
body.woocommerce-checkout .woocommerce-additional-fields{
margin-bottom:24px !important;
}
/* Order summary should look like one card, not separated too much */
body.woocommerce-checkout #order_review_heading{
padding:26px 28px 4px !important;
}
body.woocommerce-checkout #order_review{
padding-top:18px !important;
}
/* Keep coupon/info above grid full width and not interfering */
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout form.checkout_coupon,
body.woocommerce-checkout form.login{
width:min(1220px,100%) !important;
box-sizing:border-box !important;
}
/* Fix additional notes positioning */
body.woocommerce-checkout .woocommerce-additional-fields{
clear:both !important;
}
/* Mobile/tablet: one column */
@media(max-width:980px){
body.woocommerce-checkout form.checkout{
display:block !important;
direction:rtl !important;
}
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #order_review_heading,
body.woocommerce-checkout #order_review{
width:100% !important;
display:block !important;
position:relative !important;
top:auto !important;
}
body.woocommerce-checkout #order_review_heading{
margin-top:28px !important;
}
}
/* On wide screens, prevent the left order card from being pushed down by any theme rule */
@media(min-width:981px){
body.woocommerce-checkout form.checkout:before,
body.woocommerce-checkout form.checkout:after{
content:none !important;
display:none !important;
}
}
/* === V65 Luxury footer refinement === */
.mg-min-footer{
position:relative !important;
overflow:hidden !important;
background:
radial-gradient(circle at 80% 10%, rgba(217,173,99,.16), rgba(0,0,0,0) 28%),
radial-gradient(circle at 20% 100%, rgba(217,173,99,.08), rgba(0,0,0,0) 34%),
linear-gradient(180deg, #050505 0%, #020202 100%) !important;
border-top:1px solid rgba(217,173,99,.32) !important;
padding:0 !important;
color:#d8d0c1 !important;
text-align:initial !important;
}
.mg-min-footer:before{
content:"" !important;
position:absolute !important;
top:0 !important;
left:50% !important;
width:min(1180px,90vw) !important;
height:1px !important;
transform:translateX(-50%) !important;
background:linear-gradient(90deg, transparent, rgba(217,173,99,.75), transparent) !important;
}
.mg-footer-inner{
width:min(1180px,90vw) !important;
margin:0 auto !important;
padding:58px 0 34px !important;
display:grid !important;
grid-template-columns:1.35fr 1fr 1fr 1fr !important;
gap:46px !important;
direction:rtl !important;
align-items:start !important;
}
.mg-footer-brand{
text-align:right !important;
}
.mg-min-footer .mg-footer-logo{
display:inline-flex !important;
flex-direction:row-reverse !important;
align-items:center !important;
gap:16px !important;
margin:0 0 18px !important;
color:#f1d183 !important;
text-decoration:none !important;
font-family:"Noto Naskh Arabic","Vazirmatn",Tahoma,Arial,sans-serif !important;
font-size:30px !important;
font-weight:800 !important;
line-height:1 !important;
}
.mg-min-footer .mg-footer-logo b{
width:54px !important;
height:54px !important;
flex:0 0 54px !important;
border:1px solid rgba(217,173,99,.90) !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
transform:rotate(45deg) !important;
font-family:Georgia,serif !important;
font-size:22px !important;
color:#f1d183 !important;
box-shadow:0 18px 50px rgba(217,173,99,.10) !important;
}
.mg-min-footer .mg-footer-logo b span{
transform:rotate(-45deg) !important;
display:block !important;
}
.mg-footer-desc{
color:#d8d0c1 !important;
font-size:15px !important;
line-height:2.05 !important;
max-width:340px !important;
margin:0 !important;
}
.mg-footer-col{
text-align:right !important;
}
.mg-footer-title{
color:#d9ad63 !important;
font-family:"Noto Naskh Arabic","Vazirmatn",Tahoma,Arial,sans-serif !important;
font-size:18px !important;
font-weight:800 !important;
margin:0 0 18px !important;
}
.mg-footer-title:after{
content:"" !important;
display:block !important;
width:42px !important;
height:1px !important;
background:rgba(217,173,99,.55) !important;
margin-top:12px !important;
}
.mg-min-footer nav{
display:flex !important;
flex-direction:column !important;
justify-content:flex-start !important;
align-items:flex-start !important;
gap:11px !important;
margin:0 !important;
}
.mg-min-footer nav a,
.mg-footer-link{
color:#e8dcc7 !important;
text-decoration:none !important;
font-size:15px !important;
line-height:1.7 !important;
transition:.25s ease !important;
}
.mg-min-footer nav a:hover,
.mg-footer-link:hover{
color:#f1d183 !important;
transform:translateX(-3px) !important;
}
.mg-footer-contact p,
.mg-footer-social{
margin:0 0 10px !important;
color:#e8dcc7 !important;
font-size:15px !important;
line-height:1.7 !important;
letter-spacing:0 !important;
}
.mg-footer-social a{
color:#e8dcc7 !important;
text-decoration:none !important;
margin-inline-end:10px !important;
transition:.25s ease !important;
}
.mg-footer-social a:hover{
color:#f1d183 !important;
}
.mg-footer-bottom{
width:min(1180px,90vw) !important;
margin:0 auto !important;
padding:22px 0 26px !important;
border-top:1px solid rgba(217,173,99,.16) !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:18px !important;
direction:rtl !important;
color:#80725f !important;
font-size:12px !important;
}
.mg-footer-mini-links{
display:flex !important;
gap:18px !important;
flex-wrap:wrap !important;
}
.mg-footer-mini-links a{
color:#9c8b72 !important;
text-decoration:none !important;
}
.mg-footer-mini-links a:hover{
color:#d9ad63 !important;
}
/* Override old simple footer pieces */
.mg-min-footer > .mg-footer-logo,
.mg-min-footer > nav,
.mg-min-footer > .mg-footer-social,
.mg-min-footer > .mg-footer-copy{
display:none !important;
}
/* If old markup is still active, keep it decent */
.mg-min-footer:not(:has(.mg-footer-inner)){
padding:44px 20px 34px !important;
text-align:center !important;
}
@media(max-width:980px){
.mg-footer-inner{
grid-template-columns:1fr 1fr !important;
gap:34px !important;
}
}
@media(max-width:620px){
.mg-footer-inner{
grid-template-columns:1fr !important;
padding:42px 0 28px !important;
gap:28px !important;
}
.mg-min-footer .mg-footer-logo{
font-size:26px !important;
}
.mg-footer-bottom{
display:block !important;
text-align:center !important;
}
.mg-footer-mini-links{
justify-content:center !important;
margin-top:14px !important;
}
}
/* === V67 Signature minimal luxury footer final === */
.mg-min-footer{
position:relative !important;
overflow:hidden !important;
background:
radial-gradient(circle at 50% 0%, rgba(217,173,99,.13), rgba(0,0,0,0) 34%),
linear-gradient(180deg, #050505 0%, #020202 100%) !important;
border-top:1px solid rgba(217,173,99,.28) !important;
padding:0 !important;
text-align:center !important;
color:#d8d0c1 !important;
}
.mg-min-footer:before{
content:"" !important;
position:absolute !important;
top:0 !important;
left:50% !important;
width:min(900px,88vw) !important;
height:1px !important;
transform:translateX(-50%) !important;
background:linear-gradient(90deg, transparent, rgba(217,173,99,.78), transparent) !important;
}
.mg-footer-inner{
display:block !important;
width:min(900px,90vw) !important;
margin:0 auto !important;
padding:64px 0 30px !important;
text-align:center !important;
direction:rtl !important;
}
.mg-footer-col,
.mg-footer-bottom,
.mg-min-footer > nav,
.mg-min-footer > .mg-footer-social,
.mg-min-footer > .mg-footer-copy{
display:none !important;
}
.mg-footer-brand{
text-align:center !important;
max-width:760px !important;
margin:0 auto !important;
}
.mg-min-footer .mg-footer-logo{
display:inline-flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
gap:18px !important;
color:#f1d183 !important;
text-decoration:none !important;
font-family:"Noto Naskh Arabic","Vazirmatn",Tahoma,Arial,sans-serif !important;
font-size:34px !important;
font-weight:800 !important;
line-height:1.2 !important;
margin:0 !important;
}
.mg-min-footer .mg-footer-logo b{
width:62px !important;
height:62px !important;
border:1px solid rgba(217,173,99,.88) !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
transform:rotate(45deg) !important;
font-family:Georgia,serif !important;
font-size:24px !important;
color:#f1d183 !important;
box-shadow:0 18px 50px rgba(217,173,99,.10) !important;
}
.mg-min-footer .mg-footer-logo b span{
transform:rotate(-45deg) !important;
display:block !important;
}
.mg-footer-desc{
max-width:520px !important;
margin:22px auto 34px !important;
color:#cfc6b8 !important;
font-size:15px !important;
line-height:2.05 !important;
text-align:center !important;
}
.mg-footer-signature-line{
width:120px !important;
height:1px !important;
margin:0 auto 30px !important;
background:linear-gradient(90deg, transparent, rgba(217,173,99,.62), transparent) !important;
}
.mg-footer-social-modern{
display:flex !important;
justify-content:center !important;
align-items:center !important;
gap:14px !important;
margin:0 0 30px !important;
direction:ltr !important;
}
.mg-footer-social-modern a{
width:48px !important;
height:48px !important;
border:1px solid rgba(217,173,99,.32) !important;
border-radius:50% !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
color:#d9ad63 !important;
text-decoration:none !important;
font-size:20px !important;
background:rgba(255,255,255,.018) !important;
transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease, background .25s ease !important;
}
.mg-footer-social-modern a:hover{
transform:translateY(-3px) !important;
border-color:rgba(217,173,99,.80) !important;
box-shadow:0 0 30px rgba(217,173,99,.18) !important;
background:rgba(217,173,99,.06) !important;
}
.mg-footer-contact-modern{
display:flex !important;
justify-content:center !important;
align-items:center !important;
gap:16px !important;
flex-wrap:wrap !important;
margin:0 auto 34px !important;
direction:ltr !important;
}
.mg-footer-contact-pill{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:10px !important;
min-height:46px !important;
padding:0 22px !important;
border:1px solid rgba(217,173,99,.28) !important;
border-radius:999px !important;
color:#e8dcc7 !important;
text-decoration:none !important;
background:rgba(255,255,255,.018) !important;
font-size:14px !important;
transition:transform .25s ease, border-color .25s ease, color .25s ease !important;
}
.mg-footer-contact-pill:hover{
color:#f1d183 !important;
border-color:rgba(217,173,99,.75) !important;
transform:translateY(-2px) !important;
}
.mg-footer-copy-modern{
color:#85755d !important;
font-size:12px !important;
letter-spacing:.05em !important;
margin-top:6px !important;
}
@media(max-width:620px){
.mg-footer-inner{
padding:48px 0 28px !important;
}
.mg-min-footer .mg-footer-logo{
font-size:28px !important;
}
.mg-footer-contact-modern{
display:grid !important;
grid-template-columns:1fr !important;
gap:12px !important;
}
.mg-footer-contact-pill{
width:100% !important;
box-sizing:border-box !important;
}
}
/* === V71 Safe restore: no aggressive homepage hiding === */
/* Restore all main homepage sections that may have been hidden by previous versions */
body.home .entry-content > *,
body.front-page .entry-content > *,
body.home .elementor-section,
body.front-page .elementor-section,
body.home .wp-block-group,
body.front-page .wp-block-group{
display:revert !important;
visibility:visible !important;
}
/* Keep scrolling unlocked */
html,
body,
body.home,
body.front-page,
body.mg-page{
height:auto !important;
min-height:100% !important;
overflow-y:auto !important;
overflow-x:hidden !important;
}
body.home #page,
body.front-page #page,
body.home .site,
body.front-page .site,
body.home .site-main,
body.front-page .site-main,
body.home .content-area,
body.front-page .content-area,
body.home .entry-content,
body.front-page .entry-content,
body.home .elementor,
body.front-page .elementor{
height:auto !important;
min-height:0 !important;
overflow:visible !important;
}
/* Compact signature footer */
.mg-min-footer{
background:
radial-gradient(circle at 50% 0%, rgba(217,173,99,.10), rgba(0,0,0,0) 36%),
#030303 !important;
border-top:1px solid rgba(217,173,99,.28) !important;
padding:0 !important;
min-height:0 !important;
overflow:visible !important;
}
.mg-footer-inner{
width:min(1180px,92vw) !important;
margin:0 auto !important;
padding:34px 0 22px !important;
display:grid !important;
grid-template-columns:auto 1fr auto !important;
gap:30px !important;
align-items:center !important;
direction:rtl !important;
text-align:initial !important;
}
.mg-footer-brand{
display:flex !important;
align-items:center !important;
gap:16px !important;
text-align:right !important;
min-width:260px !important;
}
.mg-min-footer .mg-footer-logo{
display:flex !important;
flex-direction:row-reverse !important;
align-items:center !important;
justify-content:flex-start !important;
gap:14px !important;
margin:0 !important;
font-size:24px !important;
line-height:1.2 !important;
}
.mg-min-footer .mg-footer-logo b{
width:46px !important;
height:46px !important;
flex:0 0 46px !important;
font-size:18px !important;
}
.mg-footer-desc{
margin:0 !important;
max-width:360px !important;
font-size:13px !important;
line-height:1.8 !important;
color:#cfc6b8 !important;
text-align:right !important;
}
.mg-footer-signature-line{
display:none !important;
}
.mg-footer-social-modern{
display:flex !important;
justify-content:center !important;
align-items:center !important;
gap:10px !important;
margin:0 !important;
direction:ltr !important;
}
.mg-footer-social-modern a{
width:42px !important;
height:42px !important;
border:1px solid rgba(217,173,99,.35) !important;
border-radius:999px !important;
color:#d9ad63 !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
background:rgba(255,255,255,.018) !important;
text-decoration:none !important;
transition:.25s ease !important;
}
.mg-footer-social-modern a svg{
width:19px !important;
height:19px !important;
display:block !important;
fill:none !important;
stroke:currentColor !important;
stroke-width:1.8 !important;
}
.mg-footer-contact-modern{
display:flex !important;
justify-content:flex-end !important;
align-items:center !important;
gap:10px !important;
flex-wrap:wrap !important;
margin:0 !important;
direction:ltr !important;
}
.mg-footer-contact-pill{
min-height:40px !important;
padding:0 16px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:8px !important;
border:1px solid rgba(217,173,99,.28) !important;
border-radius:999px !important;
color:#e8dcc7 !important;
font-size:13px !important;
text-decoration:none !important;
background:rgba(255,255,255,.015) !important;
white-space:nowrap !important;
}
.mg-footer-copy-modern{
grid-column:1 / -1 !important;
margin:16px 0 0 !important;
padding-top:14px !important;
border-top:1px solid rgba(217,173,99,.12) !important;
text-align:center !important;
color:#7e715d !important;
font-size:11px !important;
}
.mg-min-footer .mg-footer-col,
.mg-min-footer .mg-footer-bottom{
display:none !important;
}
@media(max-width:980px){
.mg-footer-inner{
grid-template-columns:1fr !important;
gap:22px !important;
text-align:center !important;
padding:38px 0 24px !important;
}
.mg-footer-brand{
justify-content:center !important;
text-align:center !important;
min-width:0 !important;
}
.mg-footer-desc{
text-align:center !important;
margin:10px auto 0 !important;
}
.mg-footer-social-modern,
.mg-footer-contact-modern{
justify-content:center !important;
}
}
/* === V72 Homepage exact footer replacement === */
/* Forced homepage footer */
body.home .mg-home-exact-footer,
body.front-page .mg-home-exact-footer{
display:block !important;
clear:both !important;
position:relative !important;
z-index:20 !important;
margin:0 !important;
}
/* Keep homepage scroll and sections safe */
html, body, body.home, body.front-page{
overflow-y:auto !important;
overflow-x:hidden !important;
height:auto !important;
}
body.home .site-main,
body.front-page .site-main,
body.home .entry-content,
body.front-page .entry-content{
overflow:visible !important;
height:auto !important;
}
/* === V73 Hide only old homepage footer container === */
body.home [data-madar-old-footer-hidden="1"],
body.front-page [data-madar-old-footer-hidden="1"]{
display:none !important;
}
/* === V74 Luxury Product Style Archive === */
body.tax-style, body.tax-product_style, body.tax-product-style{
background:radial-gradient(circle at 56% 0%, rgba(217,173,99,.12), rgba(0,0,0,0) 34%),#050505!important;
color:#f4ecdf!important; direction:rtl!important;
}
body.tax-style #masthead, body.tax-product_style #masthead, body.tax-product-style #masthead,
body.tax-style .site-header, body.tax-product_style .site-header, body.tax-product-style .site-header,
body.tax-style .entry-header, body.tax-product_style .entry-header, body.tax-product-style .entry-header,
body.tax-style .page-title, body.tax-product_style .page-title, body.tax-product-style .page-title,
body.tax-style .woocommerce-breadcrumb, body.tax-product_style .woocommerce-breadcrumb, body.tax-product-style .woocommerce-breadcrumb{
display:none!important;
}
.mg-style-archive{min-height:100vh!important;background:#050505!important;color:#f4ecdf!important;}
.mg-style-hero{position:relative!important;min-height:420px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:150px 24px 88px!important;overflow:hidden!important;border-bottom:1px solid rgba(217,173,99,.20)!important;}
.mg-style-hero:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,0,0,.54),rgba(0,0,0,.92)),radial-gradient(circle at 50% 10%,rgba(217,173,99,.16),rgba(0,0,0,0) 44%)!important;background-size:cover!important;background-position:center!important;transform:scale(1.03)!important;filter:brightness(.72) saturate(.95)!important;}
.mg-style-hero:after{content:""!important;position:absolute!important;inset:auto 50% 0 auto!important;width:min(920px,86vw)!important;height:1px!important;transform:translateX(50%)!important;background:linear-gradient(90deg,transparent,rgba(217,173,99,.72),transparent)!important;}
.mg-style-hero-inner{position:relative!important;z-index:2!important;width:min(920px,90vw)!important;margin:0 auto!important;}
.mg-style-kicker{color:#d9ad63!important;font-family:Georgia,serif!important;letter-spacing:.38em!important;font-size:13px!important;margin-bottom:18px!important;}
.mg-style-title{color:#f1d183!important;font-family:"Noto Naskh Arabic","Vazirmatn",Tahoma,Arial,sans-serif!important;font-size:clamp(44px,5vw,78px)!important;line-height:1.18!important;font-weight:800!important;margin:0 0 18px!important;text-shadow:0 22px 70px rgba(217,173,99,.18)!important;}
.mg-style-desc{color:#d8d0c1!important;font-size:17px!important;line-height:2!important;max-width:680px!important;margin:0 auto 22px!important;}
.mg-style-count{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:0 18px!important;border:1px solid rgba(217,173,99,.34)!important;border-radius:999px!important;color:#d9ad63!important;font-size:13px!important;background:rgba(0,0,0,.26)!important;}
.mg-style-nav{position:sticky!important;top:96px!important;z-index:30!important;background:rgba(5,5,5,.86)!important;backdrop-filter:blur(14px)!important;border-bottom:1px solid rgba(217,173,99,.20)!important;}
.mg-style-nav-inner{width:min(1180px,92vw)!important;margin:0 auto!important;padding:18px 0!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;}
.mg-style-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:0 18px!important;border:1px solid rgba(217,173,99,.36)!important;border-radius:999px!important;color:#e8dcc7!important;text-decoration:none!important;font-size:13px!important;transition:.25s ease!important;}
.mg-style-pill:hover,.mg-style-pill.is-active{background:#d9ad63!important;color:#050505!important;border-color:#d9ad63!important;}
.mg-style-products{width:min(1180px,92vw)!important;margin:0 auto!important;padding:64px 0 96px!important;}
.mg-style-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:32px!important;}
.mg-style-card{position:relative!important;display:block!important;min-height:520px!important;border:1px solid rgba(217,173,99,.25)!important;border-radius:24px!important;overflow:hidden!important;text-decoration:none!important;background:#0a0908!important;box-shadow:0 34px 100px rgba(0,0,0,.52)!important;transition:.35s ease!important;}
.mg-style-card:hover{transform:translateY(-8px)!important;border-color:rgba(217,173,99,.72)!important;box-shadow:0 48px 128px rgba(0,0,0,.76)!important;}
.mg-style-card-img{position:absolute!important;inset:0!important;z-index:1!important;background:#f3f0ea!important;}
.mg-style-card-img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;filter:brightness(.92) contrast(1.05) saturate(.98)!important;transition:.55s ease!important;}
.mg-style-card:hover .mg-style-card-img img{transform:scale(1.055)!important;filter:brightness(1.02) contrast(1.10) saturate(1.04)!important;}
.mg-style-card:after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:58%!important;z-index:2!important;background:linear-gradient(180deg,transparent,rgba(0,0,0,.42) 34%,rgba(0,0,0,.95))!important;pointer-events:none!important;}
.mg-style-card-info{position:absolute!important;z-index:3!important;left:24px!important;right:24px!important;bottom:32px!important;text-align:center!important;}
.mg-style-card-title{color:#fff3dc!important;font-family:Georgia,"Times New Roman","Noto Naskh Arabic","Vazirmatn",serif!important;font-size:25px!important;line-height:1.35!important;font-weight:800!important;margin:0 0 12px!important;text-shadow:0 7px 24px rgba(0,0,0,.9)!important;}
.mg-style-card-price{color:#d9ad63!important;font-size:16px!important;font-weight:800!important;text-shadow:0 6px 20px rgba(0,0,0,.9)!important;}
.mg-style-card-btn{position:absolute!important;z-index:4!important;left:50%!important;bottom:26px!important;transform:translateX(-50%) translateY(16px)!important;opacity:0!important;visibility:hidden!important;min-width:124px!important;padding:11px 20px!important;border:1px solid rgba(217,173,99,.75)!important;border-radius:999px!important;color:#f1d183!important;background:rgba(0,0,0,.52)!important;backdrop-filter:blur(10px)!important;font-size:13px!important;transition:.28s ease!important;text-align:center!important;}
.mg-style-card:hover .mg-style-card-info{bottom:78px!important;transition:.28s ease!important;}
.mg-style-card:hover .mg-style-card-btn{opacity:1!important;visibility:visible!important;transform:translateX(-50%) translateY(0)!important;}
.mg-style-empty{color:#d8d0c1!important;text-align:center!important;padding:80px 0!important;border:1px solid rgba(217,173,99,.20)!important;border-radius:22px!important;}
.mg-style-pagination{margin-top:50px!important;text-align:center!important;}
.mg-style-pagination .page-numbers{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:40px!important;height:40px!important;margin:0 4px!important;border:1px solid rgba(217,173,99,.32)!important;border-radius:999px!important;color:#e8dcc7!important;text-decoration:none!important;}
.mg-style-pagination .page-numbers.current,.mg-style-pagination .page-numbers:hover{background:#d9ad63!important;color:#050505!important;}
@media(max-width:980px){.mg-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mg-style-card{min-height:470px!important}}
@media(max-width:620px){.mg-style-hero{min-height:360px!important;padding-top:120px!important}.mg-style-grid{grid-template-columns:1fr!important;width:min(390px,100%)!important;margin:0 auto!important}.mg-style-nav{top:76px!important}}
/* === V75 Shop dynamic category circles + sticky sort bar === */
.mg-shop-toolbar>.mg-shop-cats,.mg-shop-filterbar .mg-shop-cats:not(.mg-cat-circle-list){display:none!important}
.mg-shop-filterbar{position:sticky!important;top:106px!important;z-index:9900!important;background:linear-gradient(180deg,rgba(5,5,5,.96),rgba(5,5,5,.88))!important;border-top:1px solid rgba(217,173,99,.10)!important;border-bottom:1px solid rgba(217,173,99,.24)!important;box-shadow:0 18px 55px rgba(0,0,0,.34)!important;backdrop-filter:blur(16px)!important}
.admin-bar .mg-shop-filterbar{top:138px!important}
.mg-shop-catbar{width:min(1320px,92vw)!important;margin:0 auto!important;padding:16px 0 14px!important;display:grid!important;grid-template-columns:1fr auto!important;gap:24px!important;align-items:center!important;direction:rtl!important}
.mg-cat-circle-list{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:18px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:4px 0 8px!important;scrollbar-width:none!important}
.mg-cat-circle-list::-webkit-scrollbar{display:none!important}
.mg-cat-circle{display:flex!important;flex-direction:column!important;align-items:center!important;gap:9px!important;min-width:82px!important;max-width:92px!important;color:#e8dcc7!important;text-decoration:none!important;transition:.25s ease!important}
.mg-cat-circle-img{width:72px!important;height:72px!important;border-radius:999px!important;overflow:hidden!important;position:relative!important;border:1px solid rgba(217,173,99,.34)!important;background:#111!important;box-shadow:0 14px 35px rgba(0,0,0,.32)!important;transition:.25s ease!important}
.mg-cat-circle-img:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.40)),radial-gradient(circle at 50% 100%,rgba(217,173,99,.12),rgba(0,0,0,0) 56%)!important;pointer-events:none!important}
.mg-cat-circle-img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;filter:brightness(.92) contrast(1.06) saturate(.98)!important;transition:.35s ease!important}
.mg-cat-circle-title{font-size:13px!important;line-height:1.45!important;font-weight:700!important;text-align:center!important;white-space:nowrap!important;color:#e8dcc7!important}
.mg-cat-circle:hover,.mg-cat-circle.is-active{color:#f1d183!important;transform:translateY(-2px)!important}
.mg-cat-circle:hover .mg-cat-circle-img,.mg-cat-circle.is-active .mg-cat-circle-img{border-color:#d9ad63!important;box-shadow:0 0 0 3px rgba(217,173,99,.12),0 18px 45px rgba(0,0,0,.46)!important}
.mg-cat-circle:hover img{transform:scale(1.08)!important;filter:brightness(1.02) contrast(1.08) saturate(1.03)!important}
.mg-shop-sort-mini{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;white-space:nowrap!important}
.mg-shop-sort-label{color:#9c8b72!important;font-size:12px!important}
.mg-shop-sort-mini .woocommerce-ordering{margin:0!important}
.mg-shop-sort-mini select,.mg-shop-sort-mini .orderby{height:42px!important;min-width:168px!important;padding:0 18px!important;border-radius:999px!important;background:rgba(255,255,255,.025)!important;color:#f4ecdf!important;border:1px solid rgba(217,173,99,.40)!important;font-size:13px!important;outline:none!important}
.mg-shop-result,.woocommerce-result-count{display:none!important}
.mg-shop-grid-wrap{padding-top:42px!important}
body.home .mg-el-style,body.front-page .mg-el-style,body.home .mg-el-lookbook,body.front-page .mg-el-lookbook{pointer-events:auto!important}
@media(max-width:900px){.mg-shop-filterbar{top:96px!important}.admin-bar .mg-shop-filterbar{top:142px!important}.mg-shop-catbar{display:block!important;padding:12px 0!important}.mg-cat-circle-list{gap:14px!important;margin-bottom:12px!important;scroll-snap-type:x mandatory!important}.mg-cat-circle{scroll-snap-align:start!important;min-width:76px!important}.mg-cat-circle-img{width:64px!important;height:64px!important}.mg-shop-sort-mini{justify-content:center!important}.mg-shop-sort-mini select,.mg-shop-sort-mini .orderby{width:min(260px,90vw)!important}}
/* === V76 Shop: inner product scroll below fixed category bar === */
/* Only shop/product archive pages, not homepage */
body.post-type-archive-product,
body.tax-product_cat,
body.mg-shop-page{
overflow:hidden !important;
}
/* Header fixed height reference */
body.post-type-archive-product .mg-header,
body.tax-product_cat .mg-header,
body.mg-shop-page .mg-header{
position:fixed !important;
top:0 !important;
left:0 !important;
right:0 !important;
z-index:99999 !important;
}
/* Shop main should fill viewport */
body.mg-shop-page .mg-shop-main,
body.post-type-archive-product .mg-shop-main,
body.tax-product_cat .mg-shop-main{
height:100vh !important;
overflow:hidden !important;
padding-top:106px !important;
}
/* Hide/compact shop hero on product pages so fixed category bar is immediately useful */
body.mg-shop-page .mg-el-shop-hero,
body.post-type-archive-product .mg-el-shop-hero,
body.tax-product_cat .mg-el-shop-hero{
display:none !important;
}
/* Main shop section becomes a viewport app-like layout */
body.mg-shop-page .mg-shop-grid-section,
body.post-type-archive-product .mg-shop-grid-section,
body.tax-product_cat .mg-shop-grid-section{
height:calc(100vh - 106px) !important;
padding:0 !important;
margin:0 !important;
overflow:hidden !important;
display:flex !important;
flex-direction:column !important;
background:
radial-gradient(circle at 50% 0%, rgba(217,173,99,.10), rgba(0,0,0,0) 28%),
#050505 !important;
}
/* Category/sort bar is fixed inside the shop viewport */
body.mg-shop-page .mg-shop-filterbar,
body.post-type-archive-product .mg-shop-filterbar,
body.tax-product_cat .mg-shop-filterbar{
position:relative !important;
top:auto !important;
z-index:20 !important;
flex:0 0 auto !important;
background:
linear-gradient(180deg, rgba(5,5,5,.98), rgba(5,5,5,.92)) !important;
border-bottom:1px solid rgba(217,173,99,.24) !important;
box-shadow:0 12px 34px rgba(0,0,0,.36) !important;
}
/* Product grid area scrolls internally */
body.mg-shop-page .mg-shop-grid-wrap,
body.post-type-archive-product .mg-shop-grid-wrap,
body.tax-product_cat .mg-shop-grid-wrap{
flex:1 1 auto !important;
height:auto !important;
min-height:0 !important;
overflow-y:auto !important;
overflow-x:hidden !important;
width:100% !important;
padding:48px min(4vw,54px) 90px !important;
margin:0 !important;
box-sizing:border-box !important;
scrollbar-width:thin !important;
scrollbar-color:rgba(217,173,99,.45) rgba(255,255,255,.04) !important;
}
body.mg-shop-page .mg-shop-grid-wrap::-webkit-scrollbar,
body.post-type-archive-product .mg-shop-grid-wrap::-webkit-scrollbar,
body.tax-product_cat .mg-shop-grid-wrap::-webkit-scrollbar{
width:8px !important;
}
body.mg-shop-page .mg-shop-grid-wrap::-webkit-scrollbar-track,
body.post-type-archive-product .mg-shop-grid-wrap::-webkit-scrollbar-track,
body.tax-product_cat .mg-shop-grid-wrap::-webkit-scrollbar-track{
background:rgba(255,255,255,.04) !important;
}
body.mg-shop-page .mg-shop-grid-wrap::-webkit-scrollbar-thumb,
body.post-type-archive-product .mg-shop-grid-wrap::-webkit-scrollbar-thumb,
body.tax-product_cat .mg-shop-grid-wrap::-webkit-scrollbar-thumb{
background:rgba(217,173,99,.45) !important;
border-radius:999px !important;
}
/* Keep product grid centered inside scroll area */
body.mg-shop-page .mg-shop-grid-wrap > ul.products,
body.post-type-archive-product .mg-shop-grid-wrap > ul.products,
body.tax-product_cat .mg-shop-grid-wrap > ul.products,
body.mg-shop-page .mg-shop-grid-wrap ul.products,
body.post-type-archive-product .mg-shop-grid-wrap ul.products,
body.tax-product_cat .mg-shop-grid-wrap ul.products{
width:min(1320px,100%) !important;
margin:0 auto !important;
}
/* Pagination spacing inside scroll area */
body.mg-shop-page .woocommerce-pagination,
body.post-type-archive-product .woocommerce-pagination,
body.tax-product_cat .woocommerce-pagination{
width:min(1320px,100%) !important;
margin:64px auto 0 !important;
}
/* Footer should not appear inside shop scroll app view */
body.mg-shop-page .mg-shop-grid-section + .mg-min-footer,
body.post-type-archive-product .mg-shop-grid-section + .mg-min-footer,
body.tax-product_cat .mg-shop-grid-section + .mg-min-footer{
display:none !important;
}
/* Admin bar compatibility */
.admin-bar body.mg-shop-page .mg-shop-main,
.admin-bar body.post-type-archive-product .mg-shop-main,
.admin-bar body.tax-product_cat .mg-shop-main{
padding-top:138px !important;
}
/* Mobile: keep normal document scroll to avoid browser UI issues */
@media(max-width:900px){
body.post-type-archive-product,
body.tax-product_cat,
body.mg-shop-page{
overflow-y:auto !important;
overflow-x:hidden !important;
}
body.mg-shop-page .mg-shop-main,
body.post-type-archive-product .mg-shop-main,
body.tax-product_cat .mg-shop-main{
height:auto !important;
overflow:visible !important;
padding-top:96px !important;
}
body.mg-shop-page .mg-shop-grid-section,
body.post-type-archive-product .mg-shop-grid-section,
body.tax-product_cat .mg-shop-grid-section{
height:auto !important;
min-height:100vh !important;
overflow:visible !important;
display:block !important;
}
body.mg-shop-page .mg-shop-filterbar,
body.post-type-archive-product .mg-shop-filterbar,
body.tax-product_cat .mg-shop-filterbar{
position:sticky !important;
top:96px !important;
}
body.mg-shop-page .mg-shop-grid-wrap,
body.post-type-archive-product .mg-shop-grid-wrap,
body.tax-product_cat .mg-shop-grid-wrap{
height:auto !important;
overflow:visible !important;
padding:34px min(4vw,24px) 80px !important;
}
}
/* === V77 Shop inner scroll with hero and footer restored === */
/* Shop stays app-like, but hero is visible again */
body.mg-shop-page .mg-shop-main,
body.post-type-archive-product .mg-shop-main,
body.tax-product_cat .mg-shop-main{
height:100vh !important;
overflow:hidden !important;
padding-top:106px !important;
display:flex !important;
flex-direction:column !important;
}
/* Restore the luxury hero above product bar */
body.mg-shop-page .mg-el-shop-hero,
body.post-type-archive-product .mg-el-shop-hero,
body.tax-product_cat .mg-el-shop-hero{
display:flex !important;
flex:0 0 250px !important;
min-height:250px !important;
max-height:250px !important;
margin:0 !important;
overflow:hidden !important;
}
body.mg-shop-page .mg-el-shop-hero > .elementor-container,
body.mg-shop-page .mg-el-shop-hero .elementor-column,
body.mg-shop-page .mg-el-shop-hero .elementor-widget-wrap,
body.post-type-archive-product .mg-el-shop-hero > .elementor-container,
body.post-type-archive-product .mg-el-shop-hero .elementor-column,
body.post-type-archive-product .mg-el-shop-hero .elementor-widget-wrap,
body.tax-product_cat .mg-el-shop-hero > .elementor-container,
body.tax-product_cat .mg-el-shop-hero .elementor-column,
body.tax-product_cat .mg-el-shop-hero .elementor-widget-wrap{
min-height:250px !important;
max-height:250px !important;
}
body.mg-shop-page .mg-el-shop-hero .elementor-widget-wrap,
body.post-type-archive-product .mg-el-shop-hero .elementor-widget-wrap,
body.tax-product_cat .mg-el-shop-hero .elementor-widget-wrap{
padding-top:34px !important;
padding-bottom:26px !important;
}
body.mg-shop-page .mg-el-shop-title .elementor-heading-title,
body.post-type-archive-product .mg-el-shop-title .elementor-heading-title,
body.tax-product_cat .mg-el-shop-title .elementor-heading-title{
font-size:clamp(36px,3.8vw,58px) !important;
}
body.mg-shop-page .mg-el-shop-subtitle,
body.mg-shop-page .mg-el-shop-subtitle p,
body.post-type-archive-product .mg-el-shop-subtitle,
body.post-type-archive-product .mg-el-shop-subtitle p,
body.tax-product_cat .mg-el-shop-subtitle,
body.tax-product_cat .mg-el-shop-subtitle p{
font-size:15px !important;
line-height:1.8 !important;
}
/* Product area fills remaining height under hero */
body.mg-shop-page .mg-shop-grid-section,
body.post-type-archive-product .mg-shop-grid-section,
body.tax-product_cat .mg-shop-grid-section{
flex:1 1 auto !important;
height:auto !important;
min-height:0 !important;
padding:0 !important;
margin:0 !important;
overflow:hidden !important;
display:flex !important;
flex-direction:column !important;
}
/* Category/sort remains fixed inside product area */
body.mg-shop-page .mg-shop-filterbar,
body.post-type-archive-product .mg-shop-filterbar,
body.tax-product_cat .mg-shop-filterbar{
position:relative !important;
top:auto !important;
flex:0 0 auto !important;
z-index:20 !important;
}
/* Products scroll below category bar */
body.mg-shop-page .mg-shop-grid-wrap,
body.post-type-archive-product .mg-shop-grid-wrap,
body.tax-product_cat .mg-shop-grid-wrap{
flex:1 1 auto !important;
min-height:0 !important;
overflow-y:auto !important;
overflow-x:hidden !important;
padding:42px min(4vw,54px) 0 !important;
}
/* Footer is visible at the bottom of product scroll, not hidden */
body.mg-shop-page .mg-shop-grid-wrap .mg-min-footer,
body.post-type-archive-product .mg-shop-grid-wrap .mg-min-footer,
body.tax-product_cat .mg-shop-grid-wrap .mg-min-footer{
display:block !important;
margin:90px calc(-1 * min(4vw,54px)) 0 !important;
}
/* Undo v76 rule that hid adjacent footer if still present */
body.mg-shop-page .mg-shop-grid-section + .mg-min-footer,
body.post-type-archive-product .mg-shop-grid-section + .mg-min-footer,
body.tax-product_cat .mg-shop-grid-section + .mg-min-footer{
display:none !important;
}
/* Mobile returns to normal page scroll for stability */
@media(max-width:900px){
body.mg-shop-page .mg-shop-main,
body.post-type-archive-product .mg-shop-main,
body.tax-product_cat .mg-shop-main{
height:auto !important;
overflow:visible !important;
display:block !important;
padding-top:96px !important;
}
body.mg-shop-page .mg-el-shop-hero,
body.post-type-archive-product .mg-el-shop-hero,
body.tax-product_cat .mg-el-shop-hero{
max-height:none !important;
min-height:280px !important;
height:auto !important;
display:flex !important;
}
body.mg-shop-page .mg-shop-grid-section,
body.post-type-archive-product .mg-shop-grid-section,
body.tax-product_cat .mg-shop-grid-section{
height:auto !important;
min-height:0 !important;
overflow:visible !important;
display:block !important;
}
body.mg-shop-page .mg-shop-filterbar,
body.post-type-archive-product .mg-shop-filterbar,
body.tax-product_cat .mg-shop-filterbar{
position:sticky !important;
top:96px !important;
}
body.mg-shop-page .mg-shop-grid-wrap,
body.post-type-archive-product .mg-shop-grid-wrap,
body.tax-product_cat .mg-shop-grid-wrap{
height:auto !important;
overflow:visible !important;
padding:34px min(4vw,24px) 0 !important;
}
body.mg-shop-page .mg-shop-grid-wrap .mg-min-footer,
body.post-type-archive-product .mg-shop-grid-wrap .mg-min-footer,
body.tax-product_cat .mg-shop-grid-wrap .mg-min-footer{
margin:70px calc(-1 * min(4vw,24px)) 0 !important;
}
}
/* === V78 Shop natural scroll + compact real hero === */
/* Natural page scroll again: mouse wheel works anywhere */
body.mg-shop-page,
body.post-type-archive-product,
body.tax-product_cat{
overflow-y:auto !important;
overflow-x:hidden !important;
height:auto !important;
}
body.mg-shop-page .mg-shop-main,
body.post-type-archive-product .mg-shop-main,
body.tax-product_cat .mg-shop-main{
height:auto !important;
min-height:100vh !important;
overflow:visible !important;
padding-top:106px !important;
display:block !important;
}
/* Compact but visible hero */
body.mg-shop-page .mg-el-shop-hero,
body.post-type-archive-product .mg-el-shop-hero,
body.tax-product_cat .mg-el-shop-hero{
display:flex !important;
min-height:205px !important;
max-height:none !important;
height:auto !important;
align-items:center !important;
margin:0 !important;
overflow:hidden !important;
background:#050505 !important;
}
body.mg-shop-page .mg-el-shop-hero > .elementor-container,
body.mg-shop-page .mg-el-shop-hero .elementor-column,
body.mg-shop-page .mg-el-shop-hero .elementor-widget-wrap,
body.post-type-archive-product .mg-el-shop-hero > .elementor-container,
body.post-type-archive-product .mg-el-shop-hero .elementor-column,
body.post-type-archive-product .mg-el-shop-hero .elementor-widget-wrap,
body.tax-product_cat .mg-el-shop-hero > .elementor-container,
body.tax-product_cat .mg-el-shop-hero .elementor-column,
body.tax-product_cat .mg-el-shop-hero .elementor-widget-wrap{
min-height:205px !important;
max-height:none !important;
}
body.mg-shop-page .mg-el-shop-hero .elementor-widget-wrap,
body.post-type-archive-product .mg-el-shop-hero .elementor-widget-wrap,
body.tax-product_cat .mg-el-shop-hero .elementor-widget-wrap{
padding-top:30px !important;
padding-bottom:26px !important;
}
.mg-el-shop-title .elementor-heading-title{
font-size:clamp(34px,3.4vw,54px) !important;
line-height:1.2 !important;
margin:0 !important;
}
.mg-el-shop-subtitle,
.mg-el-shop-subtitle p{
font-size:15px !important;
line-height:1.8 !important;
margin:8px 0 0 !important;
}
.mg-el-shop-kicker .elementor-heading-title{
font-size:12px !important;
margin-bottom:10px !important;
}
/* Product section normal page flow */
body.mg-shop-page .mg-shop-grid-section,
body.post-type-archive-product .mg-shop-grid-section,
body.tax-product_cat .mg-shop-grid-section{
height:auto !important;
min-height:0 !important;
overflow:visible !important;
display:block !important;
padding:0 0 0 !important;
margin:0 !important;
background:
radial-gradient(circle at 50% 0%, rgba(217,173,99,.08), rgba(0,0,0,0) 28%),
#050505 !important;
}
/* Category/sort bar stays sticky below header */
body.mg-shop-page .mg-shop-filterbar,
body.post-type-archive-product .mg-shop-filterbar,
body.tax-product_cat .mg-shop-filterbar{
position:sticky !important;
top:106px !important;
z-index:9900 !important;
background:
linear-gradient(180deg, rgba(5,5,5,.98), rgba(5,5,5,.90)) !important;
border-bottom:1px solid rgba(217,173,99,.24) !important;
box-shadow:0 14px 38px rgba(0,0,0,.34) !important;
}
/* Products flow normally under sticky bar */
body.mg-shop-page .mg-shop-grid-wrap,
body.post-type-archive-product .mg-shop-grid-wrap,
body.tax-product_cat .mg-shop-grid-wrap{
height:auto !important;
min-height:0 !important;
overflow:visible !important;
width:min(1320px,92vw) !important;
margin:0 auto !important;
padding:46px 0 0 !important;
}
/* Footer visible at normal bottom */
body.mg-shop-page .mg-shop-grid-wrap .mg-min-footer,
body.post-type-archive-product .mg-shop-grid-wrap .mg-min-footer,
body.tax-product_cat .mg-shop-grid-wrap .mg-min-footer{
display:block !important;
margin:90px calc((min(1320px,92vw) - 100vw) / 2) 0 !important;
}
body.mg-shop-page .mg-shop-grid-section + .mg-min-footer,
body.post-type-archive-product .mg-shop-grid-section + .mg-min-footer,
body.tax-product_cat .mg-shop-grid-section + .mg-min-footer{
display:none !important;
}
.admin-bar body.mg-shop-page .mg-shop-main,
.admin-bar body.post-type-archive-product .mg-shop-main,
.admin-bar body.tax-product_cat .mg-shop-main{
padding-top:138px !important;
}
.admin-bar body.mg-shop-page .mg-shop-filterbar,
.admin-bar body.post-type-archive-product .mg-shop-filterbar,
.admin-bar body.tax-product_cat .mg-shop-filterbar{
top:138px !important;
}
@media(max-width:900px){
body.mg-shop-page .mg-shop-main,
body.post-type-archive-product .mg-shop-main,
body.tax-product_cat .mg-shop-main{
padding-top:96px !important;
}
body.mg-shop-page .mg-el-shop-hero,
body.post-type-archive-product .mg-el-shop-hero,
body.tax-product_cat .mg-el-shop-hero{
min-height:230px !important;
}
body.mg-shop-page .mg-shop-filterbar,
body.post-type-archive-product .mg-shop-filterbar,
body.tax-product_cat .mg-shop-filterbar{
top:96px !important;
}
body.mg-shop-page .mg-shop-grid-wrap,
body.post-type-archive-product .mg-shop-grid-wrap,
body.tax-product_cat .mg-shop-grid-wrap{
width:min(100%,92vw) !important;
padding-top:34px !important;
}
}
/* === V79 Shop fixed category scroll + slimmer hero === */
/* App-like shop scroll again, but wheel is redirected by JS */
body.mg-shop-page,
body.post-type-archive-product,
body.tax-product_cat{
overflow:hidden !important;
height:100vh !important;
}
/* Main shop viewport */
body.mg-shop-page .mg-shop-main,
body.post-type-archive-product .mg-shop-main,
body.tax-product_cat .mg-shop-main{
height:100vh !important;
overflow:hidden !important;
padding-top:106px !important;
display:flex !important;
flex-direction:column !important;
}
/* Hero: much slimmer, full width, not tall */
body.mg-shop-page .mg-el-shop-hero,
body.post-type-archive-product .mg-el-shop-hero,
body.tax-product_cat .mg-el-shop-hero{
display:flex !important;
flex:0 0 152px !important;
min-height:152px !important;
max-height:152px !important;
width:100% !important;
margin:0 !important;
overflow:hidden !important;
align-items:center !important;
justify-content:center !important;
background:
radial-gradient(circle at 58% 0%, rgba(217,173,99,.18), rgba(0,0,0,0) 34%),
linear-gradient(180deg, #0a0806, #050505) !important;
border-bottom:1px solid rgba(217,173,99,.18) !important;
}
/* Make hero inner horizontal and compact */
body.mg-shop-page .mg-el-shop-hero .elementor-container,
body.post-type-archive-product .mg-el-shop-hero .elementor-container,
body.tax-product_cat .mg-el-shop-hero .elementor-container{
width:min(1180px,92vw) !important;
max-width:min(1180px,92vw) !important;
min-height:152px !important;
max-height:152px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
}
body.mg-shop-page .mg-el-shop-hero .elementor-column,
body.post-type-archive-product .mg-el-shop-hero .elementor-column,
body.tax-product_cat .mg-el-shop-hero .elementor-column{
width:100% !important;
min-height:0 !important;
}
body.mg-shop-page .mg-el-shop-hero .elementor-column:first-child,
body.post-type-archive-product .mg-el-shop-hero .elementor-column:first-child,
body.tax-product_cat .mg-el-shop-hero .elementor-column:first-child{
display:none !important;
}
body.mg-shop-page .mg-el-shop-hero .elementor-widget-wrap,
body.post-type-archive-product .mg-el-shop-hero .elementor-widget-wrap,
body.tax-product_cat .mg-el-shop-hero .elementor-widget-wrap{
min-height:0 !important;
max-height:none !important;
padding:18px 0 16px !important;
display:grid !important;
grid-template-columns:auto 1fr !important;
column-gap:34px !important;
row-gap:4px !important;
align-items:center !important;
text-align:right !important;
direction:rtl !important;
}
/* Hero typography compact */
body.mg-shop-page .mg-el-shop-kicker,
body.post-type-archive-product .mg-el-shop-kicker,
body.tax-product_cat .mg-el-shop-kicker{
grid-column:1 !important;
align-self:end !important;
}
body.mg-shop-page .mg-el-shop-kicker .elementor-heading-title,
body.post-type-archive-product .mg-el-shop-kicker .elementor-heading-title,
body.tax-product_cat .mg-el-shop-kicker .elementor-heading-title{
font-size:11px !important;
letter-spacing:.34em !important;
color:#d9ad63 !important;
margin:0 !important;
white-space:nowrap !important;
}
body.mg-shop-page .mg-el-shop-title,
body.post-type-archive-product .mg-el-shop-title,
body.tax-product_cat .mg-el-shop-title{
grid-column:1 !important;
align-self:start !important;
}
body.mg-shop-page .mg-el-shop-title .elementor-heading-title,
body.post-type-archive-product .mg-el-shop-title .elementor-heading-title,
body.tax-product_cat .mg-el-shop-title .elementor-heading-title{
font-size:clamp(30px,3.2vw,48px) !important;
line-height:1.15 !important;
margin:0 !important;
color:#f1d183 !important;
}
body.mg-shop-page .mg-el-shop-subtitle,
body.post-type-archive-product .mg-el-shop-subtitle,
body.tax-product_cat .mg-el-shop-subtitle{
grid-column:2 !important;
grid-row:1 / span 2 !important;
align-self:center !important;
max-width:680px !important;
}
body.mg-shop-page .mg-el-shop-subtitle p,
body.post-type-archive-product .mg-el-shop-subtitle p,
body.tax-product_cat .mg-el-shop-subtitle p{
font-size:14px !important;
line-height:1.9 !important;
margin:0 !important;
color:#d8d0c1 !important;
}
/* Product section fills remaining space */
body.mg-shop-page .mg-shop-grid-section,
body.post-type-archive-product .mg-shop-grid-section,
body.tax-product_cat .mg-shop-grid-section{
flex:1 1 auto !important;
min-height:0 !important;
height:auto !important;
overflow:hidden !important;
display:flex !important;
flex-direction:column !important;
margin:0 !important;
padding:0 !important;
background:#050505 !important;
}
/* Category/sort bar fixed between hero and products */
body.mg-shop-page .mg-shop-filterbar,
body.post-type-archive-product .mg-shop-filterbar,
body.tax-product_cat .mg-shop-filterbar{
position:relative !important;
top:auto !important;
flex:0 0 auto !important;
z-index:25 !important;
background:linear-gradient(180deg, rgba(5,5,5,.98), rgba(5,5,5,.92)) !important;
border-bottom:1px solid rgba(217,173,99,.24) !important;
box-shadow:0 12px 34px rgba(0,0,0,.36) !important;
}
/* Only products area scrolls */
body.mg-shop-page .mg-shop-grid-wrap,
body.post-type-archive-product .mg-shop-grid-wrap,
body.tax-product_cat .mg-shop-grid-wrap{
flex:1 1 auto !important;
min-height:0 !important;
height:auto !important;
overflow-y:auto !important;
overflow-x:hidden !important;
width:100% !important;
margin:0 !important;
padding:42px min(4vw,54px) 0 !important;
scrollbar-width:thin !important;
scrollbar-color:rgba(217,173,99,.45) rgba(255,255,255,.04) !important;
}
body.mg-shop-page .mg-shop-grid-wrap::-webkit-scrollbar,
body.post-type-archive-product .mg-shop-grid-wrap::-webkit-scrollbar,
body.tax-product_cat .mg-shop-grid-wrap::-webkit-scrollbar{
width:8px !important;
}
body.mg-shop-page .mg-shop-grid-wrap::-webkit-scrollbar-track,
body.post-type-archive-product .mg-shop-grid-wrap::-webkit-scrollbar-track,
body.tax-product_cat .mg-shop-grid-wrap::-webkit-scrollbar-track{
background:rgba(255,255,255,.04) !important;
}
body.mg-shop-page .mg-shop-grid-wrap::-webkit-scrollbar-thumb,
body.post-type-archive-product .mg-shop-grid-wrap::-webkit-scrollbar-thumb,
body.tax-product_cat .mg-shop-grid-wrap::-webkit-scrollbar-thumb{
background:rgba(217,173,99,.45) !important;
border-radius:999px !important;
}
body.mg-shop-page .mg-shop-grid-wrap ul.products,
body.post-type-archive-product .mg-shop-grid-wrap ul.products,
body.tax-product_cat .mg-shop-grid-wrap ul.products{
width:min(1320px,100%) !important;
margin:0 auto !important;
}
/* Footer inside product scroll */
body.mg-shop-page .mg-shop-grid-wrap .mg-min-footer,
body.post-type-archive-product .mg-shop-grid-wrap .mg-min-footer,
body.tax-product_cat .mg-shop-grid-wrap .mg-min-footer{
display:block !important;
margin:90px calc(-1 * min(4vw,54px)) 0 !important;
}
/* Admin bar */
.admin-bar body.mg-shop-page .mg-shop-main,
.admin-bar body.post-type-archive-product .mg-shop-main,
.admin-bar body.tax-product_cat .mg-shop-main{
padding-top:138px !important;
}
/* Mobile: normal scroll for stability */
@media(max-width:900px){
body.mg-shop-page,
body.post-type-archive-product,
body.tax-product_cat{
overflow-y:auto !important;
height:auto !important;
}
body.mg-shop-page .mg-shop-main,
body.post-type-archive-product .mg-shop-main,
body.tax-product_cat .mg-shop-main{
height:auto !important;
overflow:visible !important;
display:block !important;
padding-top:96px !important;
}
body.mg-shop-page .mg-el-shop-hero,
body.post-type-archive-product .mg-el-shop-hero,
body.tax-product_cat .mg-el-shop-hero{
min-height:190px !important;
max-height:none !important;
flex:auto !important;
}
body.mg-shop-page .mg-el-shop-hero .elementor-widget-wrap,
body.post-type-archive-product .mg-el-shop-hero .elementor-widget-wrap,
body.tax-product_cat .mg-el-shop-hero .elementor-widget-wrap{
display:block !important;
text-align:center !important;
padding:28px 18px !important;
}
body.mg-shop-page .mg-el-shop-subtitle,
body.post-type-archive-product .mg-el-shop-subtitle,
body.tax-product_cat .mg-el-shop-subtitle{
max-width:92vw !important;
margin:12px auto 0 !important;
}
body.mg-shop-page .mg-shop-grid-section,
body.post-type-archive-product .mg-shop-grid-section,
body.tax-product_cat .mg-shop-grid-section{
display:block !important;
overflow:visible !important;
}
body.mg-shop-page .mg-shop-filterbar,
body.post-type-archive-product .mg-shop-filterbar,
body.tax-product_cat .mg-shop-filterbar{
position:sticky !important;
top:96px !important;
}
body.mg-shop-page .mg-shop-grid-wrap,
body.post-type-archive-product .mg-shop-grid-wrap,
body.tax-product_cat .mg-shop-grid-wrap{
overflow:visible !important;
padding:34px min(4vw,24px) 0 !important;
}
}
/* === V80 Editorial shop hero + organic category cards === */
/* Hero like luxury editorial banner */
body.mg-shop-page .mg-el-shop-hero,
body.post-type-archive-product .mg-el-shop-hero,
body.tax-product_cat .mg-el-shop-hero{
flex:0 0 235px !important;
min-height:235px !important;
max-height:235px !important;
width:min(1320px,94vw) !important;
margin:22px auto 0 !important;
border:1px solid rgba(217,173,99,.26) !important;
border-radius:28px !important;
overflow:hidden !important;
background:#070605 !important;
box-shadow:0 34px 110px rgba(0,0,0,.52) !important;
}
body.mg-shop-page .mg-el-shop-hero .elementor-container,
body.post-type-archive-product .mg-el-shop-hero .elementor-container,
body.tax-product_cat .mg-el-shop-hero .elementor-container{
width:100% !important;
max-width:100% !important;
min-height:235px !important;
max-height:235px !important;
display:grid !important;
grid-template-columns:42% 58% !important;
align-items:stretch !important;
direction:ltr !important;
}
/* Use first column as visual panel again */
body.mg-shop-page .mg-el-shop-hero .elementor-column:first-child,
body.post-type-archive-product .mg-el-shop-hero .elementor-column:first-child,
body.tax-product_cat .mg-el-shop-hero .elementor-column:first-child{
display:block !important;
width:100% !important;
min-height:235px !important;
background:
linear-gradient(90deg, rgba(0,0,0,.08), rgba(0,0,0,.62)),
var(--mg-shop-hero-img, url('/wp-content/uploads/2026/06/hero.jpg')) !important;
background-size:cover !important;
background-position:center !important;
}
body.mg-shop-page .mg-el-shop-hero .elementor-column:first-child .elementor-widget-wrap,
body.post-type-archive-product .mg-el-shop-hero .elementor-column:first-child .elementor-widget-wrap,
body.tax-product_cat .mg-el-shop-hero .elementor-column:first-child .elementor-widget-wrap{
min-height:235px !important;
padding:0 !important;
}
/* Text panel */
body.mg-shop-page .mg-el-shop-hero .elementor-column:last-child,
body.post-type-archive-product .mg-el-shop-hero .elementor-column:last-child,
body.tax-product_cat .mg-el-shop-hero .elementor-column:last-child{
width:100% !important;
min-height:235px !important;
background:
radial-gradient(circle at 55% 50%, rgba(217,173,99,.12), rgba(0,0,0,0) 42%),
linear-gradient(90deg, rgba(5,5,5,.82), #050505) !important;
}
body.mg-shop-page .mg-el-shop-hero .elementor-column:last-child .elementor-widget-wrap,
body.post-type-archive-product .mg-el-shop-hero .elementor-column:last-child .elementor-widget-wrap,
body.tax-product_cat .mg-el-shop-hero .elementor-column:last-child .elementor-widget-wrap{
min-height:235px !important;
padding:30px 70px 30px 34px !important;
display:flex !important;
flex-direction:column !important;
justify-content:center !important;
align-items:flex-end !important;
text-align:right !important;
direction:rtl !important;
}
body.mg-shop-page .mg-el-shop-kicker .elementor-heading-title,
body.post-type-archive-product .mg-el-shop-kicker .elementor-heading-title,
body.tax-product_cat .mg-el-shop-kicker .elementor-heading-title{
color:#d9ad63 !important;
font-family:Georgia,serif !important;
letter-spacing:.38em !important;
font-size:12px !important;
margin:0 0 8px !important;
}
body.mg-shop-page .mg-el-shop-title .elementor-heading-title,
body.post-type-archive-product .mg-el-shop-title .elementor-heading-title,
body.tax-product_cat .mg-el-shop-title .elementor-heading-title{
color:#f1d183 !important;
font-size:clamp(38px,4vw,64px) !important;
line-height:1.12 !important;
margin:0 0 12px !important;
text-shadow:0 20px 70px rgba(217,173,99,.18) !important;
}
body.mg-shop-page .mg-el-shop-subtitle,
body.post-type-archive-product .mg-el-shop-subtitle,
body.tax-product_cat .mg-el-shop-subtitle{
max-width:620px !important;
}
body.mg-shop-page .mg-el-shop-subtitle p,
body.post-type-archive-product .mg-el-shop-subtitle p,
body.tax-product_cat .mg-el-shop-subtitle p{
color:#e8dcc7 !important;
font-size:15px !important;
line-height:1.9 !important;
margin:0 !important;
}
/* Category bar becomes editorial card strip */
.mg-shop-filterbar{
background:#050505 !important;
}
.mg-shop-catbar{
width:min(1320px,94vw) !important;
padding:18px 0 16px !important;
grid-template-columns:1fr auto !important;
}
.mg-cat-circle-list{
gap:18px !important;
align-items:center !important;
}
/* Replace circles with angled organic cards */
.mg-cat-circle{
position:relative !important;
min-width:138px !important;
max-width:148px !important;
height:92px !important;
display:block !important;
text-decoration:none !important;
color:#fff3dc !important;
transform:skewX(-8deg) !important;
}
.mg-cat-circle-img{
width:100% !important;
height:100% !important;
border-radius:22px !important;
border:1px solid rgba(217,173,99,.34) !important;
overflow:hidden !important;
background:#111 !important;
box-shadow:0 18px 42px rgba(0,0,0,.38) !important;
}
.mg-cat-circle-img img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
filter:brightness(.72) contrast(1.08) saturate(.95) !important;
transform:skewX(8deg) scale(1.16) !important;
}
.mg-cat-circle-img:after{
background:
linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.72)),
radial-gradient(circle at 50% 100%, rgba(217,173,99,.18), rgba(0,0,0,0) 58%) !important;
}
.mg-cat-circle-title{
position:absolute !important;
inset:auto 10px 14px 10px !important;
z-index:3 !important;
display:block !important;
color:#fff3dc !important;
font-size:15px !important;
font-weight:900 !important;
text-align:center !important;
text-shadow:0 6px 22px rgba(0,0,0,.95) !important;
transform:skewX(8deg) !important;
}
.mg-cat-circle:hover,
.mg-cat-circle.is-active{
transform:skewX(-8deg) translateY(-4px) !important;
}
.mg-cat-circle:hover .mg-cat-circle-img,
.mg-cat-circle.is-active .mg-cat-circle-img{
border-color:#d9ad63 !important;
box-shadow:0 0 0 2px rgba(217,173,99,.15), 0 24px 60px rgba(0,0,0,.55) !important;
}
.mg-cat-circle:hover .mg-cat-circle-img img{
filter:brightness(.92) contrast(1.12) saturate(1.05) !important;
transform:skewX(8deg) scale(1.22) !important;
}
/* Sort button like sample */
.mg-shop-sort-mini{
border:1px solid rgba(217,173,99,.32) !important;
border-radius:14px !important;
padding:6px 8px 6px 14px !important;
background:rgba(255,255,255,.015) !important;
}
.mg-shop-sort-label{
display:none !important;
}
.mg-shop-sort-mini select,
.mg-shop-sort-mini .orderby{
height:40px !important;
min-width:178px !important;
border:0 !important;
border-radius:10px !important;
background:transparent !important;
}
/* Product cards a little closer to mockup */
.woocommerce ul.products li.product,
body.mg-shop-page ul.products li.product,
body.post-type-archive-product ul.products li.product,
body.tax-product_cat ul.products li.product{
border-radius:24px !important;
}
/* Keep product scroll height updated with taller hero */
body.mg-shop-page .mg-shop-main,
body.post-type-archive-product .mg-shop-main,
body.tax-product_cat .mg-shop-main{
padding-top:106px !important;
}
@media(max-width:900px){
body.mg-shop-page .mg-el-shop-hero,
body.post-type-archive-product .mg-el-shop-hero,
body.tax-product_cat .mg-el-shop-hero{
width:92vw !important;
min-height:250px !important;
max-height:none !important;
border-radius:24px !important;
}
body.mg-shop-page .mg-el-shop-hero .elementor-container,
body.post-type-archive-product .mg-el-shop-hero .elementor-container,
body.tax-product_cat .mg-el-shop-hero .elementor-container{
display:block !important;
min-height:250px !important;
}
body.mg-shop-page .mg-el-shop-hero .elementor-column:first-child,
body.post-type-archive-product .mg-el-shop-hero .elementor-column:first-child,
body.tax-product_cat .mg-el-shop-hero .elementor-column:first-child{
min-height:110px !important;
}
body.mg-shop-page .mg-el-shop-hero .elementor-column:last-child .elementor-widget-wrap,
body.post-type-archive-product .mg-el-shop-hero .elementor-column:last-child .elementor-widget-wrap,
body.tax-product_cat .mg-el-shop-hero .elementor-column:last-child .elementor-widget-wrap{
padding:24px 22px !important;
align-items:center !important;
text-align:center !important;
min-height:140px !important;
}
.mg-cat-circle{
min-width:118px !important;
max-width:124px !important;
height:82px !important;
}
}
/* === V81 Organic luxury category cards instead of flat rectangles === */
.mg-shop-catbar{
padding:18px 0 18px !important;
align-items:center !important;
}
/* Keep sort compact but separate */
.mg-shop-sort-mini{
align-self:center !important;
}
/* Organic medallion-like category cards */
.mg-cat-circle-list{
gap:20px !important;
padding:8px 2px 10px !important;
align-items:center !important;
}
.mg-cat-circle{
position:relative !important;
min-width:112px !important;
max-width:118px !important;
height:122px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
color:#fff3dc !important;
text-decoration:none !important;
transform:none !important;
transition:transform .25s ease, filter .25s ease !important;
}
.mg-cat-circle-img{
width:104px !important;
height:104px !important;
border-radius:34px 48px 34px 48px !important;
overflow:hidden !important;
position:relative !important;
border:1px solid rgba(217,173,99,.40) !important;
background:#0d0b09 !important;
box-shadow:
0 18px 45px rgba(0,0,0,.42),
inset 0 0 0 1px rgba(255,255,255,.025) !important;
transform:rotate(-7deg) !important;
transition:transform .28s ease, border-color .28s ease, box-shadow .28s ease, border-radius .28s ease !important;
}
.mg-cat-circle:nth-child(even) .mg-cat-circle-img{
transform:rotate(6deg) !important;
border-radius:48px 34px 48px 34px !important;
}
.mg-cat-circle-img:before{
content:"" !important;
position:absolute !important;
inset:6px !important;
border:1px solid rgba(217,173,99,.22) !important;
border-radius:28px 42px 28px 42px !important;
z-index:3 !important;
pointer-events:none !important;
}
.mg-cat-circle:nth-child(even) .mg-cat-circle-img:before{
border-radius:42px 28px 42px 28px !important;
}
.mg-cat-circle-img:after{
content:"" !important;
position:absolute !important;
inset:0 !important;
z-index:2 !important;
background:
linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.34) 42%, rgba(0,0,0,.82)),
radial-gradient(circle at 50% 105%, rgba(217,173,99,.22), rgba(0,0,0,0) 54%) !important;
pointer-events:none !important;
}
.mg-cat-circle-img img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
display:block !important;
filter:brightness(.78) contrast(1.08) saturate(.98) !important;
transform:scale(1.12) rotate(7deg) !important;
transition:transform .45s ease, filter .35s ease !important;
}
.mg-cat-circle:nth-child(even) .mg-cat-circle-img img{
transform:scale(1.12) rotate(-6deg) !important;
}
.mg-cat-circle-title{
position:absolute !important;
z-index:5 !important;
left:5px !important;
right:5px !important;
bottom:10px !important;
display:block !important;
color:#fff3dc !important;
font-size:14px !important;
line-height:1.35 !important;
font-weight:900 !important;
text-align:center !important;
white-space:nowrap !important;
text-shadow:0 8px 22px rgba(0,0,0,.95), 0 0 18px rgba(0,0,0,.75) !important;
transform:none !important;
}
.mg-cat-circle:hover,
.mg-cat-circle.is-active{
transform:translateY(-5px) !important;
}
.mg-cat-circle:hover .mg-cat-circle-img,
.mg-cat-circle.is-active .mg-cat-circle-img{
border-color:#d9ad63 !important;
box-shadow:
0 0 0 3px rgba(217,173,99,.12),
0 26px 65px rgba(0,0,0,.58),
0 0 34px rgba(217,173,99,.10) !important;
border-radius:38px 50px 38px 50px !important;
}
.mg-cat-circle:nth-child(even):hover .mg-cat-circle-img,
.mg-cat-circle:nth-child(even).is-active .mg-cat-circle-img{
border-radius:50px 38px 50px 38px !important;
}
.mg-cat-circle:hover .mg-cat-circle-img img,
.mg-cat-circle.is-active .mg-cat-circle-img img{
filter:brightness(.98) contrast(1.10) saturate(1.06) !important;
transform:scale(1.20) rotate(7deg) !important;
}
.mg-cat-circle:nth-child(even):hover .mg-cat-circle-img img,
.mg-cat-circle:nth-child(even).is-active .mg-cat-circle-img img{
transform:scale(1.20) rotate(-6deg) !important;
}
/* Make row feel less rectangular */
.mg-shop-filterbar{
background:
radial-gradient(circle at 50% 0%, rgba(217,173,99,.06), rgba(0,0,0,0) 38%),
linear-gradient(180deg, rgba(5,5,5,.97), rgba(5,5,5,.92)) !important;
}
/* Mobile */
@media(max-width:900px){
.mg-cat-circle{
min-width:96px !important;
max-width:100px !important;
height:110px !important;
}
.mg-cat-circle-img{
width:92px !important;
height:92px !important;
border-radius:30px 42px 30px 42px !important;
}
.mg-cat-circle-title{
font-size:13px !important;
bottom:9px !important;
}
}
/* === V82 Category image consistency fix === */
/* Keep hero image more readable and avoid wrong-looking crop */
body.mg-shop-page .mg-el-shop-hero .elementor-column:first-child,
body.post-type-archive-product .mg-el-shop-hero .elementor-column:first-child,
body.tax-product_cat .mg-el-shop-hero .elementor-column:first-child{
background-size:cover !important;
background-position:center center !important;
}
/* If category has light product photo, make the visual side less grey */
body.mg-shop-page .mg-el-shop-hero .elementor-column:first-child,
body.post-type-archive-product .mg-el-shop-hero .elementor-column:first-child,
body.tax-product_cat .mg-el-shop-hero .elementor-column:first-child{
filter:contrast(1.04) saturate(.98) !important;
}
/* Category cards: avoid over-cropping small single-product categories */
.mg-cat-circle-img img{
object-position:center center !important;
}
/* === V83 Strict category image fix === */
.mg-cat-circle-img img,
.mg-el-shop-hero .elementor-column:first-child{
image-rendering:auto !important;
}
/* === V84 Product-only category images === */
.mg-el-shop-hero[data-mg-v="84"] .elementor-column:first-child{
background-image:
linear-gradient(90deg, rgba(0,0,0,.04), rgba(0,0,0,.60)),
var(--mg-shop-hero-img) !important;
background-size:cover !important;
background-position:center center !important;
}
.mg-cat-circle-list[data-mg-v="84"] .mg-cat-circle-img img{
object-position:center center !important;
}
/* V85 Luxury Category Bar */
.mg-cat-circle-list{display:flex!important;gap:18px;overflow-x:auto;padding:18px 24px;justify-content:center}
.mg-cat-circle{display:flex!important;align-items:center;gap:12px;min-width:170px;padding:10px 18px;background:rgba(10,10,10,.75);border:1px solid rgba(204,163,89,.24);border-radius:999px!important;text-decoration:none!important;transition:.35s}
.mg-cat-circle:hover,.mg-cat-circle.is-active{transform:translateY(-2px);border-color:#d5ad62;box-shadow:0 0 26px rgba(213,173,98,.12)}
.mg-cat-circle-img{width:58px!important;height:58px!important;overflow:hidden;border-radius:50%!important;border:1px solid rgba(213,173,98,.5)}
.mg-cat-circle-img img{width:100%!important;height:100%!important;object-fit:cover}
.mg-cat-circle-title{color:#e8c57c!important;font-size:15px;font-weight:700;white-space:nowrap}
/* === V86 Slim Shop Hero === */
body.mg-shop-page .mg-el-shop-hero,
body.post-type-archive-product .mg-el-shop-hero,
body.tax-product_cat .mg-el-shop-hero{
flex:0 0 108px!important;min-height:108px!important;max-height:108px!important;
width:min(1320px,94vw)!important;margin:12px auto 0!important;border-radius:20px!important;
overflow:hidden!important;border:1px solid rgba(217,173,99,.22)!important;
box-shadow:0 16px 44px rgba(0,0,0,.34)!important;
}
body.mg-shop-page .mg-el-shop-hero .elementor-container,
body.post-type-archive-product .mg-el-shop-hero .elementor-container,
body.tax-product_cat .mg-el-shop-hero .elementor-container{
min-height:108px!important;max-height:108px!important;display:grid!important;grid-template-columns:30% 70%!important;width:100%!important;max-width:100%!important;
}
body.mg-shop-page .mg-el-shop-hero .elementor-column,
body.post-type-archive-product .mg-el-shop-hero .elementor-column,
body.tax-product_cat .mg-el-shop-hero .elementor-column{min-height:108px!important;max-height:108px!important;position:relative!important}
body.mg-shop-page .mg-el-shop-hero .elementor-column:first-child,
body.post-type-archive-product .mg-el-shop-hero .elementor-column:first-child,
body.tax-product_cat .mg-el-shop-hero .elementor-column:first-child{
display:block!important;background-size:cover!important;background-position:center!important;
filter:brightness(.55) saturate(.82) contrast(1.05)!important;
}
body.mg-shop-page .mg-el-shop-hero .elementor-column:last-child .elementor-widget-wrap,
body.post-type-archive-product .mg-el-shop-hero .elementor-column:last-child .elementor-widget-wrap,
body.tax-product_cat .mg-el-shop-hero .elementor-column:last-child .elementor-widget-wrap{
min-height:108px!important;max-height:108px!important;padding:14px 54px 12px 24px!important;
display:grid!important;grid-template-columns:auto 1fr!important;grid-template-rows:auto auto!important;
column-gap:28px!important;align-items:center!important;text-align:right!important;direction:rtl!important;
}
body.mg-shop-page .mg-el-shop-kicker,
body.post-type-archive-product .mg-el-shop-kicker,
body.tax-product_cat .mg-el-shop-kicker{grid-column:1!important;grid-row:1!important}
body.mg-shop-page .mg-el-shop-kicker .elementor-heading-title,
body.post-type-archive-product .mg-el-shop-kicker .elementor-heading-title,
body.tax-product_cat .mg-el-shop-kicker .elementor-heading-title{
font-size:10px!important;letter-spacing:.34em!important;margin:0!important;color:#d9ad63!important;
}
body.mg-shop-page .mg-el-shop-title,
body.post-type-archive-product .mg-el-shop-title,
body.tax-product_cat .mg-el-shop-title{grid-column:1!important;grid-row:2!important}
body.mg-shop-page .mg-el-shop-title .elementor-heading-title,
body.post-type-archive-product .mg-el-shop-title .elementor-heading-title,
body.tax-product_cat .mg-el-shop-title .elementor-heading-title{
font-size:clamp(30px,2.7vw,46px)!important;line-height:1.05!important;margin:0!important;white-space:nowrap!important;color:#f1d183!important;
}
body.mg-shop-page .mg-el-shop-subtitle,
body.post-type-archive-product .mg-el-shop-subtitle,
body.tax-product_cat .mg-el-shop-subtitle{grid-column:2!important;grid-row:1 / span 2!important;align-self:center!important;max-width:none!important}
body.mg-shop-page .mg-el-shop-subtitle p,
body.post-type-archive-product .mg-el-shop-subtitle p,
body.tax-product_cat .mg-el-shop-subtitle p{
font-size:14px!important;line-height:1.7!important;margin:0!important;color:#d8d0c1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
body.mg-shop-page .mg-shop-catbar,
body.post-type-archive-product .mg-shop-catbar,
body.tax-product_cat .mg-shop-catbar{padding-top:10px!important;padding-bottom:10px!important}
body.mg-shop-page .mg-shop-grid-wrap,
body.post-type-archive-product .mg-shop-grid-wrap,
body.tax-product_cat .mg-shop-grid-wrap{padding-top:26px!important}
@media(max-width:900px){
body.mg-shop-page .mg-el-shop-hero,body.post-type-archive-product .mg-el-shop-hero,body.tax-product_cat .mg-el-shop-hero{min-height:148px!important;max-height:none!important}
body.mg-shop-page .mg-el-shop-hero .elementor-container,body.post-type-archive-product .mg-el-shop-hero .elementor-container,body.tax-product_cat .mg-el-shop-hero .elementor-container{display:block!important;min-height:148px!important;max-height:none!important}
body.mg-shop-page .mg-el-shop-hero .elementor-column:first-child,body.post-type-archive-product .mg-el-shop-hero .elementor-column:first-child,body.tax-product_cat .mg-el-shop-hero .elementor-column:first-child{min-height:52px!important;max-height:52px!important}
body.mg-shop-page .mg-el-shop-hero .elementor-column:last-child .elementor-widget-wrap,body.post-type-archive-product .mg-el-shop-hero .elementor-column:last-child .elementor-widget-wrap,body.tax-product_cat .mg-el-shop-hero .elementor-column:last-child .elementor-widget-wrap{display:block!important;min-height:96px!important;max-height:none!important;padding:18px!important;text-align:center!important}
body.mg-shop-page .mg-el-shop-title .elementor-heading-title,body.post-type-archive-product .mg-el-shop-title .elementor-heading-title,body.tax-product_cat .mg-el-shop-title .elementor-heading-title{white-space:normal!important;font-size:32px!important}
body.mg-shop-page .mg-el-shop-subtitle p,body.post-type-archive-product .mg-el-shop-subtitle p,body.tax-product_cat .mg-el-shop-subtitle p{white-space:normal!important;font-size:13px!important;margin-top:8px!important}
}
/* V87 Remove Hero Image */
body.mg-shop-page .mg-el-shop-hero .elementor-container,
body.post-type-archive-product .mg-el-shop-hero .elementor-container,
body.tax-product_cat .mg-el-shop-hero .elementor-container{
display:block!important;
}
body.mg-shop-page .mg-el-shop-hero .elementor-column:first-child,
body.post-type-archive-product .mg-el-shop-hero .elementor-column:first-child,
body.tax-product_cat .mg-el-shop-hero .elementor-column:first-child{
display:none!important;
}
body.mg-shop-page .mg-el-shop-hero .elementor-column:last-child,
body.post-type-archive-product .mg-el-shop-hero .elementor-column:last-child,
body.tax-product_cat .mg-el-shop-hero .elementor-column:last-child{
width:100%!important;
}
body.mg-shop-page .mg-el-shop-hero .elementor-column:last-child .elementor-widget-wrap,
body.post-type-archive-product .mg-el-shop-hero .elementor-column:last-child .elementor-widget-wrap,
body.tax-product_cat .mg-el-shop-hero .elementor-column:last-child .elementor-widget-wrap{
display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;
padding:10px 40px!important;text-align:center!important;min-height:108px!important;
}
body.mg-shop-page .mg-el-shop-title .elementor-heading-title,
body.post-type-archive-product .mg-el-shop-title .elementor-heading-title,
body.tax-product_cat .mg-el-shop-title .elementor-heading-title{font-size:clamp(28px,2.5vw,44px)!important}
body.mg-shop-page .mg-el-shop-subtitle p,
body.post-type-archive-product .mg-el-shop-subtitle p,
body.tax-product_cat .mg-el-shop-subtitle p{white-space:normal!important;max-width:760px!important}
/* V88 Single Line Hero */
body.mg-shop-page .mg-el-shop-hero,
body.post-type-archive-product .mg-el-shop-hero,
body.tax-product_cat .mg-el-shop-hero{
min-height:82px!important;max-height:82px!important;
border-radius:18px!important;
}
body.mg-shop-page .mg-el-shop-hero .elementor-column:last-child .elementor-widget-wrap,
body.post-type-archive-product .mg-el-shop-hero .elementor-column:last-child .elementor-widget-wrap,
body.tax-product_cat .mg-el-shop-hero .elementor-column:last-child .elementor-widget-wrap{
display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;
gap:28px!important;padding:0 40px!important;min-height:82px!important;
}
body .mg-el-shop-kicker{display:none!important;}
body .mg-el-shop-title,
body .mg-el-shop-subtitle{margin:0!important;}
body .mg-el-shop-title .elementor-heading-title{
font-size:clamp(26px,2.2vw,40px)!important;white-space:nowrap!important;margin:0!important;
}
body .mg-el-shop-subtitle p{
font-size:14px!important;white-space:nowrap!important;margin:0!important;opacity:.9!important;
}
@media(max-width:900px){
body.mg-shop-page .mg-el-shop-hero,body.post-type-archive-product .mg-el-shop-hero,body.tax-product_cat .mg-el-shop-hero{min-height:96px!important}
body.mg-shop-page .mg-el-shop-hero .elementor-column:last-child .elementor-widget-wrap,body.post-type-archive-product .mg-el-shop-hero .elementor-column:last-child .elementor-widget-wrap,body.tax-product_cat .mg-el-shop-hero .elementor-column:last-child .elementor-widget-wrap{flex-direction:column!important;padding:12px 18px!important;gap:4px!important}
body .mg-el-shop-subtitle p{white-space:normal!important;text-align:center!important}
}
/* === V89 Promo Hero Bar instead of collection title === */
body.mg-shop-page .mg-el-shop-hero,
body.post-type-archive-product .mg-el-shop-hero,
body.tax-product_cat .mg-el-shop-hero{
min-height:64px !important;
max-height:64px !important;
height:64px !important;
width:min(1320px,94vw) !important;
margin:10px auto 0 !important;
border-radius:16px !important;
border:1px solid rgba(217,173,99,.18) !important;
background:
radial-gradient(circle at 50% 0%, rgba(217,173,99,.10), transparent 42%),
linear-gradient(90deg, rgba(217,173,99,.035), rgba(255,255,255,.015), rgba(217,173,99,.035)) !important;
box-shadow:0 12px 36px rgba(0,0,0,.26) !important;
overflow:hidden !important;
}
body.mg-shop-page .mg-el-shop-hero .elementor-container,
body.post-type-archive-product .mg-el-shop-hero .elementor-container,
body.tax-product_cat .mg-el-shop-hero .elementor-container{
min-height:64px !important;
max-height:64px !important;
height:64px !important;
display:block !important;
}
body.mg-shop-page .mg-el-shop-hero .elementor-column:first-child,
body.post-type-archive-product .mg-el-shop-hero .elementor-column:first-child,
body.tax-product_cat .mg-el-shop-hero .elementor-column:first-child{
display:none !important;
}
body.mg-shop-page .mg-el-shop-hero .elementor-column:last-child,
body.post-type-archive-product .mg-el-shop-hero .elementor-column:last-child,
body.tax-product_cat .mg-el-shop-hero .elementor-column:last-child{
width:100% !important;
min-height:64px !important;
max-height:64px !important;
}
body.mg-shop-page .mg-el-shop-hero .elementor-column:last-child .elementor-widget-wrap,
body.post-type-archive-product .mg-el-shop-hero .elementor-column:last-child .elementor-widget-wrap,
body.tax-product_cat .mg-el-shop-hero .elementor-column:last-child .elementor-widget-wrap{
min-height:64px !important;
max-height:64px !important;
height:64px !important;
padding:0 34px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
text-align:center !important;
direction:rtl !important;
}
body .mg-el-shop-kicker,
body .mg-el-shop-title{
display:none !important;
}
body .mg-el-shop-subtitle{
margin:0 !important;
width:100% !important;
max-width:none !important;
}
body .mg-el-shop-subtitle p{
margin:0 !important;
color:#e8dcc7 !important;
font-size:15px !important;
line-height:1.7 !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
letter-spacing:0 !important;
}
body .mg-el-shop-subtitle p strong,
body .mg-el-shop-subtitle strong{
color:#f1d183 !important;
font-weight:800 !important;
}
body .mg-el-shop-subtitle p:before,
body .mg-el-shop-subtitle p:after{
content:"" !important;
display:inline-block !important;
width:56px !important;
height:1px !important;
background:linear-gradient(90deg, transparent, rgba(217,173,99,.72), transparent) !important;
vertical-align:middle !important;
margin:0 16px !important;
}
body.mg-shop-page .mg-shop-catbar,
body.post-type-archive-product .mg-shop-catbar,
body.tax-product_cat .mg-shop-catbar{
padding-top:10px !important;
padding-bottom:10px !important;
}
body.mg-shop-page .mg-shop-grid-wrap,
body.post-type-archive-product .mg-shop-grid-wrap,
body.tax-product_cat .mg-shop-grid-wrap{
padding-top:24px !important;
}
@media(max-width:900px){
body.mg-shop-page .mg-el-shop-hero,
body.post-type-archive-product .mg-el-shop-hero,
body.tax-product_cat .mg-el-shop-hero{
min-height:74px !important;
max-height:74px !important;
height:74px !important;
}
body.mg-shop-page .mg-el-shop-hero .elementor-column:last-child .elementor-widget-wrap,
body.post-type-archive-product .mg-el-shop-hero .elementor-column:last-child .elementor-widget-wrap,
body.tax-product_cat .mg-el-shop-hero .elementor-column:last-child .elementor-widget-wrap{
min-height:74px !important;
max-height:74px !important;
height:74px !important;
padding:0 18px !important;
}
body .mg-el-shop-subtitle p{
font-size:13px !important;
white-space:normal !important;
line-height:1.8 !important;
}
body .mg-el-shop-subtitle p:before,
body .mg-el-shop-subtitle p:after{
display:none !important;
}
}