/* Product card appearance, driven by the dashboard («شكل بطاقة المنتج»). Loaded after theme.css. */
body .product-grid{gap:var(--card-gap,16px)}
body.studio-v7 .product-card{background:var(--card-bg,#fff);border:var(--card-bw,0) solid var(--card-bc,#e6e6e6);border-radius:var(--card-radius,15px);box-shadow:var(--card-shadow,none);max-width:var(--card-max-w,none);width:100%;margin-inline:auto;overflow:hidden}
body.studio-v7 .product-card .product-image{aspect-ratio:var(--card-ratio,1/1);border-radius:var(--card-img-radius,14px) var(--card-img-radius,14px) 0 0}
body.studio-v7 .product-card .product-image>img{width:100%;height:100%;object-fit:var(--studio-card-fit,contain)}
@media(min-width:700px){body.card-hd.studio-v7 .product-card .product-image{aspect-ratio:auto;height:var(--card-img-h-d)}}
@media(max-width:699px){body.card-hm.studio-v7 .product-card .product-image{aspect-ratio:auto;height:var(--card-img-h-m)}}
body.studio-v7 .product-card .product-info{text-align:var(--card-align,start)}
body.studio-v7 .product-card .product-title{display:-webkit-box;-webkit-line-clamp:var(--card-lines,2);-webkit-box-orient:vertical;overflow:hidden}
.product-badge.badge-new{background:#1f8a4c;color:#fff;margin-inline-start:4px}
.card-desc{font-size:12px;color:var(--muted);line-height:1.8;margin:2px 0}
.card-saving{font-size:12px;color:#237451;font-weight:600;margin:2px 0}
.card-low{font-size:12px;color:#b45309;font-weight:600;margin:2px 0}
.card-custom{font-size:12px;color:var(--muted);margin:2px 0}
.rating-count{color:var(--muted);font-size:.75em}
.card-btn{width:100%;margin-top:8px;min-height:44px}
body.card-style-minimal.studio-v7 .product-card{background:transparent;border:0;box-shadow:none}
body.card-style-minimal.studio-v7 .product-card .product-image{border-radius:var(--card-img-radius,14px)}
body.card-style-minimal.studio-v7 .product-card .product-info{padding-inline:2px}
body.card-style-overlay.studio-v7 .product-card{position:relative;isolation:isolate}
body.card-style-overlay.studio-v7 .product-card .product-image{border-radius:var(--card-radius,15px);height:100%;min-height:100%}
body.card-style-overlay.studio-v7 .product-card .product-info{position:absolute;inset-inline:0;bottom:0;z-index:2;color:#fff;padding:36px 12px 12px;background:linear-gradient(transparent,#000000b3);min-height:0}
body.card-style-overlay.studio-v7 .product-card .product-info a,body.card-style-overlay.studio-v7 .product-card .product-title,body.card-style-overlay.studio-v7 .product-card .price,body.card-style-overlay.studio-v7 .product-card .old-price,body.card-style-overlay.studio-v7 .product-card .product-category{color:#fff!important}
body.card-style-overlay.studio-v7 .product-card .product-actions{z-index:3}
body.card-style-horizontal.studio-v7 .product-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))!important}
body.card-style-horizontal.studio-v7 .product-card{display:grid!important;grid-template-columns:42% minmax(0,1fr);align-items:stretch}
body.card-style-horizontal.studio-v7 .product-card .product-image{aspect-ratio:auto;height:100%;min-height:150px;border-radius:0}
body.card-style-horizontal.studio-v7 .product-card .product-info{align-self:center;padding:12px}
body.card-style-compact.studio-v7 .product-card .product-category{display:none}
body.card-style-compact.studio-v7 .product-card .product-title{font-size:12px!important}
body.card-style-compact.studio-v7 .product-card .product-info{min-height:0;padding:8px 10px 10px;gap:2px}
body.card-style-bold.studio-v7 .product-card .price-box .price,body.card-style-bold.studio-v7 .product-card .price-box ins{display:inline-block;background:var(--primary);color:#fff!important;border-radius:99px;padding:2px 12px}
body.card-style-bold.studio-v7 .product-card .product-badge{font-size:13px;padding:5px 10px}
body.card-style-outline.studio-v7 .product-card{border:2px solid var(--primary);box-shadow:none}
@media(prefers-reduced-motion:no-preference){body.studio-v7 .product-card{transition:transform .25s ease,box-shadow .25s ease}body.studio-v7 .product-card:hover{transform:translateY(-3px)}}

/* Product page price: size, colour, weight and the optional note, all from the dashboard. */
body.studio-v7 .sz-product .detail-price,body.studio-v7 .sz-product .detail-price .amount,body.studio-v7 .sz-product .detail-price bdi{font-size:var(--pdp-price-s,28px)!important;color:var(--pdp-price-c,inherit)!important;font-weight:var(--pdp-price-w,inherit)}
body.studio-v7 .sz-product .detail-discount .old-price,body.studio-v7 .sz-product .detail-discount .old-price .amount{font-size:var(--pdp-oldp-s,14px)!important;color:var(--pdp-oldp-c,var(--muted))!important}
.pdp-price-note{display:inline-block;vertical-align:middle;margin-inline-start:10px;padding:3px 10px;border-radius:99px;font-size:var(--pdp-pn-s,12px);font-weight:600;line-height:1.7;color:var(--pdp-pn-c,#b45309);background:var(--pdp-pn-bg,#fef3c7)}
.pdp-price-note-below{display:table;margin:6px 0 0}

/* Reviews: posted reviews open and tidy, the form folded behind one button. */
.sz-review-btn{margin:6px 0 4px}
#reviews #review_form_wrapper[hidden]{display:none}
#reviews .woocommerce-Reviews-title{font-size:18px;margin:0 0 12px}
#reviews ol.commentlist,#reviews .commentlist{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:12px}
#reviews .commentlist li{margin:0;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
#reviews .commentlist li .comment_container{display:flex;gap:12px;align-items:flex-start}
#reviews .commentlist li img.avatar{width:42px;height:42px;border-radius:50%;flex:none}
#reviews .commentlist .meta{font-size:12px;color:var(--muted);margin:0 0 4px}
#reviews .commentlist .description p{margin:0;font-size:14px;line-height:1.9}
#reviews .star-rating{color:#e5b80b}
#reviews #review_form{margin-top:10px}
#reviews #review_form input[type=text],#reviews #review_form input[type=email],#reviews #review_form textarea,#reviews #review_form select{width:100%;border:1px solid #cfc5bd;border-radius:12px;padding:10px 12px;font:inherit}
#reviews #review_form .form-submit input{min-height:46px;border-radius:12px;border:0;background:var(--primary);color:#fff;font:inherit;font-weight:600;padding:0 22px;cursor:pointer}

/* Wishlist */
.wish-btn{display:inline-grid;place-items:center;min-width:36px;min-height:36px;border-radius:50%;background:#ffffffe6;border:1px solid var(--line);color:var(--ink);cursor:pointer;position:relative}
.wish-btn::before{content:"";position:absolute;inset:50% auto auto 50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}
.wish-btn .icon{width:18px;height:18px}
.wish-btn.saved{color:#e11d48}.wish-btn.saved .icon{fill:#e11d48;stroke:#e11d48}
.wish-btn.sz-pop{animation:szPop .35s ease}
@keyframes szPop{50%{transform:scale(1.25)}}
.product-actions{display:flex;justify-content:space-between;align-items:flex-start;gap:6px}
.gallery-wish{position:absolute;top:14px;inset-inline-end:14px;z-index:6}
.wishlist-head{display:flex;align-items:center;gap:12px;margin:0 0 18px}
.wishlist-head h1{font-size:24px}
@media(prefers-reduced-motion:reduce){.wish-btn.sz-pop{animation:none}}

/* Product page: edge-to-edge width and a plain (unframed) description, both switchable in the dashboard. */
body.pdp-wide[data-page=product] .app-body,body.pdp-wide[data-page=product] .sz-container{max-width:none}
body.pdp-desc-plain[data-page=product] .sz-product .product-description{border:0!important;background:transparent!important;box-shadow:none;padding-inline:0}

/* Message strip above the footer */
.sz-msgbar{background:var(--msg-bg,#fff);color:var(--msg-c,#555);margin:34px 0 6px;padding:18px 12px 12px;border-radius:var(--radius,16px)}
.sz-msgbar-track{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.sz-msgbar-track::-webkit-scrollbar{display:none}
.sz-msg{flex:0 0 100%;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;margin:0;padding:4px 18px;text-align:center;font-size:13px;line-height:1.9}
.sz-msg .icon{width:26px;height:26px;color:var(--primary)}
.sz-msgbar-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}
.sz-msgbar-dots i{width:6px;height:6px;border-radius:6px;background:#00000026;transition:width .25s,background .25s}
.sz-msgbar-dots i.on{width:18px;background:var(--primary)}
@media(min-width:900px){
	.sz-msgbar-track{overflow:visible;justify-content:center}
	.sz-msg{flex:1 1 0;min-width:0;padding:6px 28px;font-size:14px}
	.sz-msgbar-dots{display:none}
}

/* =====================================================================================================
   Card style «luxe»: the product page's language (gold + night, deep soft shadow, glossy price) on every card.
   Pure CSS over the same markup, so the add-to-cart link, wishlist button and all plugin hooks are untouched.
   ===================================================================================================== */
body.card-style-luxe.studio-v7{--lx-gold:var(--pal-accent,var(--primary));--lx-night:var(--pal-night,#111);--lx-gold-hi:var(--pal-accent-hi,#ffb761);--lx-gold-lo:var(--pal-accent-lo,#bd6600);--lx-hair:#ebd2b3;--lx-soft:var(--pal-soft,#fff6ea);--lx-champ:var(--pal-gold,var(--lx-gold-hi));--lx-ink:var(--pal-ink,#111);--lx-on:var(--pal-on,#111)}
@supports (color:color-mix(in srgb,red,blue)){body.card-style-luxe.studio-v7{--lx-gold-hi:var(--pal-accent-hi,color-mix(in srgb,var(--lx-gold) 62%,#fff));--lx-gold-lo:var(--pal-accent-lo,color-mix(in srgb,var(--lx-gold) 74%,#000));--lx-hair:color-mix(in srgb,var(--lx-gold) 22%,var(--pal-line,var(--line,#e6e6e6)));--lx-soft:var(--pal-soft,color-mix(in srgb,var(--lx-gold) 8%,#fff))}}
body.card-style-luxe.studio-v7 .product-card{position:relative;background:#fff;border:1px solid var(--lx-hair);border-radius:22px;box-shadow:0 1px 0 #fff inset,0 14px 32px rgba(17,17,17,.07);overflow:hidden;
	transition:transform .35s cubic-bezier(.22,.8,.3,1),box-shadow .35s,border-color .25s}
body.card-style-luxe.studio-v7 .product-card .product-image{background:linear-gradient(160deg,var(--lx-soft),#fff 70%);border-radius:0}
body.card-style-luxe.studio-v7 .product-card .product-image::after{content:"";position:absolute;inset:auto 0 0 0;height:38%;pointer-events:none;background:linear-gradient(transparent,rgba(17,17,17,.06))}
body.card-style-luxe.studio-v7 .product-card .product-image>img{transition:transform .6s cubic-bezier(.22,.8,.3,1)}
body.card-style-luxe.studio-v7 .product-card .product-badge{background:var(--lx-night);color:var(--lx-champ);border:0;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:800;letter-spacing:.01em;box-shadow:0 6px 14px rgba(0,0,0,.22)}
body.card-style-luxe.studio-v7 .product-card .product-badge.badge-new{background:var(--lx-gold);color:var(--lx-on)}
body.card-style-luxe.studio-v7 .product-card .wish-btn{background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:0;box-shadow:0 4px 12px rgba(0,0,0,.14)}
body.card-style-luxe.studio-v7 .product-card .product-info{padding:14px 14px 16px;gap:5px}
body.card-style-luxe.studio-v7 .product-card .product-category{font-size:11.5px;font-weight:700;letter-spacing:.02em;color:var(--lx-gold-lo);margin:0}
body.card-style-luxe.studio-v7 .product-card .product-title{font-weight:700;line-height:1.7;color:var(--ink)}
body.card-style-luxe.studio-v7 .product-card .rating .stars{color:var(--pal-star,#f2b01e);letter-spacing:1px}
body.card-style-luxe.studio-v7 .product-card .price-row{padding-top:10px;border-top:1px dashed var(--lx-hair);margin-top:auto;align-items:center}
body.card-style-luxe.studio-v7 .product-card .price-box{font-weight:800;letter-spacing:-.01em;color:var(--ink)}
body.card-style-luxe.studio-v7 .product-card .price-box ins,body.card-style-luxe.studio-v7 .product-card .price-box>.amount{background:linear-gradient(135deg,var(--lx-ink) 20%,var(--lx-gold-lo) 120%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
body.card-style-luxe.studio-v7 .product-card .price-box del,body.card-style-luxe.studio-v7 .product-card .price-box del *{-webkit-text-fill-color:currentColor;color:#9a9a94}
body.card-style-luxe.studio-v7 .product-card .add-btn{position:relative;overflow:hidden;width:38px;height:38px;border:0;color:var(--lx-on);background:linear-gradient(135deg,var(--lx-gold-hi),var(--lx-gold) 55%,var(--lx-gold-lo));box-shadow:0 8px 18px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.55);transition:transform .2s cubic-bezier(.22,.8,.3,1),box-shadow .25s}
body.card-style-luxe.studio-v7 .product-card .add-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translateX(-130%)}
body.card-style-luxe.studio-v7 .product-card .add-btn:hover{color:var(--lx-on);background:linear-gradient(135deg,var(--lx-gold-hi),var(--lx-gold) 55%,var(--lx-gold-lo))}
body.card-style-luxe.studio-v7 .product-card .card-btn{border-radius:14px;background:linear-gradient(135deg,var(--lx-gold-hi),var(--lx-gold) 55%,var(--lx-gold-lo));color:#111;border:0;font-weight:800}
body.card-style-luxe.studio-v7 .product-card .card-saving{color:#0b7a4b;font-weight:700}
body.card-style-luxe.studio-v7 .product-card .card-low{color:#a8291a}
@media(hover:hover){
	body.card-style-luxe.studio-v7 .product-card:hover{transform:translateY(-5px);border-color:var(--lx-gold);box-shadow:0 1px 0 #fff inset,0 22px 44px rgba(17,17,17,.13),0 0 0 1px color-mix(in srgb,var(--lx-gold) 40%,transparent)}
	body.card-style-luxe.studio-v7 .product-card:hover .product-image>img{transform:scale(1.06)}
	body.card-style-luxe.studio-v7 .product-card .add-btn:hover::after{transform:translateX(130%);transition:transform .7s ease}
}
body.card-style-luxe.studio-v7 .product-card .add-btn:active{transform:scale(.9)}
body.card-style-luxe.studio-v7 .product-card .add-btn.added{background:var(--lx-night);color:var(--lx-champ)}
@media(max-width:699px){body.card-style-luxe.studio-v7 .product-card{border-radius:20px}body.card-style-luxe.studio-v7 .product-card .product-info{padding:12px 12px 14px}}
body.card-style-luxe.studio-v7 .product-card:focus-within{border-color:var(--lx-gold)}
@media(prefers-reduced-motion:reduce){body.card-style-luxe.studio-v7 .product-card,body.card-style-luxe.studio-v7 .product-card *{transition:none!important}body.card-style-luxe.studio-v7 .product-card:hover{transform:none}}

/* the app's 2-column home grid hid the wishlist heart (studio.css); the heart is an option here, so show it when the wishlist is on */
body.studio-v7.has-wishlist .product-card .product-actions>.wish-btn{display:inline-grid;min-width:34px;min-height:34px;width:34px;height:34px}
body.studio-v7.has-wishlist .product-card .product-actions>.wish-btn .icon{width:17px;height:17px}

/* luxe, compact: short image, tight padding, no category/description, cart button on the image corner, price alone in the bottom row */
body.card-style-luxe.studio-v7 .product-card .product-category,body.card-style-luxe.studio-v7 .product-card .card-desc{display:none!important}
body.card-style-luxe.studio-v7 .product-card .product-image{aspect-ratio:var(--card-ratio,1/1)!important;height:auto!important}
body.card-style-luxe.studio-v7 .product-card .product-info{min-height:0!important;padding:9px 10px 11px!important;gap:3px!important}
body.card-style-luxe.studio-v7 .product-card .product-title{min-height:0!important;font-size:13px;line-height:1.55;margin:0}
body.card-style-luxe.studio-v7 .product-card .card-rating-space{min-height:0;line-height:1}
body.card-style-luxe.studio-v7 .product-card .card-rating-space .rating{font-size:12px}
body.card-style-luxe.studio-v7 .product-card .price-row{border-top:0;padding-top:0;margin-top:4px!important}
body.card-style-luxe.studio-v7 .product-card .price-box{font-size:16px}
body.card-style-luxe.studio-v7 .product-card .add-btn{position:absolute;top:10px;inset-inline-start:10px;inset-inline-end:auto;margin:0;z-index:3;width:36px;height:36px}
body.card-style-luxe.studio-v7 .product-card .product-actions{inset:auto;top:10px;inset-inline-end:10px;inset-inline-start:auto;direction:inherit;pointer-events:none}
body.card-style-luxe.studio-v7 .product-card .product-actions>*{pointer-events:auto}
body.card-style-luxe.studio-v7 .product-card .product-badge{font-size:11.5px;padding:3px 9px}
@media(max-width:699px){body.card-style-luxe.studio-v7 .product-card .product-info{padding:8px 9px 10px!important}}

/* the discount: a round badge on the image corner opposite the cart button */
body.card-style-luxe.studio-v7 .product-card .product-badge{display:grid;place-items:center;width:40px;height:40px;padding:0!important;border-radius:50%!important;font-size:11px!important;font-weight:800;line-height:1;letter-spacing:0;direction:ltr;
	background:var(--lx-night);color:var(--lx-champ);box-shadow:0 6px 14px rgba(0,0,0,.25),inset 0 0 0 1.5px color-mix(in srgb,var(--lx-champ) 55%,transparent)}
body.card-style-luxe.studio-v7 .product-card .product-badge.badge-new{width:auto;min-width:40px;padding:0 10px!important;border-radius:99px!important}
