/* Shop archive (reference: build/prototype/css/shop.css). The Elementor template carries the structure; this file carries the looks. */
.safy-shop{--shop-gap:28px;font-family:Tajawal,sans-serif;color:var(--c-ink)}
.elementor-element.safy-shop{padding:0;gap:0}
/* hero */
.elementor-element.safy-page-hero{position:relative;overflow:hidden;min-height:200px;padding:0;background:linear-gradient(110deg,var(--c-white) 0%,var(--c-tint-purple) 55%,var(--c-tint-pink) 100%)}
.elementor-element.safy-page-hero__body{min-height:200px;padding:24px max(24px,calc((100% - 1200px)/2));text-align:center;position:relative}
.safy-crumbs,.safy-crumbs .woocommerce-breadcrumb{font-size:13px;color:var(--c-text-muted)}
.safy-crumbs a:hover{color:var(--c-primary)}
.safy-page-title .elementor-heading-title{margin:0;font-size:35px;font-weight:700;line-height:1.3;color:var(--c-ink)}
.safy-page-text,.safy-page-text p{margin:0;font-size:15px;color:var(--c-text-muted)}
/* body: sidebar 290 + main */
.elementor-element.safy-shop-body{display:grid;grid-template-columns:290px 1fr;gap:var(--shop-gap);align-items:start;padding:36px max(24px,calc((100% - 1200px)/2)) 56px}
.elementor-element.safy-shop-side{gap:0}
.elementor-element.safy-widget{padding:20px;margin-bottom:20px;background:var(--c-white);border:1px solid var(--c-line);border-radius:14px;box-shadow:var(--shadow-card)}
.safy-widget-title .elementor-heading-title{margin:0 0 14px;font-size:18px;font-weight:700;color:var(--c-ink)}
.safy-search .elementor-search-form__container{min-height:46px;border:1px solid var(--c-line);border-radius:8px;overflow:hidden;background:var(--c-white);box-shadow:none}
.safy-search .elementor-search-form__input{padding:0 14px;font-size:14px;color:var(--c-ink)}
.safy-search .elementor-search-form__submit{width:50px;min-width:50px;background:var(--grad-brand);color:var(--c-white)}
.safy-search .elementor-search-form__container:focus-within{border-color:var(--c-primary)}
/* categories (WooCommerce widget): rows with the count at the end */
.safy-catlist ul{margin:0;padding:0;list-style:none;max-height:362px;overflow-y:auto}
.safy-catlist li{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:0}
.safy-catlist li a{flex:1;padding:9px 12px;font-size:15px;color:var(--c-ink)}
.safy-catlist li .count{order:2;padding-inline-end:12px;font-size:13px;font-weight:500;color:var(--c-primary)}
.safy-catlist li:hover{background:var(--c-tint-pink)}
.safy-catlist li.current-cat{background:linear-gradient(to right,var(--c-tint-pink),var(--c-tint-purple))}
.safy-catlist li.current-cat a,.safy-catlist li.current-cat .count{font-weight:700;color:var(--c-primary)}
.safy-widget-more .elementor-button{padding:0;min-height:0;background:none;border:0;color:var(--c-primary);font-size:14px;font-weight:400}
.elementor-element.safy-widget .safy-widget-more{margin-top:10px}
/* mini cart + suggested */
.safy-widget--cart .widget_shopping_cart_content{font-size:14px;color:var(--c-text-muted)}
.safy-minilist ul{margin:0;padding:0;list-style:none}
.safy-minilist li{display:grid;grid-template-columns:64px 1fr;column-gap:12px;align-items:center;padding:0;margin:0 0 12px}
.safy-minilist li a{display:contents;font-size:14px;font-weight:700;line-height:1.5;color:var(--c-ink)}
.safy-minilist img{grid-row:1/3;width:64px;height:64px;float:none;margin:0;border-radius:10px;object-fit:cover}
.safy-minilist .amount{font-size:14px;font-weight:700;color:var(--c-primary)}
/* toolbar: result count + ordering share ONE card (a pseudo-element draws it behind the first row; the grid and pager sit below) */
.safy-products .woocommerce{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:16px;margin:0;padding:0}
.safy-products .woocommerce::before{content:"";position:absolute;inset:0 0 auto 0;height:64px;background:var(--c-white);border:1px solid var(--c-line);border-radius:14px;box-shadow:var(--shadow-card)}
.safy-products .woocommerce-notices-wrapper{display:none}
.safy-products .woocommerce-result-count{position:relative;grid-row:1;grid-column:1;margin:0;padding-inline-start:14px;font-size:14px;color:var(--c-text-muted)}
.safy-products .woocommerce-ordering{position:relative;grid-row:1;grid-column:2;margin:0;padding-inline-end:14px}
.safy-products .woocommerce-ordering select{min-height:42px;padding:0 16px;border:1px solid var(--c-line);border-radius:8px;background-color:var(--c-white);font:inherit;font-size:14px;color:var(--c-ink)}
.safy-products ul.products,.safy-products .woocommerce-pagination{grid-column:1/-1}
.safy-products ul.products{margin-top:20px}
/* product grid */
:is(.safy-products, .safy-hm-best) ul.products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;padding:0;list-style:none}
:is(.safy-products, .safy-hm-best) ul.products::before,:is(.safy-products, .safy-hm-best) ul.products::after{display:none}
.elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product{position:relative;display:flex;flex-direction:column;float:none;width:auto;margin:0;padding:10px 10px 14px;background:var(--c-white);border:1px solid var(--c-line);border-radius:14px;box-shadow:var(--shadow-card);text-align:center}
.elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product .woocommerce-LoopProduct-link{display:flex;flex-direction:column;flex:1}
.elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;margin:0;border-radius:10px;background:var(--c-bg-soft);transition:transform .3s}
.elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product:hover img{transform:scale(1.04)}
.elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product .woocommerce-loop-product__title{display:flex;align-items:center;justify-content:center;min-height:52px;margin:12px 0 0;padding:0;font-size:16px;font-weight:700;line-height:1.6;color:var(--c-ink)}
.elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product .price{display:block;margin:2px 0 12px;font-size:16px;font-weight:700;color:var(--c-primary)}
.elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product .price .safy-price-from{font-size:13px;font-weight:500}
.elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product .button{display:flex;align-items:center;justify-content:center;width:100%;min-height:40px;margin:auto 0 0;padding:0 12px;border:0;border-radius:8px;background:var(--grad-brand);background-origin:border-box;color:var(--c-white);font-size:14px;font-weight:700}
.elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product .button:hover{filter:brightness(.93);color:var(--c-white)}
.elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product.outofstock img{filter:grayscale(.6);opacity:.8}
.elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product.outofstock .button{background:var(--c-bg-soft-2);color:var(--c-text-muted);pointer-events:none}
.safy-tag{position:absolute;top:18px;inset-inline-start:18px;z-index:1;padding:3px 12px;border-radius:999px;background:var(--grad-brand);color:var(--c-white);font-size:12px;font-weight:700}
.safy-tag--dark{background:var(--c-ink)}
.safy-products .onsale{display:none}
/* pagination (specific enough to beat WooCommerce's own "nav.woocommerce-pagination ul" rules) */
.safy-products nav.woocommerce-pagination{margin-top:32px;text-align:center}
.safy-products nav.woocommerce-pagination ul.page-numbers{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0;padding:0;border:0;white-space:normal}
.safy-products nav.woocommerce-pagination ul.page-numbers li{display:block;float:none;margin:0;padding:0;border:0;overflow:visible}
.safy-products nav.woocommerce-pagination ul.page-numbers li .page-numbers{display:grid;place-items:center;float:none;min-width:42px;height:42px;margin:0;padding:0 8px;border:1px solid var(--c-line);border-radius:8px;background:var(--c-white);font-size:16px;font-weight:500;line-height:1;color:var(--c-ink)}
.safy-products nav.woocommerce-pagination ul.page-numbers li a.page-numbers:hover{border-color:var(--c-primary);background:var(--c-white);color:var(--c-primary)}
.safy-products nav.woocommerce-pagination ul.page-numbers li .page-numbers.current{background:var(--grad-brand);background-origin:border-box;border-color:transparent;color:var(--c-white)}
.safy-products nav.woocommerce-pagination ul.page-numbers li .page-numbers.dots{border-color:transparent;background:none;color:var(--c-text-muted)}
@media(max-width:1024px){
.elementor-element.safy-shop-body{grid-template-columns:1fr}
.elementor-element.safy-shop-side{order:2;display:block;column-count:2;column-gap:20px}
.elementor-element.safy-shop-side .safy-widget{break-inside:avoid;margin-bottom:20px}
.safy-products ul.products{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){
.safy-page-title .elementor-heading-title{font-size:25px}
.elementor-element.safy-shop-body{padding-inline:16px}
.elementor-element.safy-shop-side{column-count:1}
.safy-products ul.products{gap:12px}
.safy-products .woocommerce{grid-template-columns:1fr;row-gap:0}.safy-products .woocommerce::before{height:110px}.safy-products .woocommerce-result-count{grid-row:1;padding:12px 14px 0}.safy-products .woocommerce-ordering{grid-row:2;grid-column:1;padding:8px 14px 12px}.safy-products ul.products{margin-top:20px}}
.safy-widget--cart .safy-cart-shop{display:none}
.safy-widget--cart .safy-cart-empty-wrap{padding:20px 10px}
.safy-widget--cart .woocommerce-mini-cart__empty-message::before{width:44px;height:44px}
.elementor .safy-minilist .woocommerce ul.product_list_widget li img{width:64px;height:64px;max-width:none}
.elementor .safy-minilist .woocommerce ul.product_list_widget li{padding:0;border:0}
.elementor .safy-minilist .woocommerce ul.product_list_widget li>a{display:contents}
.safy-widget--cart .safy-cart-empty-wrap{min-height:117px;justify-content:center}
.elementor .safy-minilist .woocommerce ul.product_list_widget li img{width:64px!important;height:64px!important}


/* ===== hero art (the approved prototype's plate photo placeholder + botanical line art; decorative backgrounds) ===== */
.elementor-element.safy-page-hero::before{content:"";position:absolute;inset-block:0;inset-inline-end:0;width:42%;background:url("../img/safy-kitchen-page-hero-plate.webp") no-repeat left center/cover;-webkit-mask-image:linear-gradient(to right,#000 55%,transparent 100%);mask-image:linear-gradient(to right,#000 55%,transparent 100%);pointer-events:none}
.elementor-element.safy-page-hero::after{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:40%;background:url("../img/safy-kitchen-hero-botanical.svg") no-repeat center/contain;pointer-events:none}
.elementor-element.safy-page-hero__body{position:relative;z-index:1}
/* the plate stays beside the centred breadcrumb + title, never under them */
@media(max-width:900px){.elementor-element.safy-page-hero::before{width:30%}}
@media(max-width:767px){.elementor-element.safy-page-hero::before{width:24%}.elementor-element.safy-page-hero__body{padding-inline-end:24%}.safy-crumbs .woocommerce-breadcrumb{flex-wrap:wrap}}
/* breadcrumb: chevron separator, current page in the brand colour */
.safy-crumbs .woocommerce-breadcrumb{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--c-primary);font-weight:500}
.safy-crumbs .woocommerce-breadcrumb a{color:var(--c-text-muted);font-weight:400}
.safy-crumb-sep{display:inline-block;width:12px;height:12px;background:var(--c-text-muted);-webkit-mask:var(--ico-chevl) center/contain no-repeat;mask:var(--ico-chevl) center/contain no-repeat}
/* sidebar card titles carry their line icon */
.safy-widget-title .elementor-heading-title{display:flex;align-items:center;gap:8px}
.safy-widget-title .elementor-heading-title::before{content:"";flex:none;width:20px;height:20px;background:var(--c-primary);-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.safy-wt-utensils{--ico:var(--ico-utensils)}.safy-wt-cart{--ico:var(--ico-cart)}.safy-wt-star{--ico:var(--ico-star)}
/* categories: "all" row, counts without brackets */
.safy-catlist li .count{font-weight:500}
.safy-catlist li.cat-item-all .count{font-weight:700}
/* suggested products: name above price, price one piece */
.elementor .safy-minilist .woocommerce ul.product_list_widget li{grid-template-rows:auto auto;align-content:center}
.safy-minilist .safy-price-wrap{display:block;font-size:14px;font-weight:700;color:var(--c-primary)}
.safy-minilist .safy-price-wrap .safy-price-from{font-size:13px;font-weight:500}
/* suggested products: picture at the start, name above the price (explicit grid cells) */
.elementor .safy-minilist .woocommerce ul.product_list_widget li{display:grid;grid-template-columns:64px 1fr;column-gap:12px;row-gap:2px;align-items:center;min-height:64px;margin:0 0 12px}
.elementor .safy-minilist .woocommerce ul.product_list_widget li>a{display:contents}
.elementor .safy-minilist .woocommerce ul.product_list_widget li img{grid-column:1;grid-row:1/span 2}
.elementor .safy-minilist .woocommerce ul.product_list_widget li .product-title{grid-column:2;grid-row:1;align-self:end;font-size:14px;font-weight:700;line-height:1.5;color:var(--c-ink)}
.elementor .safy-minilist .woocommerce ul.product_list_widget li>.safy-price-wrap,.elementor .safy-minilist .woocommerce ul.product_list_widget li>.woocommerce-Price-amount{grid-column:2;grid-row:2;align-self:start}
.elementor .safy-minilist .woocommerce ul.product_list_widget li:last-child{margin-bottom:0}
.elementor .safy-minilist .woocommerce ul.product_list_widget li .product-title{display:block;width:100%}
.safy-products .woocommerce-ordering select{width:193px}
.safy-widget--cart .safy-cart-empty-wrap{min-height:126px}

/* ===== cards as the prototype: [quantity | add] row, cart icon + word centred ===== */
.elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product .safy-buy{display:flex;flex-direction:row-reverse;align-items:stretch;gap:8px;width:100%;margin-top:auto}
.elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product .safy-buy .button{flex:1;min-width:0;margin:0}
.safy-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center}
.safy-btn::before{content:"";flex:none;width:18px;height:18px;background:currentColor;-webkit-mask:var(--ico-cart) center/contain no-repeat;mask:var(--ico-cart) center/contain no-repeat}
.safy-btn--off{background:var(--c-bg-soft-2)!important;color:var(--c-text-muted)!important;cursor:not-allowed}
.safy-btn--off::before{display:none}
.safy-btn.loading{opacity:.75;pointer-events:none}
.safy-btn.loading::before{-webkit-mask:none;mask:none;width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;background:none;animation:safy-spin .7s linear infinite}
.safy-btn.loading::after,.safy-products li.product a.added_to_cart{display:none}
@keyframes safy-spin{to{transform:rotate(360deg)}}
@media(max-width:1200px) and (min-width:1025px){.elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product .safy-buy{flex-wrap:wrap}.safy-qty{width:100%}.safy-qty input{flex:1}}
/* ===== toolbar: grid / list switch ===== */
.safy-products .safy-view{position:relative;grid-row:1;grid-column:3;display:inline-flex;margin-inline-end:14px;border:1px solid var(--c-line);border-radius:8px;overflow:hidden}
.safy-products .woocommerce{grid-template-columns:1fr auto auto}
.safy-view__btn{display:grid;place-items:center;width:42px;height:40px;padding:0;border:0;border-radius:0;background:var(--c-white);color:var(--c-text-muted);cursor:pointer}
.safy-view__btn::before{content:"";width:20px;height:20px;background:currentColor;-webkit-mask:var(--ico-grid) center/contain no-repeat;mask:var(--ico-grid) center/contain no-repeat}
.safy-view__btn[data-view="list"]::before{-webkit-mask-image:var(--ico-list);mask-image:var(--ico-list)}
.safy-view__btn.is-active{background:var(--grad-brand);background-origin:border-box;color:var(--c-white)}
.safy-products .woocommerce-ordering{padding-inline-end:12px}
/* list view (prototype .is-list): picture at the start, name / price / buy row stacked beside it */
.elementor .elementor-element.safy-products ul.products:is(.is-list,html.safy-list ul.products){grid-template-columns:1fr}
.elementor .elementor-element.safy-products ul.products:is(.is-list,html.safy-list ul.products) li.product{display:grid;grid-template-columns:200px 1fr;grid-template-rows:auto auto 1fr auto;column-gap:16px;align-items:start;padding:10px;text-align:start}
.elementor .elementor-element.safy-products ul.products:is(.is-list,html.safy-list ul.products) li.product .woocommerce-LoopProduct-link{display:contents}
.elementor .elementor-element.safy-products ul.products:is(.is-list,html.safy-list ul.products) li.product img{grid-column:1;grid-row:1/span 4;width:200px;height:auto}
.elementor .elementor-element.safy-products ul.products:is(.is-list,html.safy-list ul.products) li.product .woocommerce-loop-product__title{grid-column:2;grid-row:1;justify-content:flex-start;min-height:0;margin:4px 0 0;text-align:start}
.elementor .elementor-element.safy-products ul.products:is(.is-list,html.safy-list ul.products) li.product .price{grid-column:2;grid-row:2;margin:2px 0 0;text-align:start}
.elementor .elementor-element.safy-products ul.products:is(.is-list,html.safy-list ul.products) li.product .safy-buy{grid-column:2;grid-row:4;width:auto;justify-self:start;align-self:end;margin-top:8px}
.elementor .elementor-element.safy-products ul.products:is(.is-list,html.safy-list ul.products) li.product .safy-buy .button{flex:0 0 auto;min-width:150px}
@media(max-width:767px){.elementor .elementor-element.safy-products ul.products:is(.is-list,html.safy-list ul.products) li.product{grid-template-columns:1fr;grid-template-rows:auto}.elementor .elementor-element.safy-products ul.products:is(.is-list,html.safy-list ul.products) li.product img{grid-row:auto;width:100%}.elementor .elementor-element.safy-products ul.products:is(.is-list,html.safy-list ul.products) li.product .woocommerce-loop-product__title,.elementor .elementor-element.safy-products ul.products:is(.is-list,html.safy-list ul.products) li.product .price,.elementor .elementor-element.safy-products ul.products:is(.is-list,html.safy-list ul.products) li.product .safy-buy{grid-column:1;grid-row:auto}.elementor .elementor-element.safy-products ul.products:is(.is-list,html.safy-list ul.products) li.product .safy-buy{justify-self:stretch}}
/* ===== quick-view popup ===== */
.safy-qv-lock{overflow:hidden}
.safy-qv-overlay{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(31,21,48,.5);font-family:Tajawal,sans-serif}
.safy-qv{position:relative;width:min(860px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:24px;background:var(--c-white);border-radius:14px;box-shadow:var(--shadow-pop);color:var(--c-ink)}
.safy-qv__close{position:absolute;top:20px;inset-inline-end:20px;z-index:2;width:36px;height:36px;padding:0;border:1px solid var(--c-line);border-radius:8px;background:var(--c-white);color:var(--c-ink);cursor:pointer;transition:border-color .2s,color .2s}
.safy-qv__close::before,.safy-qv__close::after{content:"";position:absolute;top:50%;left:50%;width:16px;height:2px;margin:-1px 0 0 -8px;border-radius:2px;background:currentColor}
.safy-qv__close::before{transform:rotate(45deg)}.safy-qv__close::after{transform:rotate(-45deg)}
.safy-qv__close:hover{border-color:var(--c-primary);color:var(--c-primary)}
.safy-qv__content{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.safy-qv__loading{grid-column:1/-1;margin:0;padding:48px 0;text-align:center;color:var(--c-text-muted)}
.safy-qv__media img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:14px;background:var(--c-bg-soft)}
.safy-qv__info{display:flex;flex-direction:column;gap:12px;padding-top:44px}
.safy-qv__title{margin:0;font-size:22px;font-weight:700;line-height:1.4}
.safy-qv__price,.safy-qv .woocommerce-variation-price .price{font-size:20px;font-weight:700;color:var(--c-primary)}
.safy-qv__desc{font-size:14px;color:var(--c-text-muted)}.safy-qv__desc p{margin:0}
.safy-qv form.cart{display:flex;flex-direction:column;gap:12px;margin:0}
.safy-qv table.variations{width:100%;margin:0;border:0}.safy-qv table.variations td,.safy-qv table.variations th{display:block;padding:0;border:0;text-align:start}
.safy-qv table.variations label{display:block;margin-bottom:6px;font-size:14px;font-weight:700}
.safy-qv table.variations select{width:100%;min-height:46px;padding:0 14px;border:1px solid var(--c-line);border-radius:8px;background-color:var(--c-white);font:inherit;font-size:15px;color:var(--c-ink)}
.safy-qv .reset_variations{display:inline-block;margin-top:6px;font-size:13px;color:var(--c-primary)}
.safy-qv .woocommerce-variation-add-to-cart,.safy-qv form.cart:not(.variations_form){display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}
.safy-qv .quantity{display:inline-flex}
.safy-qv .quantity input.qty{width:70px;min-height:46px;border:1px solid var(--c-line);border-radius:8px;text-align:center;font:inherit;font-size:16px;font-weight:700}
.safy-qv .single_add_to_cart_button{flex:1;min-height:46px;padding:0 18px;border:0;border-radius:8px;background:var(--grad-brand);background-origin:border-box;color:var(--c-white);font-size:16px;font-weight:700;cursor:pointer}
.safy-qv .single_add_to_cart_button.disabled{opacity:.5;cursor:not-allowed}
.safy-qv .single_add_to_cart_button.loading{opacity:.7}
.safy-qv__msg{padding:10px 14px;border-radius:8px;background:var(--c-tint-pink);color:var(--c-primary);font-size:14px}
@media(max-width:767px){.safy-qv{padding:16px}.safy-qv__content{grid-template-columns:1fr}.safy-qv__info{padding-top:0}.safy-qv__media{padding-top:44px}}

/* owner CSS (2026-11-06): category rows get a rounded white-bordered box */
.safy-catlist li{border-radius:8px;border:1px solid var(--c-white)}
.safy-catlist li.current-cat{border-color:transparent}
/* slim scrollbar for the category list (no arrows, no thick bar) */
.safy-catlist ul::-webkit-scrollbar{width:6px}
.safy-catlist ul::-webkit-scrollbar-track{background:transparent}
.safy-catlist ul::-webkit-scrollbar-thumb{background:var(--c-line);border-radius:6px}
.safy-catlist ul::-webkit-scrollbar-thumb:hover{background:var(--c-primary)}
.safy-catlist ul::-webkit-scrollbar-button{display:none;width:0;height:0}

/* toolbar row is 64px so the card behind it (and the gap before the list) is exact */
.safy-products .woocommerce{grid-template-rows:64px auto auto}
.safy-products .woocommerce-result-count,.safy-products .woocommerce-ordering,.safy-products .safy-view{align-self:center}
/* products without a photo: the logo, big, no background */
.elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product img[src*="product-placeholder"],.safy-qv__media img[src*="product-placeholder"],.elementor-menu-cart__product-image img[src*="product-placeholder"]{background:transparent;object-fit:contain}
.elementor .elementor-element.safy-products .woocommerce>ul.products{margin:20px 0 0!important;row-gap:20px;column-gap:20px}
.elementor .elementor-element.safy-products .woocommerce>ul.products li.product{margin:0!important}

/* hover colours of the toolbar switch and the card links: brand only */
.safy-view__btn:hover{background:var(--c-tint-pink);color:var(--c-primary)}
.safy-view__btn.is-active:hover{background:var(--grad-brand);background-origin:border-box;color:var(--c-white)}
.safy-products a:hover,.safy-mainbar a:hover{color:inherit}
/* thin chevron for the selects (the owner's reference: light, not bold); native arrow removed */
.safy-products .woocommerce-ordering select,.safy-qv select{-webkit-appearance:none;appearance:none;padding-inline-end:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236E6479' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 14px center;background-size:16px}

/* quick view title (desktop): 18px, ONE line, on the same row as the close button */
@media(min-width:768px){.safy-qv__info{padding-top:0}.safy-qv .safy-qv__title{font-size:18px;line-height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline-end:48px}}
/* ===== phone (<768): clean toolbar, tighter cards, smaller names ===== */
@media(max-width:767px){
.safy-products .woocommerce{grid-template-columns:1fr auto;grid-template-rows:auto auto auto;padding-top:12px}
.safy-products .woocommerce::before{height:116px}
.safy-products .woocommerce-result-count{grid-row:1;grid-column:1;padding:0 16px;font-size:13px}
.safy-products .safy-view{grid-row:1;grid-column:2;justify-self:end;margin-inline-end:16px}
.safy-products .woocommerce-ordering{grid-row:2;grid-column:1/-1;padding:8px 16px 0}
.safy-products .woocommerce-ordering select{width:100%}
.elementor .elementor-element.safy-products .woocommerce>ul.products{margin:24px 0 0!important;row-gap:8px;column-gap:8px}
.elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product .woocommerce-loop-product__title{min-height:36px;margin-top:8px;font-size:14px;line-height:1.3}
}
/* phone, list view: room between the picture and the name */
@media(max-width:767px){.elementor .elementor-element.safy-products ul.products:is(.is-list,html.safy-list ul.products) li.product .woocommerce-loop-product__title{margin-top:20px!important}}
/* quick view on the phone: the name first, on the close button's row; the picture on its own row below it */
@media(max-width:767px){
.safy-qv__info{display:contents}
.safy-qv__content{gap:12px}
.safy-qv .safy-qv__title{order:0;font-size:17px;line-height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline-end:48px}
.safy-qv__media{order:1;padding-top:0}
.safy-qv__info>*:not(.safy-qv__title){order:2}
.safy-qv .safy-qv__close{top:16px;inset-inline-end:16px}
}
/* phone: a long name breaks into at most TWO lines; the close button stays centred on the name block (top set by shop.js) */
@media(max-width:767px){
.safy-qv .safy-qv__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;line-height:1.3;padding-block:7px;padding-inline-end:48px}
}

/* the saved view is known before the page paints (html.safy-list is set in <head>): no grid flash on reload */
html.safy-list .safy-view__btn[data-view="list"]{background:var(--grad-brand);background-origin:border-box;color:var(--c-white)}
html.safy-list .safy-view__btn[data-view="grid"]{background:var(--c-white);color:var(--c-text-muted)}

/* ===== phone: the sidebar (search, categories, cart, suggestions) is a drawer like the menu and the cart, opened from the toolbar ===== */
.safy-side-open,.safy-side__head,.safy-side-overlay{display:none}
@media(max-width:767px){
.safy-products .safy-side-open{position:relative;grid-row:2;grid-column:2;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;margin:8px 0 0;margin-inline-end:16px;padding:0 14px;border:1px solid var(--c-line);border-radius:8px;background:var(--c-white);color:var(--c-ink);font:500 14px Tajawal,sans-serif;white-space:nowrap}
.safy-side-open::before{content:"";width:18px;height:18px;background:var(--c-primary);-webkit-mask:var(--ico-utensils) center/contain no-repeat;mask:var(--ico-utensils) center/contain no-repeat}
.safy-products .woocommerce-ordering{grid-column:1}
.elementor-element.safy-shop-side{position:fixed;top:var(--wp-admin--admin-bar--height,0px);bottom:0;left:0;right:auto;z-index:100001;display:flex;flex-direction:column;gap:12px;width:min(92vw,380px);margin:0;padding:16px;overflow-y:auto;background:var(--c-white);box-shadow:var(--shadow-pop);transform:translateX(-100%);visibility:hidden;transition:transform .3s,visibility .3s}
.elementor-element.safy-shop-side.is-open{transform:none;visibility:visible}
.safy-side__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--c-line);font-size:18px;color:var(--c-ink)}
.safy-side__close{position:relative;flex:none;width:36px;height:36px;padding:0;border:1px solid var(--c-line);border-radius:8px;background:var(--c-white);color:var(--c-ink);cursor:pointer}
.safy-side__close::before,.safy-side__close::after{content:"";position:absolute;top:50%;left:50%;width:16px;height:2px;margin:-1px 0 0 -8px;border-radius:2px;background:currentColor}
.safy-side__close::before{transform:rotate(45deg)}.safy-side__close::after{transform:rotate(-45deg)}
.safy-side__close:hover,.safy-side__close:focus-visible{background:var(--c-white);border-color:var(--c-primary);color:var(--c-primary)}
.safy-side-overlay{position:fixed;inset:0;z-index:100000;background:rgba(31,21,48,.5)}
body.safy-side-lock .safy-side-overlay{display:block}
.safy-side__head{display:flex}
}
/* the drawer's cards stack one under the other at full width and never shrink or scroll sideways */
@media(max-width:767px){
.elementor-element.safy-shop-side{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;overflow-x:hidden}
.elementor-element.safy-shop-side>*{flex:none!important;width:100%!important;max-width:100%;min-width:0;box-sizing:border-box}
}
/* phone grid: columns can shrink below their content, the buy row (stepper + add) wraps inside the card */
@media(max-width:767px){
.safy-products ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}
.safy-products ul.products.is-list,.safy-products ul.products:is(.is-list,html.safy-list ul.products){grid-template-columns:minmax(0,1fr)}
.elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product .safy-buy{flex-wrap:wrap;min-width:0}
.elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product .safy-buy .safy-qty{width:100%}
.elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product .safy-buy .safy-qty input{flex:1}
.elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product .safy-buy .button,.elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product .safy-buy .safy-add{flex:1 1 100%;min-width:0}
}
@media(max-width:767px){.elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product .safy-buy .safy-add,.elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product .safy-buy .button{padding-inline:8px;gap:6px;white-space:nowrap;font-size:14px}}

/* the product-image magnifier must stay under the side-cart drawer and the menu popup */
.woocommerce-product-gallery__trigger{z-index:1!important}

/* product-card quantity stepper: taller (38px), same on the shop and the related products */
.safy-buy .safy-qty{min-height:38px}
.safy-buy .safy-qty button{height:auto;min-height:38px}
.safy-buy .safy-qty input{min-height:38px;height:auto}

/* search results: a compact centred header (no side pictures), the crumb that repeats the searched word is hidden */
body.search .elementor-element.safy-page-hero{min-height:150px}
body.search .elementor-element.safy-page-hero::before,body.search .elementor-element.safy-page-hero::after{display:none}
body.search .elementor-element.safy-page-hero__body{min-height:150px;align-items:center;justify-content:center}
body.search .safy-page-hero .woocommerce-breadcrumb{text-align:center}
body.search .safy-page-title .elementor-heading-title{font-size:30px}
@media(max-width:767px){body.search .safy-page-title .elementor-heading-title{font-size:22px}}

/* nothing found: the same soft card as the empty cart (icon, sentence, button back to the whole menu) */
.elementor-nothing-found.elementor-products-nothing-found{display:flex;flex-direction:column;align-items:center;gap:16px;width:min(100%,460px);margin:32px auto;padding:28px 16px;border-radius:var(--radius-m);background:linear-gradient(135deg,var(--c-tint-purple),var(--c-tint-pink));text-align:center;font-size:16px;font-weight:700;line-height:1.8;color:var(--c-ink)}
.elementor-nothing-found.elementor-products-nothing-found::before{content:"";display:block;width:48px;height:48px;background:var(--c-purple);opacity:.6;-webkit-mask:var(--ico-cart-empty) center/contain no-repeat;mask:var(--ico-cart-empty) center/contain no-repeat}
.elementor-nothing-found .safy-nothing-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;border-radius:var(--radius-s);background:var(--grad-brand);background-origin:border-box;color:var(--c-white);font-size:16px;font-weight:700;text-decoration:none}
.elementor-nothing-found .safy-nothing-link:hover,.elementor-nothing-found .safy-nothing-link:focus-visible{background:var(--grad-brand);color:var(--c-white);filter:brightness(.93)}