/* active shop theme: standard */ /* ========================= * Shop Theme Overrides * ========================= */ /* Unified shop card system: main cards + simple/mini cards share these tokens. */ :root{ --shop-style-primary:#c0392b; --shop-style-primary-hover:#d03e2f; --shop-style-primary-soft:color-mix(in srgb,var(--shop-style-primary) 9%, transparent); --shop-style-primary-border:color-mix(in srgb,var(--shop-style-primary) 28%, #e5e7eb); --shop-style-primary-shadow:color-mix(in srgb,var(--shop-style-primary) 18%, transparent); --shop-style-accent:#4a2238; --shop-style-accent-soft:color-mix(in srgb,var(--shop-style-accent) 10%, transparent); --shop-style-title:var(--md-site-content-title,color-mix(in srgb,var(--shop-style-accent) 78%, #111827)); --shop-style-price:var(--md-site-price-now,var(--shop-style-accent)); --shop-style-button:var(--md-site-action-primary-bg,#28a745); --shop-style-button-text:var(--md-site-action-primary-text,#ffffff); --md-shop-card-bg:var(--md-site-card-bg,#ffffff); --md-shop-card-border-color:var(--md-site-card-border,var(--shop-style-primary-border)); --md-shop-card-border-width:1px; --md-shop-card-radius:8px; --md-shop-card-shadow:var(--md-site-card-shadow,0 10px 24px rgba(15,23,42,.055)); --md-shop-card-shadow-hover:var(--md-site-card-shadow-hover,0 28px 58px rgba(15,23,42,.16)); --md-shop-card-title-color:var(--md-site-card-title,var(--shop-style-title)); --md-shop-card-text-color:var(--md-site-content-text,#263445); --md-shop-card-brief-color:var(--md-site-content-brief,#64748b); --md-shop-card-title-align:right; --md-shop-card-title-size:15px; --md-shop-card-brief-size:12px; --md-shop-card-padding:12px; --md-shop-card-image-radius:calc(max(0px,var(--md-shop-card-radius) - 4px)); --md-shop-card-hover-transform:translateY(-8px) scale(1.025); --md-shop-buy-btn-bg:var(--shop-style-button); --md-shop-buy-btn-text:var(--shop-style-button-text); --md-shop-price-color:var(--shop-style-price); --md-shop-simple-card-min-width:230px; --md-shop-simple-card-gap:14px 18px; --md-shop-simple-card-min-height:132px; --md-shop-simple-card-padding:14px; } .shop-cat-nav{ display:flex !important; flex-wrap:wrap !important; gap:9px 10px !important; align-items:center !important; justify-content:flex-start !important; margin:14px 0 18px !important; padding:0 !important; box-sizing:border-box !important; } .shop-cat-link-item{ display:inline-flex !important; align-items:center !important; gap:4px !important; margin:0 !important; vertical-align:top !important; } .shop-cat-nav .shop-cat-link{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:36px !important; padding:8px 13px !important; border:1px solid var(--shop-style-primary-border) !important; border-radius:calc(var(--md-shop-card-radius,8px) * .75) !important; background:var(--md-shop-card-bg,#fff) !important; color:var(--shop-style-accent) !important; font-size:13px !important; font-weight:900 !important; line-height:1.25 !important; text-decoration:none !important; box-shadow:0 6px 16px rgba(15,23,42,.035) !important; transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease !important; } .shop-cat-nav .shop-cat-link:hover, .shop-cat-nav .shop-cat-link:focus{ background:var(--shop-style-primary-soft) !important; border-color:color-mix(in srgb,var(--shop-style-primary) 42%, #e5e7eb) !important; color:var(--shop-style-title) !important; transform:translateY(-1px) !important; box-shadow:0 10px 22px var(--shop-style-primary-shadow) !important; } .shop-cat-nav .shop-cat-link.active{ background:var(--shop-style-primary) !important; border-color:var(--shop-style-primary) !important; color:var(--shop-style-button-text,#fff) !important; -webkit-text-fill-color:var(--shop-style-button-text,#fff) !important; box-shadow:0 10px 22px var(--shop-style-primary-shadow) !important; } .md-shop-cat-page > h1, .md-shop-cat-page .shop-cat-heading-title, .md-shop-cat-page h1{ color:var(--shop-style-title) !important; } .moyes-shop-card{ border-color:var(--md-shop-card-border-color) !important; border-radius:var(--md-shop-card-radius) !important; background:var(--md-shop-card-bg) !important; box-shadow:var(--md-shop-card-shadow) !important; } /* Thumbnail image options (home/category cards) */ .moyes-shop-card .image-wrapper img{ height: 200px !important; object-fit: cover !important; } /* Overlay (price bar) */ .moyes-shop-pricebar{ background: rgba(0,0,0,.55) !important; color: #fff !important; height: 40px !important; line-height: 40px !important; } .moyes-shop-pricebar .moyes-shop-pricebar-center, .moyes-shop-pricebar .shop-price-now{ color: #fff !important; font-size: 18px !important; font-weight: 700 !important; letter-spacing: 0 !important; text-shadow: none !important; } .moyes-shop-pricebar .shop-price-old{ color: rgba(255,255,255,.78) !important; font-size: 14px !important; font-weight: 500 !important; text-decoration: line-through !important; opacity: 1 !important; } /* Zoom effect: hide the old + zoom button because it looks like add-to-cart. */ .shop-zoomable img{ transition: transform .35s ease !important; } .shop-zoomable:hover img{ transform: scale(1.08) !important; } .shop-zoom-btn{ display:none !important; } /* Short product/offer summary inside shop cards */ .moyes-shop-card .shop-card-brief{ margin: 4px 10px 8px !important; color: var(--md-site-content-muted, #64748b) !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.45 !important; text-align: center !important; min-height: 1.45em !important; max-height: 2.9em !important; overflow: hidden !important; } .moyes-shop-card .title + .shop-card-brief{ margin-top: -2px !important; } /* Color boxes (cards) */ .shop-card-colors .shop-color-chip{ background: #ffffff !important; border: 1px solid #b5b5b5 !important; } /* If color chip is text */ .shop-card-colors .shop-color-text{ background: #ffffff !important; color: #222222 !important; } /* Size boxes (cards) */ .shop-card-sizes .shop-size-chip{ background: #ffffff !important; border: 1px solid #b5b5b5 !important; color: #222222 !important; } /* Show page color/size chips */ .shop-product-wrap .shop-chip{ background: #ffffff !important; border-color: #b5b5b5 !important; color: #c0392b !important; } .shop-product-wrap .shop-chip.active{ background: #c0392b !important; border-color: #c0392b !important; color: #fff !important; } /* Add to cart button */ .shop-addtocart{ background: #28a745 !important; border-color: #28a745 !important; color: #ffffff !important; font-size: 18px !important; } /* View cart button */ .shop-go-cart{ background: #0d6efd !important; border-color: #0d6efd !important; color: #ffffff !important; } /* Cart link (top of product) */ .shop-cart-link{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 16px; border-radius:10px; border:1px solid #e53935 !important; background:#e53935 !important; color:#ffffff !important; font-weight:800; text-decoration:none; transition: background .2s, color .2s, transform .2s, box-shadow .2s; } .shop-cart-link:hover{ background:#ffffff !important; color:#e53935 !important; transform: translateY(-1px); box-shadow: 0 0 0 3px rgba(229,57,53,.15); } .shop-cart-link #shop-cart-count{ display:inline-flex; align-items:center; justify-content:center; min-width:24px; height:24px; padding:0 7px; border-radius:999px; background: rgba(255,255,255,.22); color:#fff; font-size:13px; font-weight:900; line-height:1; } .shop-cart-link:hover #shop-cart-count{ background: rgba(229,57,53,.12); color:#e53935; } /* Quantity box */ .shop-qty-row{ background: #fafafa !important; border-color: #b5b5b5 !important; } .shop-qty-val{ color: #c0392b !important; } .shop-qty-btn{ background: #ffffff !important; border-color: #b5b5b5 !important; color: #c0392b !important; } /* Breadcrumb + Tabs (inline CSS in show.html => we force override) */ .shop-breadcrumb a{ color: #c0392b !important; border-color: #b5b5b5 !important; } .shop-tab-btn.active{ background: #c0392b !important; border-color: #c0392b !important; color: #ffffff !important; } /* Responsive shop sections and product card grid policy */ .md-sections-wrap{ width:min(100%, 1280px); max-width:100%; margin-inline:auto; box-sizing:border-box; } .md-sections-wrap--home{ width:min(100%, 1280px); } .md-sections-grid{ --md-shop-card-gap:12px; display:grid !important; grid-template-columns:repeat(var(--md-shop-section-grid-columns, 5), minmax(0,1fr)) !important; gap:var(--md-shop-card-gap) !important; align-items:stretch; } .md-section-card{ width:100%; min-width:0; box-sizing:border-box; } .md-section-card .md-section-img, .md-section-img{ width:100%; aspect-ratio:16/9; min-height:150px; background:#f8fafc; overflow:hidden; } .md-section-card .md-section-img img, .md-section-img img{ width:100%; height:100%; object-fit:cover; display:block; } .md-shop-sections-products-wrap{display:flex;flex-direction:column;gap:22px;margin-top:24px;} .md-shop-section-block{background:#fff;border:1px solid #e8eef5;border-radius:8px;padding:16px;box-shadow:0 10px 26px rgba(15,23,42,.045);} .md-shop-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:13px;} .md-shop-section-head h3{margin:0;font-size:20px;color:#132238;font-weight:900;} .md-shop-section-head a{font-weight:900;text-decoration:none;color:#16703a;white-space:nowrap;} .shop-cat-heading-info{margin:0 0 14px;color:#64748b;font-size:14px;line-height:1.7;max-width:760px;} /* Main /shop generic product grids: obey gridColumns and collapse empty tracks. Category pages and visual category blocks keep their own category/block columns. */ .md-sections-wrap--home .md-shop-section-products, .md-sections-wrap--home .md-shop-template-grid:not(.md-shop-visual-card-grid):not(.md-shop-service-addons-slider):not(.md-shop-systems-main-grid):not(.md-shop-host-main-grid):not(.md-shop-named-block-grid), .md-sections-wrap--home .md-shop-main-products, .md-sections-wrap--home .shop-products-grid, .md-sections-wrap--home .shop-index-products, .md-sections-wrap--home .shop-list-products, .moyes-shop-scope .md-sections-wrap--home .md-shop-section-products, .moyes-shop-scope .md-sections-wrap--home .md-shop-template-grid:not(.md-shop-visual-card-grid):not(.md-shop-service-addons-slider):not(.md-shop-systems-main-grid):not(.md-shop-host-main-grid):not(.md-shop-named-block-grid), .moyes-shop-scope .md-sections-wrap--home .md-shop-main-products, .moyes-shop-scope .md-sections-wrap--home .shop-products-grid, .moyes-shop-scope .md-sections-wrap--home .shop-index-products, .moyes-shop-scope .md-sections-wrap--home .shop-list-products{ --md-shop-card-gap:12px; --md-shop-card-min-width:150px; display:grid !important; grid-template-columns:repeat(auto-fit, minmax(min(100%, max(150px, calc((100% - 48px) * 0.2))), 1fr)) !important; gap:var(--md-shop-card-gap) !important; align-items:stretch !important; justify-content:stretch !important; } .md-sections-wrap--home .md-shop-section-products > [class*='sc-'], .md-sections-wrap--home .md-shop-section-products > [class*='mc-'], .md-sections-wrap--home .md-shop-section-products > [class*='lc-'], .md-sections-wrap--home .md-shop-template-grid:not(.md-shop-visual-card-grid) > [class*='sc-'], .md-sections-wrap--home .md-shop-template-grid:not(.md-shop-visual-card-grid) > [class*='mc-'], .md-sections-wrap--home .md-shop-template-grid:not(.md-shop-visual-card-grid) > [class*='lc-'], .md-sections-wrap--home .md-shop-main-products > [class*='sc-'], .md-sections-wrap--home .md-shop-main-products > [class*='mc-'], .md-sections-wrap--home .md-shop-main-products > [class*='lc-'], .md-sections-wrap--home .shop-products-grid > [class*='sc-'], .md-sections-wrap--home .shop-products-grid > [class*='mc-'], .md-sections-wrap--home .shop-products-grid > [class*='lc-'], .md-sections-wrap--home .shop-index-products > [class*='sc-'], .md-sections-wrap--home .shop-index-products > [class*='mc-'], .md-sections-wrap--home .shop-index-products > [class*='lc-'], .md-sections-wrap--home .shop-list-products > [class*='sc-'], .md-sections-wrap--home .shop-list-products > [class*='mc-'], .md-sections-wrap--home .shop-list-products > [class*='lc-']{ width:auto !important; max-width:none !important; flex:none !important; padding:0 !important; margin:0 !important; min-width:0 !important; } .md-shop-section-product, .md-shop-cat-products-grid .shop-brief-content.moyes-shop-card, .md-shop-template-grid .shop-brief-content, .md-shop-main-products .shop-brief-content, .shop-products-grid .shop-brief-content, .shop-index-products .shop-brief-content, .shop-list-products .shop-brief-content, .moyes-shop-scope .md-shop-template-grid .shop-brief-content, .moyes-shop-scope .md-shop-main-products .shop-brief-content, .moyes-shop-scope .shop-products-grid .shop-brief-content, .moyes-shop-scope .shop-index-products .shop-brief-content, .moyes-shop-scope .shop-list-products .shop-brief-content, .moyes-shop-scope .md-shop-cat-products-grid .shop-brief-content, .moyes-shop-scope .md-shop-template-grid .moyes-shop-card, .moyes-shop-scope .md-shop-main-products .moyes-shop-card, .moyes-shop-scope .shop-products-grid .moyes-shop-card, .moyes-shop-scope .shop-index-products .moyes-shop-card, .moyes-shop-scope .shop-list-products .moyes-shop-card, .moyes-shop-scope .md-shop-cat-products-grid .moyes-shop-card{ position:relative !important; display:flex !important; flex-direction:column !important; width:100% !important; height:100% !important; min-width:0 !important; min-height:100% !important; margin:0 !important; border:var(--md-shop-card-border-width,1px) solid var(--md-shop-card-border-color,rgba(148,163,184,.24)) !important; border-radius:var(--md-shop-card-radius,8px) !important; background:var(--md-shop-card-bg,#fff) !important; overflow:hidden !important; box-shadow:var(--md-shop-card-shadow,0 10px 24px rgba(15,23,42,.055)) !important; box-sizing:border-box !important; transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .24s ease,background-color .24s ease !important; } .md-shop-section-product:before, .md-shop-cat-products-grid .shop-brief-content.moyes-shop-card:before, .md-shop-template-grid .shop-brief-content:before, .md-shop-main-products .shop-brief-content:before, .shop-products-grid .shop-brief-content:before, .shop-index-products .shop-brief-content:before, .shop-list-products .shop-brief-content:before{ content:'صنف'; position:absolute; top:8px; inset-inline-start:8px; z-index:4; padding:3px 8px; border-radius:999px; background:rgba(15,23,42,.72); color:#fff; font-size:10px; font-weight:900; line-height:1; pointer-events:none; } .md-shop-section-product-img, .md-shop-cat-products-grid .shop-brief-content.moyes-shop-card .image-wrapper, .md-shop-template-grid .image-wrapper, .md-shop-main-products .image-wrapper, .shop-products-grid .image-wrapper, .shop-index-products .image-wrapper, .shop-list-products .image-wrapper{ width:100% !important; height:auto !important; min-height:0 !important; aspect-ratio:4/3 !important; background:#f8fafc !important; overflow:hidden !important; display:block !important; } .md-shop-section-product-img img, .md-shop-cat-products-grid .shop-brief-content.moyes-shop-card .image-wrapper img, .md-shop-cat-products-grid .shop-brief-content.moyes-shop-card img.shop-card-img, .md-shop-template-grid .image-wrapper img, .md-shop-main-products .image-wrapper img, .shop-products-grid .image-wrapper img, .shop-index-products .image-wrapper img, .shop-list-products .image-wrapper img, .md-shop-template-grid img.shop-card-img, .md-shop-main-products img.shop-card-img, .shop-products-grid img.shop-card-img, .shop-index-products img.shop-card-img, .shop-list-products img.shop-card-img{ width:100% !important; height:100% !important; max-width:100% !important; max-height:100% !important; object-fit:contain !important; object-position:center center !important; display:block !important; } /* Homepage/shop block cards: images cover their frame and animate inside the clipped media box. */ .md-shop-template-section .md-shop-template-grid > *{ --md-shop-block-img-base-rotate:0deg; --md-shop-block-img-hover-rotate:10deg; } .md-shop-template-section .md-shop-template-grid > *:nth-child(6n+1){--md-shop-block-img-base-rotate:2deg;--md-shop-block-img-hover-rotate:10deg;} .md-shop-template-section .md-shop-template-grid > *:nth-child(6n+2){--md-shop-block-img-base-rotate:-3deg;--md-shop-block-img-hover-rotate:-10deg;} .md-shop-template-section .md-shop-template-grid > *:nth-child(6n+3){--md-shop-block-img-base-rotate:1.5deg;--md-shop-block-img-hover-rotate:9deg;} .md-shop-template-section .md-shop-template-grid > *:nth-child(6n+4){--md-shop-block-img-base-rotate:-2.5deg;--md-shop-block-img-hover-rotate:-9deg;} .md-shop-template-section .md-shop-template-grid > *:nth-child(6n+5){--md-shop-block-img-base-rotate:3deg;--md-shop-block-img-hover-rotate:11deg;} .md-shop-template-section .md-shop-template-grid > *:nth-child(6n+6){--md-shop-block-img-base-rotate:-1.75deg;--md-shop-block-img-hover-rotate:-8.5deg;} .md-shop-template-section .md-shop-template-grid .image-wrapper, .md-shop-template-section .md-shop-template-grid .shop-image-link{ display:block !important; width:100% !important; height:100% !important; overflow:hidden !important; } .md-shop-template-section .md-shop-template-grid .image-wrapper img, .md-shop-template-section .md-shop-template-grid img.shop-card-img{ width:100% !important; height:100% !important; max-width:100% !important; max-height:100% !important; object-fit:cover !important; object-position:center center !important; padding:0 !important; box-sizing:border-box !important; transform-origin:center center !important; transform:translateZ(0) scale(1.12) rotate(var(--md-shop-block-img-base-rotate,0deg)) !important; filter:drop-shadow(0 8px 14px rgba(15,23,42,.12)) saturate(1.03) contrast(1.01) !important; transition:transform .52s cubic-bezier(.2,.8,.2,1),filter .36s ease !important; } .md-shop-template-section .md-shop-template-grid .shop-brief-content:hover .image-wrapper img, .md-shop-template-section .md-shop-template-grid .shop-brief-content:focus-within .image-wrapper img, .md-shop-template-section .md-shop-template-grid .moyes-shop-card:hover .image-wrapper img, .md-shop-template-section .md-shop-template-grid .moyes-shop-card:focus-within .image-wrapper img{ transform:translateZ(0) scale(1.24) rotate(var(--md-shop-block-img-hover-rotate,10deg)) !important; filter:drop-shadow(0 16px 26px rgba(15,23,42,.18)) saturate(1.12) contrast(1.06) !important; } @media (prefers-reduced-motion:reduce){ .md-shop-template-section .md-shop-template-grid .image-wrapper img, .md-shop-template-section .md-shop-template-grid img.shop-card-img{ transform:none !important; transition:none !important; filter:none !important; } } .md-shop-section-product-body, .md-shop-cat-products-grid .shop-brief-content.moyes-shop-card .shop-card-info, .md-shop-template-grid .shop-card-info, .md-shop-main-products .shop-card-info, .shop-products-grid .shop-card-info, .shop-index-products .shop-card-info, .shop-list-products .shop-card-info{ display:flex !important; flex-direction:column !important; gap:6px !important; padding:10px !important; flex:1 !important; min-width:0 !important; min-height:110px !important; } .md-shop-section-product-title, .md-shop-cat-products-grid .shop-brief-content.moyes-shop-card .title h2, .md-shop-template-grid .title h2, .md-shop-main-products .title h2, .shop-products-grid .title h2, .shop-index-products .title h2, .shop-list-products .title h2{ margin:0 !important; color:var(--md-shop-card-title-color,var(--md-site-content-title,#172033)) !important; text-align:var(--md-shop-card-title-align,right) !important; text-decoration:none !important; font-size:13px !important; font-weight:900 !important; line-height:1.38 !important; display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden !important; min-height:2.76em !important; } .md-shop-section-product-brief, .md-shop-cat-products-grid .shop-brief-content.moyes-shop-card .shop-card-brief, .md-shop-cat-products-grid .shop-brief-content.moyes-shop-card .brief-text, .md-shop-template-grid .shop-card-brief, .md-shop-template-grid .brief-text, .md-shop-main-products .shop-card-brief, .md-shop-main-products .brief-text, .shop-products-grid .shop-card-brief, .shop-products-grid .brief-text, .shop-index-products .shop-card-brief, .shop-index-products .brief-text, .shop-list-products .shop-card-brief, .shop-list-products .brief-text{ color:var(--md-shop-card-brief-color,var(--md-site-content-brief,#64748b)) !important; text-align:var(--md-shop-card-title-align,right) !important; font-size:11px !important; line-height:1.45 !important; display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden !important; min-height:2.9em !important; max-height:2.9em !important; } .md-shop-section-price, .md-shop-cat-products-grid .shop-brief-content.moyes-shop-card .shop-price-bar, .md-shop-template-grid .shop-price-bar, .md-shop-main-products .shop-price-bar, .shop-products-grid .shop-price-bar, .shop-index-products .shop-price-bar, .shop-list-products .shop-price-bar{ height:auto !important; line-height:1.2 !important; min-height:30px !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:6px !important; font-size:12px !important; font-weight:900 !important; } .md-shop-section-old{opacity:.55;text-decoration:line-through;font-size:11px;font-weight:700;color:#64748b;} .md-shop-section-actions{margin-top:2px !important;} .md-shop-section-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:28px;padding:5px 8px;border-radius:9px;background:var(--md-shop-buy-btn-bg,rgba(15,23,42,.06));color:var(--md-shop-buy-btn-text,#fff)!important;text-decoration:none!important;font-size:11px;font-weight:900;} .md-shop-section-btn:hover{filter:brightness(.96);transform:translateY(-1px);color:var(--md-shop-buy-btn-text,#fff)!important;} .md-shop-section-product--no-image .md-shop-section-product-body{padding:12px !important;} .md-shop-section-product--no-image:before{background:rgba(100,116,139,.72);} .md-shop-section-product:hover, .md-shop-cat-products-grid .shop-brief-content.moyes-shop-card:hover, .md-shop-template-grid .shop-brief-content:hover, .md-shop-main-products .shop-brief-content:hover, .shop-products-grid .shop-brief-content:hover, .shop-index-products .shop-brief-content:hover, .shop-list-products .shop-brief-content:hover, .moyes-shop-scope .md-shop-template-grid .moyes-shop-card:hover, .moyes-shop-scope .md-shop-main-products .moyes-shop-card:hover, .moyes-shop-scope .shop-products-grid .moyes-shop-card:hover, .moyes-shop-scope .shop-index-products .moyes-shop-card:hover, .moyes-shop-scope .shop-list-products .moyes-shop-card:hover, .moyes-shop-scope .md-shop-cat-products-grid .moyes-shop-card:hover{ transform:var(--md-shop-card-hover-transform,translateY(-8px) scale(1.025)) !important; box-shadow:var(--md-shop-card-shadow-hover,0 28px 58px rgba(15,23,42,.16)) !important; border-color:var(--md-site-card-border-hover,var(--md-shop-card-border-color,rgba(148,163,184,.30))) !important; } .md-shop-section-price .shop-price-now, .md-shop-cat-products-grid .shop-price-now, .md-shop-template-grid .shop-price-now, .md-shop-main-products .shop-price-now, .shop-products-grid .shop-price-now, .shop-index-products .shop-price-now, .shop-list-products .shop-price-now{ color:var(--md-shop-price-color,var(--md-site-accent,#15936f)) !important; } .md-shop-home-simple-grid, .md-shop-cat-page .md-shop-home-simple-grid, .md-shop-template-section .md-shop-home-simple-grid, .md-shop-cat-catalog-grid{ display:grid !important; grid-template-columns:repeat(auto-fit,minmax(min(var(--md-shop-simple-card-min-width,230px),100%),1fr)) !important; gap:var(--md-shop-simple-card-gap,14px 18px) !important; align-items:stretch !important; width:100% !important; max-width:100% !important; min-width:0 !important; margin:16px 0 0 !important; padding:0 !important; box-sizing:border-box !important; clear:both !important; } .md-shop-home-simple-grid > *, .md-shop-cat-page .md-shop-home-simple-grid > *, .md-shop-template-section .md-shop-home-simple-grid > *, .md-shop-cat-catalog-grid > *{ width:auto !important; max-width:none !important; min-width:0 !important; float:none !important; clear:none !important; box-sizing:border-box !important; } .md-shop-home-simple-card, .md-shop-home-simple-card-wrap > .md-shop-home-simple-card{ display:flex !important; flex-direction:column !important; align-items:stretch !important; justify-content:flex-start !important; min-height:var(--md-shop-simple-card-min-height,132px) !important; height:100% !important; text-align:var(--md-shop-card-title-align,right) !important; padding:var(--md-shop-simple-card-padding,14px) !important; border:var(--md-shop-card-border-width,1px) solid var(--md-shop-card-border-color,rgba(148,163,184,.24)) !important; outline:0 !important; background:var(--md-shop-card-bg,#fff) !important; color:var(--md-shop-card-text-color,var(--md-site-content-text,#263445)) !important; text-decoration:none !important; border-radius:var(--md-shop-card-radius,8px) !important; box-shadow:var(--md-shop-card-shadow,0 10px 24px rgba(15,23,42,.055)) !important; line-height:1.55 !important; overflow:hidden !important; transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .24s ease,background-color .24s ease !important; } .md-shop-home-simple-card:hover, .md-shop-home-simple-card:focus{ transform:var(--md-shop-card-hover-transform,translateY(-8px) scale(1.025)) !important; box-shadow:var(--md-shop-card-shadow-hover,0 28px 58px rgba(15,23,42,.16)) !important; border-color:var(--md-site-card-border-hover,var(--md-shop-card-border-color,rgba(148,163,184,.30))) !important; text-decoration:none !important; } .md-shop-home-simple-title{ display:block !important; width:100% !important; margin:0 0 6px !important; color:var(--md-shop-card-title-color,var(--md-site-link,#15936f)) !important; font-size:var(--md-shop-card-title-size,15px) !important; font-weight:950 !important; line-height:1.55 !important; text-align:var(--md-shop-card-title-align,right) !important; text-decoration:none !important; } .md-shop-home-simple-summary{ display:block !important; width:100% !important; max-width:none !important; min-height:2.9em !important; margin:0 !important; color:var(--md-shop-card-brief-color,var(--md-site-content-brief,#667085)) !important; font-size:var(--md-shop-card-brief-size,12px) !important; font-weight:400 !important; line-height:1.7 !important; text-align:var(--md-shop-card-title-align,right) !important; text-decoration:none !important; } .md-shop-home-simple-meta{ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:10px !important; direction:rtl !important; width:100% !important; margin-top:auto !important; padding-top:10px !important; flex-wrap:wrap !important; } .md-shop-home-simple-action{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:30px !important; padding:0 13px !important; border-radius:999px !important; background:var(--md-shop-buy-btn-bg,var(--md-site-accent,#15936f)) !important; color:var(--md-shop-buy-btn-text,#fff) !important; -webkit-text-fill-color:var(--md-shop-buy-btn-text,#fff) !important; font-size:12px !important; font-weight:900 !important; line-height:1 !important; text-decoration:none !important; white-space:nowrap !important; } .md-shop-home-simple-price{ display:inline-flex !important; align-items:center !important; color:var(--md-shop-price-color,var(--md-site-accent,#15936f)) !important; font-size:13px !important; font-weight:950 !important; white-space:nowrap !important; } .md-shop-home-simple-price .shop-price-bar{display:inline-flex!important;gap:4px!important;align-items:baseline!important;} .md-shop-home-simple-price .shop-price-now{font-weight:950!important;color:var(--md-shop-price-color,var(--md-site-accent,#15936f))!important;} .md-shop-home-simple-price .shop-price-old{text-decoration:line-through!important;opacity:.55!important;margin-inline-end:5px!important;} @media(max-width:767px){ .md-shop-home-simple-grid, .md-shop-cat-page .md-shop-home-simple-grid, .md-shop-template-section .md-shop-home-simple-grid, .md-shop-cat-catalog-grid{grid-template-columns:1fr!important;gap:12px!important;} .md-shop-home-simple-card{padding:12px!important;} } /* Home card cleanup for retail/showcase demos: keep width/count settings untouched. */ .md-sections-wrap--home .md-shop-section-product, .md-sections-wrap--home .md-shop-template-grid .shop-brief-content, .md-sections-wrap--home .md-shop-main-products .shop-brief-content, .md-sections-wrap--home .shop-products-grid .shop-brief-content, .md-sections-wrap--home .shop-index-products .shop-brief-content, .md-sections-wrap--home .shop-list-products .shop-brief-content, .moyes-shop-scope .md-sections-wrap--home .md-shop-template-grid .moyes-shop-card, .moyes-shop-scope .md-sections-wrap--home .md-shop-main-products .moyes-shop-card{ border-radius:8px !important; background:var(--md-site-card-bg,#fff) !important; box-shadow:0 10px 24px rgba(15,23,42,.06) !important; transition:transform .32s cubic-bezier(.2,.8,.2,1), box-shadow .32s ease, border-color .24s ease !important; } .md-sections-wrap--home .md-shop-section-product:hover, .md-sections-wrap--home .md-shop-template-grid .shop-brief-content:hover, .md-sections-wrap--home .md-shop-main-products .shop-brief-content:hover, .md-sections-wrap--home .shop-products-grid .shop-brief-content:hover, .md-sections-wrap--home .shop-index-products .shop-brief-content:hover, .md-sections-wrap--home .shop-list-products .shop-brief-content:hover, .moyes-shop-scope .md-sections-wrap--home .md-shop-template-grid .moyes-shop-card:hover, .moyes-shop-scope .md-sections-wrap--home .md-shop-main-products .moyes-shop-card:hover{ transform:translateY(-8px) scale(1.026) !important; box-shadow:0 28px 58px rgba(15,23,42,.16) !important; } .md-sections-wrap--home .md-shop-section-product-img, .md-sections-wrap--home .md-shop-template-grid .image-wrapper, .md-sections-wrap--home .md-shop-main-products .image-wrapper, .md-sections-wrap--home .shop-products-grid .image-wrapper, .md-sections-wrap--home .shop-index-products .image-wrapper, .md-sections-wrap--home .shop-list-products .image-wrapper{ background:transparent !important; border-radius:0 !important; overflow:hidden !important; isolation:isolate !important; } .md-sections-wrap--home .md-shop-section-product-img img, .md-sections-wrap--home .md-shop-template-grid .image-wrapper img, .md-sections-wrap--home .md-shop-main-products .image-wrapper img, .md-sections-wrap--home .shop-products-grid .image-wrapper img, .md-sections-wrap--home .shop-index-products .image-wrapper img, .md-sections-wrap--home .shop-list-products .image-wrapper img{ border-radius:0 !important; transition:transform .44s cubic-bezier(.2,.8,.2,1), filter .30s ease !important; } .md-sections-wrap--home .md-shop-section-product:hover .md-shop-section-product-img img, .md-sections-wrap--home .md-shop-template-grid .shop-brief-content:hover .image-wrapper img, .md-sections-wrap--home .md-shop-main-products .shop-brief-content:hover .image-wrapper img, .md-sections-wrap--home .shop-products-grid .shop-brief-content:hover .image-wrapper img, .md-sections-wrap--home .shop-index-products .shop-brief-content:hover .image-wrapper img, .md-sections-wrap--home .shop-list-products .shop-brief-content:hover .image-wrapper img{ transform:scale(1.14) rotate(1.35deg) !important; filter:saturate(1.12) contrast(1.06) !important; } @media (prefers-reduced-motion:reduce){ .md-sections-wrap--home .md-shop-section-product, .md-sections-wrap--home .shop-brief-content, .md-sections-wrap--home .image-wrapper img{ transition:none !important; transform:none !important; } } /* Main shop index product sections: keep category pages untouched, and prevent images from turning cards into full-width rows. */ .md-sections-wrap > .md-shop-sections-products-wrap .md-shop-section-products{ display:grid !important; grid-template-columns:repeat(var(--md-shop-product-grid-columns, 5), minmax(0,1fr)) !important; gap:var(--md-shop-card-gap, 12px) !important; align-items:stretch !important; width:100% !important; max-width:100% !important; min-width:0 !important; box-sizing:border-box !important; } .md-sections-wrap > .md-shop-sections-products-wrap .md-shop-section-products > .md-shop-section-product{ width:100% !important; max-width:100% !important; min-width:0 !important; height:100% !important; padding:14px 14px 16px !important; box-sizing:border-box !important; } .md-sections-wrap > .md-shop-sections-products-wrap .md-shop-section-product-img{ display:block !important; width:100% !important; max-width:100% !important; height:auto !important; min-height:0 !important; max-height:none !important; aspect-ratio:4/3 !important; overflow:hidden !important; box-sizing:border-box !important; } .md-sections-wrap > .md-shop-sections-products-wrap .md-shop-section-product-img img{ display:block !important; width:100% !important; max-width:100% !important; height:100% !important; object-fit:cover !important; } .md-sections-wrap > .md-shop-sections-products-wrap .md-shop-section-product-body{ padding:10px 6px 0 !important; } @media (max-width:767px){ .md-sections-wrap > .md-shop-sections-products-wrap .md-shop-section-products > .md-shop-section-product{ padding:12px 12px 14px !important; } .md-sections-wrap > .md-shop-sections-products-wrap .md-shop-section-product-body{ padding:10px 4px 0 !important; } } /* Category product-page filling guard: independent from /shop gridColumns. */ .md-shop-cat-products-grid:not(.md-shop-visual-card-grid), .moyes-shop-scope .md-shop-cat-products-grid:not(.md-shop-visual-card-grid), .md-shop-cat-products-grid.flex-row:not(.md-shop-visual-card-grid), .moyes-shop-scope .md-shop-cat-products-grid.flex-row:not(.md-shop-visual-card-grid){ display:grid !important; grid-template-columns:repeat(auto-fit,minmax(min(var(--md-shop-cat-card-min-width,230px),100%),1fr)) !important; gap:var(--md-shop-card-gap, 12px) !important; align-items:stretch !important; justify-content:stretch !important; width:100% !important; max-width:100% !important; min-width:0 !important; box-sizing:border-box !important; } .md-shop-cat-products-grid > *, .moyes-shop-scope .md-shop-cat-products-grid > *{ width:100% !important; max-width:100% !important; min-width:0 !important; flex:none !important; float:none !important; padding:0 !important; margin:0 !important; box-sizing:border-box !important; } @media (max-width:1180px){ .md-sections-wrap > .md-shop-sections-products-wrap .md-shop-section-products{grid-template-columns:repeat(4, minmax(0,1fr)) !important;} } @media (max-width:900px){ .md-sections-wrap > .md-shop-sections-products-wrap .md-shop-section-products{grid-template-columns:repeat(3, minmax(0,1fr)) !important;} } @media (max-width:760px){ .md-shop-section-products, .md-shop-cat-products-grid:not(.md-shop-visual-card-grid), .md-shop-template-grid:not(.md-shop-visual-card-grid):not(.md-shop-service-addons-slider):not(.md-shop-systems-main-grid):not(.md-shop-host-main-grid):not(.md-shop-named-block-grid), .md-shop-main-products, .shop-products-grid, .shop-index-products, .shop-list-products, .moyes-shop-scope .md-sections-wrap .md-shop-section-products, .moyes-shop-scope .md-shop-cat-products-grid:not(.md-shop-visual-card-grid), .moyes-shop-scope .md-shop-template-grid:not(.md-shop-visual-card-grid):not(.md-shop-service-addons-slider):not(.md-shop-systems-main-grid):not(.md-shop-host-main-grid):not(.md-shop-named-block-grid), .moyes-shop-scope .md-shop-main-products, .moyes-shop-scope .shop-products-grid, .moyes-shop-scope .shop-index-products, .moyes-shop-scope .shop-list-products, .md-sections-wrap > .md-shop-sections-products-wrap .md-shop-section-products{grid-template-columns:1fr!important;gap:12px!important;} .md-sections-wrap > .md-shop-sections-products-wrap .md-shop-section-products{--md-shop-product-grid-columns:1;} .md-sections-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important;} .md-shop-section-product-title, .md-shop-cat-products-grid .shop-brief-content.moyes-shop-card .title h2, .md-shop-template-grid .title h2, .md-shop-main-products .title h2{font-size:12px!important;} .md-shop-section-product-brief, .md-shop-cat-products-grid .shop-brief-content.moyes-shop-card .shop-card-brief, .md-shop-template-grid .shop-card-brief, .md-shop-main-products .shop-card-brief{font-size:10.5px!important;} } @media (max-width:440px){ .md-shop-section-products, .md-shop-cat-products-grid:not(.md-shop-visual-card-grid), .md-shop-template-grid:not(.md-shop-visual-card-grid):not(.md-shop-service-addons-slider):not(.md-shop-systems-main-grid):not(.md-shop-host-main-grid):not(.md-shop-named-block-grid), .md-shop-main-products, .shop-products-grid, .shop-index-products, .shop-list-products, .moyes-shop-scope .md-sections-wrap .md-shop-section-products, .moyes-shop-scope .md-shop-cat-products-grid:not(.md-shop-visual-card-grid), .moyes-shop-scope .md-shop-template-grid:not(.md-shop-visual-card-grid):not(.md-shop-service-addons-slider):not(.md-shop-systems-main-grid):not(.md-shop-host-main-grid):not(.md-shop-named-block-grid), .moyes-shop-scope .md-shop-main-products, .moyes-shop-scope .shop-products-grid, .moyes-shop-scope .shop-index-products, .moyes-shop-scope .shop-list-products, .md-sections-wrap > .md-shop-sections-products-wrap .md-shop-section-products, .md-sections-grid{grid-template-columns:1fr!important;} .md-sections-wrap > .md-shop-sections-products-wrap .md-shop-section-products{--md-shop-product-grid-columns:1;} .md-section-img{min-height:180px;} } /* Mobile one-product-per-row final guard */ @media (max-width:767px){ html body.moyes-shop-scope .md-shop-section-products, html body.moyes-shop-scope .md-shop-section-products.flex-row, html body.moyes-shop-scope .md-shop-cat-products-grid:not(.md-shop-visual-card-grid), html body.moyes-shop-scope .md-shop-cat-products-grid.flex-row:not(.md-shop-visual-card-grid), html body.moyes-shop-scope .md-shop-template-grid:not(.md-shop-visual-card-grid):not(.md-shop-service-addons-slider):not(.md-shop-systems-main-grid):not(.md-shop-host-main-grid):not(.md-shop-named-block-grid), html body.moyes-shop-scope .md-shop-template-grid.flex-row:not(.md-shop-visual-card-grid):not(.md-shop-service-addons-slider):not(.md-shop-systems-main-grid):not(.md-shop-host-main-grid):not(.md-shop-named-block-grid), html body.moyes-shop-scope .md-shop-main-products, html body.moyes-shop-scope .md-shop-main-products.flex-row, html body.moyes-shop-scope .shop-products-grid, html body.moyes-shop-scope .shop-products-grid.flex-row, html body.moyes-shop-scope .shop-index-products, html body.moyes-shop-scope .shop-index-products.flex-row, html body.moyes-shop-scope .shop-list-products, html body.moyes-shop-scope .shop-list-products.flex-row, html body.moyes-shop-scope .md-sections-wrap > .md-shop-sections-products-wrap .md-shop-section-products, .md-shop-section-products, .md-shop-cat-products-grid:not(.md-shop-visual-card-grid), .md-shop-template-grid:not(.md-shop-visual-card-grid):not(.md-shop-service-addons-slider):not(.md-shop-systems-main-grid):not(.md-shop-host-main-grid):not(.md-shop-named-block-grid), .md-shop-main-products, .shop-products-grid, .shop-index-products, .shop-list-products{ --md-shop-product-grid-columns:1 !important; display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:14px !important; width:100% !important; max-width:100% !important; min-width:0 !important; box-sizing:border-box !important; align-items:stretch !important; } html body.moyes-shop-scope .md-shop-section-products > *, html body.moyes-shop-scope .md-shop-cat-products-grid:not(.md-shop-visual-card-grid) > *, html body.moyes-shop-scope .md-shop-template-grid:not(.md-shop-visual-card-grid):not(.md-shop-service-addons-slider):not(.md-shop-systems-main-grid):not(.md-shop-host-main-grid):not(.md-shop-named-block-grid) > *, html body.moyes-shop-scope .md-shop-main-products > *, html body.moyes-shop-scope .shop-products-grid > *, html body.moyes-shop-scope .shop-index-products > *, html body.moyes-shop-scope .shop-list-products > *, .md-shop-section-products > *, .md-shop-cat-products-grid:not(.md-shop-visual-card-grid) > *, .md-shop-template-grid:not(.md-shop-visual-card-grid):not(.md-shop-service-addons-slider):not(.md-shop-systems-main-grid):not(.md-shop-host-main-grid):not(.md-shop-named-block-grid) > *, .md-shop-main-products > *, .shop-products-grid > *, .shop-index-products > *, .shop-list-products > *{ width:100% !important; max-width:100% !important; min-width:0 !important; flex:0 0 100% !important; float:none !important; clear:both !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; } } /* Soft asymmetric product-image shape. Opposite corners share one curve; the other pair is sharper for a subtle diamond feel. */ .md-shop-section-product-img, .md-shop-cat-products-grid .shop-brief-content.moyes-shop-card .image-wrapper, .md-shop-template-grid .image-wrapper, .md-shop-main-products .image-wrapper, .shop-products-grid .image-wrapper, .shop-index-products .image-wrapper, .shop-list-products .image-wrapper{ border-radius:8px !important; overflow:hidden !important; isolation:isolate !important; } .md-shop-section-product-img img, .md-shop-cat-products-grid .shop-brief-content.moyes-shop-card .image-wrapper img, .md-shop-template-grid .image-wrapper img, .md-shop-main-products .image-wrapper img, .shop-products-grid .image-wrapper img, .shop-index-products .image-wrapper img, .shop-list-products .image-wrapper img{ border-radius:inherit !important; } @media only screen and (max-width:767px){ .md-sections-wrap .md-shop-sections-products-wrap .md-shop-section-products, .md-sections-wrap .md-shop-sections-products-wrap .md-shop-section-products.flex-row, .md-shop-section-products, .md-shop-section-products.flex-row, .md-shop-cat-products-grid.flex-row, .md-shop-template-grid, .md-shop-template-grid.flex-row, .md-shop-main-products, .md-shop-main-products.flex-row, .shop-products-grid, .shop-products-grid.flex-row, .shop-index-products, .shop-index-products.flex-row, .shop-list-products, .shop-list-products.flex-row{ --md-shop-product-grid-columns:1 !important; display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:14px !important; width:100% !important; max-width:100% !important; min-width:0 !important; box-sizing:border-box !important; align-items:stretch !important; } .md-sections-wrap .md-shop-sections-products-wrap .md-shop-section-products > *, .md-shop-section-products > *, .md-shop-cat-products-grid > *, .md-shop-template-grid > *, .md-shop-main-products > *, .shop-products-grid > *, .shop-index-products > *, .shop-list-products > *{ width:100% !important; max-width:100% !important; min-width:0 !important; flex:0 0 100% !important; float:none !important; clear:both !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; } } /* Category cards: price is a readable inline line below the product name, not a dark image overlay. */ .md-shop-cat-products-grid .shop-brief-content.moyes-shop-card .shop-card-price-inline, .md-shop-cat-products-grid .moyes-shop-card .shop-card-price-inline, .shop-products-grid .shop-card-price-inline, .shop-index-products .shop-card-price-inline, .shop-list-products .shop-card-price-inline{ display:flex !important; align-items:center !important; justify-content:center !important; gap:7px !important; min-height:30px !important; margin:0 !important; padding:0 !important; background:transparent !important; color:var(--md-shop-card-title-color,var(--md-site-content-title,#172033)) !important; text-align:var(--md-shop-card-title-align,right) !important; line-height:1.25 !important; font-size:15px !important; font-weight:900 !important; text-align:center !important; } .md-shop-cat-products-grid .shop-brief-content.moyes-shop-card .shop-card-price-inline .shop-price-bar, .md-shop-cat-products-grid .moyes-shop-card .shop-card-price-inline .shop-price-bar, .shop-products-grid .shop-card-price-inline .shop-price-bar, .shop-index-products .shop-card-price-inline .shop-price-bar, .shop-list-products .shop-card-price-inline .shop-price-bar{ display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:7px !important; width:auto !important; height:auto !important; min-height:0 !important; margin:0 !important; padding:0 !important; background:transparent !important; border:0 !important; color:var(--md-shop-card-title-color,var(--md-site-content-title,#172033)) !important; text-align:var(--md-shop-card-title-align,right) !important; line-height:1.25 !important; font-weight:900 !important; box-shadow:none !important; text-shadow:none !important; } .md-shop-cat-products-grid .shop-brief-content.moyes-shop-card .shop-card-price-inline .moyes-shop-pricebar-center, .md-shop-cat-products-grid .shop-brief-content.moyes-shop-card .shop-card-price-inline .shop-price-now, .md-shop-cat-products-grid .moyes-shop-card .shop-card-price-inline .shop-price-now, .shop-products-grid .shop-card-price-inline .shop-price-now, .shop-index-products .shop-card-price-inline .shop-price-now, .shop-list-products .shop-card-price-inline .shop-price-now{ color:var(--md-shop-card-title-color,var(--md-site-content-title,#172033)) !important; text-align:var(--md-shop-card-title-align,right) !important; font-size:15px !important; font-weight:900 !important; letter-spacing:.01em !important; text-shadow:none !important; } .md-shop-cat-products-grid .shop-brief-content.moyes-shop-card .shop-card-price-inline .shop-price-old, .md-shop-cat-products-grid .moyes-shop-card .shop-card-price-inline .shop-price-old, .shop-products-grid .shop-card-price-inline .shop-price-old, .shop-index-products .shop-card-price-inline .shop-price-old, .shop-list-products .shop-card-price-inline .shop-price-old{ color:var(--md-shop-card-brief-color,var(--md-site-content-brief,#64748b)) !important; text-align:var(--md-shop-card-title-align,right) !important; font-size:11px !important; font-weight:700 !important; opacity:.72 !important; text-decoration:line-through !important; } /* Safety for old cached category markup: do not keep the price on a dark overlay. */ .md-shop-cat-products-grid .shop-brief-content.moyes-shop-card > .cat-title.shop-price-bar.moyes-shop-pricebar, .md-shop-cat-products-grid .moyes-shop-card > .cat-title.shop-price-bar.moyes-shop-pricebar{ background:transparent !important; color:#c0392b !important; height:auto !important; min-height:28px !important; line-height:1.25 !important; margin:8px 10px 0 !important; padding:0 !important; box-shadow:none !important; text-shadow:none !important; } .md-shop-cat-products-grid .shop-brief-content.moyes-shop-card > .cat-title.shop-price-bar.moyes-shop-pricebar .shop-price-now, .md-shop-cat-products-grid .moyes-shop-card > .cat-title.shop-price-bar.moyes-shop-pricebar .shop-price-now{ color:#c0392b !important; font-size:13px !important; font-weight:900 !important; text-shadow:none !important; } /* Discount styling for inline product prices: old higher price crossed, current offer emphasized. */ .md-shop-cat-products-grid .shop-brief-content.moyes-shop-card .shop-card-price-inline .shop-price-bar.has-discount, .md-shop-cat-products-grid .moyes-shop-card .shop-card-price-inline .shop-price-bar.has-discount, .shop-products-grid .shop-card-price-inline .shop-price-bar.has-discount, .shop-index-products .shop-card-price-inline .shop-price-bar.has-discount, .shop-list-products .shop-card-price-inline .shop-price-bar.has-discount{ display:inline-flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:2px !important; } .md-shop-cat-products-grid .shop-brief-content.moyes-shop-card .shop-card-price-inline .shop-price-bar.has-discount .shop-price-old, .md-shop-cat-products-grid .moyes-shop-card .shop-card-price-inline .shop-price-bar.has-discount .shop-price-old, .shop-products-grid .shop-card-price-inline .shop-price-bar.has-discount .shop-price-old, .shop-index-products .shop-card-price-inline .shop-price-bar.has-discount .shop-price-old, .shop-list-products .shop-card-price-inline .shop-price-bar.has-discount .shop-price-old{ position:relative !important; display:inline-block !important; color:var(--md-shop-card-title-color,var(--md-site-content-title,#172033)) !important; text-align:var(--md-shop-card-title-align,right) !important; font-size:12px !important; font-weight:700 !important; line-height:1.1 !important; opacity:.58 !important; text-decoration:none !important; } .md-shop-cat-products-grid .shop-brief-content.moyes-shop-card .shop-card-price-inline .shop-price-bar.has-discount .shop-price-old::after, .md-shop-cat-products-grid .moyes-shop-card .shop-card-price-inline .shop-price-bar.has-discount .shop-price-old::after, .shop-products-grid .shop-card-price-inline .shop-price-bar.has-discount .shop-price-old::after, .shop-index-products .shop-card-price-inline .shop-price-bar.has-discount .shop-price-old::after, .shop-list-products .shop-card-price-inline .shop-price-bar.has-discount .shop-price-old::after{ content:''; position:absolute; left:-3px; right:-3px; top:50%; border-top:2px solid currentColor; transform:rotate(-8deg); transform-origin:center; opacity:.92; pointer-events:none; } .md-shop-cat-products-grid .shop-brief-content.moyes-shop-card .shop-card-price-inline .shop-price-bar.has-discount .shop-price-now, .md-shop-cat-products-grid .moyes-shop-card .shop-card-price-inline .shop-price-bar.has-discount .shop-price-now, .shop-products-grid .shop-card-price-inline .shop-price-bar.has-discount .shop-price-now, .shop-index-products .shop-card-price-inline .shop-price-bar.has-discount .shop-price-now, .shop-list-products .shop-card-price-inline .shop-price-bar.has-discount .shop-price-now{ color:#c0392b !important; font-size:17px !important; font-weight:900 !important; line-height:1.08 !important; letter-spacing:.01em !important; opacity:1 !important; } /* Hosting category template: plan cards matching the dedicated hosting-offers style. */ body .md-shop-template-hosting, body .md-shop-cat-template-hosting{ --shop-host-navy:var(--md-site-accent,var(--md-site-header-bg,#09294d)); --shop-host-purple:var(--md-site-accent-2,var(--md-site-link-hover,var(--md-site-accent,#09294d))); --shop-host-card:#f2f2f2; --shop-host-line:#d9d9d9; --shop-host-text:#3b3b3b; --shop-host-muted:#737373; } body .md-shop-template-hosting .md-shop-section-products, body .md-shop-cat-template-hosting .md-shop-cat-products-grid{ display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:22px !important; align-items:stretch !important; width:100% !important; max-width:100% !important; min-width:0 !important; margin:24px 0 0 !important; padding:0 !important; box-sizing:border-box !important; } body .md-shop-template-hosting .md-shop-section-products > *, body .md-shop-cat-template-hosting .md-shop-cat-products-grid > *, body .md-shop-cat-template-hosting .md-shop-cat-products-grid > [class*='sc-'], body .md-shop-cat-template-hosting .md-shop-cat-products-grid > [class*='mc-'], body .md-shop-cat-template-hosting .md-shop-cat-products-grid > [class*='lc-']{ width:auto !important; max-width:none !important; min-width:0 !important; float:none !important; clear:none !important; display:block !important; margin:0 !important; padding:0 !important; box-sizing:border-box !important; } body .md-shop-template-hosting .md-shop-host-plan-card, body .md-shop-cat-template-hosting .md-shop-host-plan-card, body .md-shop-section-block--hosting .md-shop-host-plan-card{ position:relative !important; display:flex !important; flex-direction:column !important; height:100% !important; min-height:410px !important; padding:0 0 50px !important; margin:0 !important; border:0 !important; border-radius:5px !important; overflow:hidden !important; background:var(--shop-host-card) !important; box-shadow:0 10px 28px rgba(9,41,77,.10) !important; box-sizing:border-box !important; text-align:right !important; color:var(--shop-host-text) !important; transition:transform .22s ease, box-shadow .22s ease !important; } body .md-shop-template-hosting .md-shop-host-plan-card:before, body .md-shop-cat-template-hosting .md-shop-host-plan-card:before{ content:none !important; display:none !important; } body .md-shop-template-hosting .md-shop-host-plan-card:hover, body .md-shop-template-hosting .md-shop-host-plan-card:focus-within, body .md-shop-cat-template-hosting .md-shop-host-plan-card:hover, body .md-shop-cat-template-hosting .md-shop-host-plan-card:focus-within{ transform:translateY(-7px) !important; box-shadow:0 22px 48px rgba(9,41,77,.18) !important; } body .md-shop-template-hosting .md-shop-host-plan-head, body .md-shop-cat-template-hosting .md-shop-host-plan-head{ min-height:82px !important; display:flex !important; align-items:center !important; justify-content:flex-start !important; gap:12px !important; position:relative !important; padding:16px 20px 16px 78px !important; color:#fff !important; background:var(--shop-host-navy) !important; box-sizing:border-box !important; transition:background-color .16s ease !important; } body .md-shop-template-hosting .md-shop-host-plan-head:after, body .md-shop-cat-template-hosting .md-shop-host-plan-head:after{ content:none !important; display:none !important; } body .md-shop-template-hosting .md-shop-host-plan-icon, body .md-shop-cat-template-hosting .md-shop-host-plan-icon{ position:absolute !important; left:18px !important; top:50% !important; transform:translateY(-50%) !important; width:50px !important; height:50px !important; border-radius:50% !important; display:flex !important; align-items:center !important; justify-content:center !important; background:#fff !important; border:2px solid rgba(255,255,255,.75) !important; box-shadow:0 6px 16px rgba(9,41,77,.14) !important; overflow:hidden !important; } body .md-shop-template-hosting .md-shop-host-plan-icon img, body .md-shop-cat-template-hosting .md-shop-host-plan-icon img{ display:block !important; width:30px !important; height:30px !important; max-width:30px !important; max-height:30px !important; object-fit:contain !important; transform:none !important; border-radius:0 !important; box-shadow:none !important; background:transparent !important; } body .md-shop-template-hosting .md-shop-host-plan-card.is-live-active .md-shop-host-plan-head, body .md-shop-cat-template-hosting .md-shop-host-plan-card.is-live-active .md-shop-host-plan-head, body .md-shop-template-hosting .md-shop-host-plan-card:hover .md-shop-host-plan-head, body .md-shop-template-hosting .md-shop-host-plan-card:focus-within .md-shop-host-plan-head, body .md-shop-cat-template-hosting .md-shop-host-plan-card:hover .md-shop-host-plan-head, body .md-shop-cat-template-hosting .md-shop-host-plan-card:focus-within .md-shop-host-plan-head{ background:var(--shop-host-purple) !important; } body .md-shop-template-hosting .md-shop-host-plan-badge, body .md-shop-cat-template-hosting .md-shop-host-plan-badge{ display:none !important; } body .md-shop-template-hosting .md-shop-host-plan-head h4, body .md-shop-cat-template-hosting .md-shop-host-plan-head h4{ margin:0 !important; color:#fff !important; font-size:18px !important; font-weight:900 !important; line-height:1.45 !important; text-align:right !important; } body .md-shop-template-hosting .md-shop-host-plan-price, body .md-shop-cat-template-hosting .md-shop-host-plan-price{ min-height:108px !important; padding:18px 18px 10px !important; display:flex !important; align-items:baseline !important; justify-content:center !important; gap:7px !important; flex-wrap:wrap !important; color:var(--shop-host-text) !important; text-align:center !important; direction:ltr !important; } body .md-shop-template-hosting .md-shop-host-plan-price .shop-price-bar, body .md-shop-template-hosting .md-shop-host-plan-price strong, body .md-shop-template-hosting .md-shop-host-plan-price .shop-price-now, body .md-shop-cat-template-hosting .md-shop-host-plan-price .shop-price-bar, body .md-shop-cat-template-hosting .md-shop-host-plan-price strong, body .md-shop-cat-template-hosting .md-shop-host-plan-price .shop-price-now{ display:inline-flex !important; align-items:flex-end !important; justify-content:center !important; gap:6px !important; color:var(--shop-host-text) !important; font-size:46px !important; font-weight:900 !important; line-height:.95 !important; min-height:0 !important; direction:ltr !important; white-space:nowrap !important; } body .md-shop-template-hosting .md-shop-host-plan-card.is-live-active .md-shop-host-plan-price .shop-price-now, body .md-shop-cat-template-hosting .md-shop-host-plan-card.is-live-active .md-shop-host-plan-price .shop-price-now{ color:var(--shop-host-purple) !important; } body .md-shop-template-hosting .md-shop-host-plan-price .shop-price-old, body .md-shop-cat-template-hosting .md-shop-host-plan-price .shop-price-old, body .md-shop-template-hosting .md-shop-host-plan-price .md-shop-section-old, body .md-shop-cat-template-hosting .md-shop-host-plan-price .md-shop-section-old{ order:3 !important; width:100% !important; opacity:.52 !important; font-size:13px !important; font-weight:800 !important; text-decoration:line-through !important; color:var(--shop-host-muted) !important; } body .md-shop-template-hosting .md-shop-host-plan-price em, body .md-shop-cat-template-hosting .md-shop-host-plan-price em{ order:2 !important; font-style:normal !important; font-size:12px !important; font-weight:800 !important; color:var(--shop-host-text) !important; margin:0 2px 5px !important; direction:rtl !important; } body .md-shop-template-hosting .md-shop-host-plan-features, body .md-shop-cat-template-hosting .md-shop-host-plan-features{ list-style:none !important; padding:0 22px 12px !important; margin:0 !important; flex:1 1 auto !important; direction:rtl !important; } body .md-shop-template-hosting .md-shop-host-plan-features li, body .md-shop-cat-template-hosting .md-shop-host-plan-features li{ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:10px !important; min-height:38px !important; padding:8px 0 !important; border-top:1px dashed var(--shop-host-line) !important; color:var(--shop-host-text) !important; font-size:13px !important; font-weight:800 !important; line-height:1.45 !important; } body .md-shop-template-hosting .md-shop-host-plan-features li:before, body .md-shop-cat-template-hosting .md-shop-host-plan-features li:before{ content:'•' !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; width:14px !important; height:14px !important; flex:0 0 14px !important; border-radius:999px !important; color:var(--shop-host-purple) !important; background:transparent !important; font-size:18px !important; font-weight:900 !important; line-height:1 !important; } body .md-shop-template-hosting .md-shop-host-plan-features li span, body .md-shop-cat-template-hosting .md-shop-host-plan-features li span{ flex:1 1 auto !important; text-align:right !important; } body .md-shop-template-hosting .md-shop-host-plan-actions, body .md-shop-cat-template-hosting .md-shop-host-plan-actions{ position:absolute !important; right:0 !important; left:0 !important; bottom:0 !important; padding:0 !important; margin:0 !important; } body .md-shop-template-hosting .md-shop-host-plan-btn, body .md-shop-cat-template-hosting .md-shop-host-plan-btn{ display:flex !important; align-items:center !important; justify-content:center !important; min-height:50px !important; width:100% !important; border:0 !important; border-radius:0 0 5px 5px !important; color:#fff !important; background:var(--shop-host-navy) !important; text-decoration:none !important; font-size:16px !important; font-weight:900 !important; box-shadow:none !important; transition:background-color .16s ease !important; } body .md-shop-template-hosting .md-shop-host-plan-card.is-live-active .md-shop-host-plan-btn, body .md-shop-cat-template-hosting .md-shop-host-plan-card.is-live-active .md-shop-host-plan-btn, body .md-shop-template-hosting .md-shop-host-plan-card:hover .md-shop-host-plan-btn, body .md-shop-template-hosting .md-shop-host-plan-card:focus-within .md-shop-host-plan-btn, body .md-shop-cat-template-hosting .md-shop-host-plan-card:hover .md-shop-host-plan-btn, body .md-shop-cat-template-hosting .md-shop-host-plan-card:focus-within .md-shop-host-plan-btn{ background:var(--shop-host-purple) !important; } body .md-shop-template-hosting .md-shop-host-compact-card, body .md-shop-cat-template-hosting .md-shop-host-compact-card, body .md-shop-section-block--hosting .md-shop-host-compact-card{ position:relative !important; display:block !important; height:auto !important; min-height:0 !important; padding:18px 16px !important; margin:0 !important; border:0 !important; border-radius:8px !important; overflow:hidden !important; background:transparent !important; box-shadow:none !important; box-sizing:border-box !important; text-align:right !important; color:var(--shop-host-text) !important; transition:transform .16s ease, background-color .16s ease !important; } body .md-shop-template-hosting .md-shop-host-compact-card:hover, body .md-shop-template-hosting .md-shop-host-compact-card:focus-within, body .md-shop-cat-template-hosting .md-shop-host-compact-card:hover, body .md-shop-cat-template-hosting .md-shop-host-compact-card:focus-within{ transform:translateY(-2px) !important; background:color-mix(in srgb, var(--shop-host-navy) 7%, transparent) !important; } body .md-shop-template-hosting .md-shop-host-compact-body, body .md-shop-cat-template-hosting .md-shop-host-compact-body{ display:block !important; height:auto !important; padding:0 !important; box-sizing:border-box !important; } body .md-shop-template-hosting .md-shop-host-compact-kicker, body .md-shop-cat-template-hosting .md-shop-host-compact-kicker{ margin:0 0 8px !important; color:var(--shop-host-navy) !important; font-size:15.5px !important; font-weight:950 !important; line-height:1.45 !important; text-align:right !important; } body .md-shop-template-hosting .md-shop-host-compact-summary, body .md-shop-cat-template-hosting .md-shop-host-compact-summary{ margin:0 0 10px !important; color:var(--shop-host-text) !important; font-size:16px !important; font-weight:400 !important; line-height:1.8 !important; text-align:right !important; } body .md-shop-template-hosting .md-shop-host-compact-meta, body .md-shop-cat-template-hosting .md-shop-host-compact-meta{ display:flex !important; align-items:center !important; justify-content:flex-start !important; flex-wrap:wrap !important; gap:8px 10px !important; direction:rtl !important; margin:0 !important; } body .md-shop-template-hosting .md-shop-host-compact-price, body .md-shop-cat-template-hosting .md-shop-host-compact-price{ display:inline-flex !important; align-items:center !important; justify-content:flex-start !important; text-align:right !important; direction:ltr !important; margin:0 !important; padding:0 !important; } body .md-shop-template-hosting .md-shop-host-compact-price .shop-price-bar, body .md-shop-template-hosting .md-shop-host-compact-price .shop-price-now, body .md-shop-template-hosting .md-shop-host-compact-price strong, body .md-shop-cat-template-hosting .md-shop-host-compact-price .shop-price-bar, body .md-shop-cat-template-hosting .md-shop-host-compact-price .shop-price-now, body .md-shop-cat-template-hosting .md-shop-host-compact-price strong{ display:inline-flex !important; align-items:center !important; justify-content:flex-start !important; gap:4px !important; color:#22c55e !important; font-size:20px !important; font-weight:700 !important; line-height:1.2 !important; white-space:nowrap !important; text-shadow:0 0 10px rgba(34,197,94,.22) !important; } body .md-shop-template-hosting .md-shop-host-compact-price .shop-price-now, body .md-shop-template-hosting .md-shop-host-compact-price .shop-price-now *, body .md-shop-cat-template-hosting .md-shop-host-compact-price .shop-price-now, body .md-shop-cat-template-hosting .md-shop-host-compact-price .shop-price-now *{ color:#22c55e !important; text-shadow:0 0 10px rgba(34,197,94,.24) !important; } body .md-shop-template-hosting .md-shop-host-compact-price .shop-price-old, body .md-shop-cat-template-hosting .md-shop-host-compact-price .shop-price-old, body .md-shop-template-hosting .md-shop-host-compact-price .md-shop-section-old, body .md-shop-cat-template-hosting .md-shop-host-compact-price .md-shop-section-old{ display:inline-flex !important; margin:0 0 0 6px !important; color:var(--shop-host-muted) !important; opacity:.7 !important; font-size:12px !important; font-weight:700 !important; text-decoration:line-through !important; } body .md-shop-template-hosting .md-shop-host-compact-actions, body .md-shop-cat-template-hosting .md-shop-host-compact-actions{ display:inline-flex !important; align-items:center !important; justify-content:flex-start !important; margin:0 !important; padding:0 !important; } body .md-shop-template-hosting .md-shop-host-compact-link, body .md-shop-cat-template-hosting .md-shop-host-compact-link{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:28px !important; padding:0 10px !important; border:0 !important; border-radius:999px !important; background:var(--shop-host-navy) !important; color:#fff !important; text-decoration:none !important; font-size:13px !important; font-weight:900 !important; line-height:1 !important; transition:transform .16s ease, background-color .16s ease !important; box-shadow:none !important; } body .md-shop-template-hosting .md-shop-host-compact-card:hover .md-shop-host-compact-link, body .md-shop-template-hosting .md-shop-host-compact-card:focus-within .md-shop-host-compact-link, body .md-shop-cat-template-hosting .md-shop-host-compact-card:hover .md-shop-host-compact-link, body .md-shop-cat-template-hosting .md-shop-host-compact-card:focus-within .md-shop-host-compact-link{ transform:translateY(-1px) !important; background:var(--shop-host-navy) !important; } body .md-shop-cat-template-hosting > h1, body .md-shop-template-hosting .md-shop-section-head h3{ text-align:center !important; color:var(--shop-host-text) !important; font-size:26px !important; font-weight:900 !important; margin:0 0 8px !important; } body .md-shop-cat-template-hosting .shop-cat-heading-info{ text-align:center !important; margin:0 auto 14px !important; color:var(--shop-host-muted) !important; font-size:15px !important; font-weight:700 !important; } @media only screen and (max-width:1100px){ body .md-shop-template-hosting .md-shop-section-products, body .md-shop-cat-template-hosting .md-shop-cat-products-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;} } @media only screen and (max-width:767px){ body .md-shop-template-hosting .md-shop-section-products, body .md-shop-cat-template-hosting .md-shop-cat-products-grid{grid-template-columns:1fr !important;gap:16px !important;} body .md-shop-template-hosting .md-shop-host-plan-card, body .md-shop-cat-template-hosting .md-shop-host-plan-card{min-height:360px !important;} body .md-shop-template-hosting .md-shop-host-plan-price .shop-price-bar, body .md-shop-template-hosting .md-shop-host-plan-price strong, body .md-shop-template-hosting .md-shop-host-plan-price .shop-price-now, body .md-shop-cat-template-hosting .md-shop-host-plan-price .shop-price-bar, body .md-shop-cat-template-hosting .md-shop-host-plan-price strong, body .md-shop-cat-template-hosting .md-shop-host-plan-price .shop-price-now{font-size:38px !important;} body .md-shop-template-hosting .md-shop-host-compact-card, body .md-shop-cat-template-hosting .md-shop-host-compact-card{padding:16px 14px !important;} } body .md-shop-template-digital, body .md-shop-cat-template-digital{ --shop-digital-accent:var(--md-site-accent,var(--md-site-link,#16865b)); --shop-digital-accent-hover:var(--md-site-link-hover,var(--md-site-accent,#0f6e49)); --shop-digital-deep:var(--md-site-accent-deep,var(--md-site-accent-hover,var(--shop-digital-accent))); --shop-digital-soft:var(--md-site-accent-soft,rgba(var(--md-site-accent-rgb,22,134,91),.08)); --shop-digital-card-bg:var(--md-site-card-bg,#fff); --shop-digital-border:var(--md-site-card-border,rgba(15,23,42,.08)); --shop-digital-text:var(--md-site-content-title,#111827); --shop-digital-muted:var(--md-site-content-brief,#475569); --shop-digital-secondary:var(--md-site-secondary,var(--md-site-accent-hover,var(--shop-digital-accent))); } body .md-shop-template-digital .md-shop-section-products, body .md-shop-cat-template-digital .md-shop-cat-products-grid{ display:grid !important; grid-template-columns:repeat(8,minmax(0,1fr)) !important; gap:14px !important; align-items:stretch !important; width:100% !important; max-width:100% !important; min-width:0 !important; margin:22px 0 0 !important; padding:0 !important; box-sizing:border-box !important; } body .md-shop-template-digital .md-shop-section-products > *, body .md-shop-cat-template-digital .md-shop-cat-products-grid > *, body .md-shop-cat-template-digital .md-shop-cat-products-grid > [class*='sc-'], body .md-shop-cat-template-digital .md-shop-cat-products-grid > [class*='mc-'], body .md-shop-cat-template-digital .md-shop-cat-products-grid > [class*='lc-']{ width:auto !important; max-width:none !important; min-width:0 !important; float:none !important; clear:none !important; display:block !important; margin:0 !important; padding:0 !important; box-sizing:border-box !important; } body .md-shop-digital-main-card{ display:flex !important; flex-direction:column !important; align-items:stretch !important; justify-content:flex-start !important; min-width:0 !important; height:100% !important; min-height:226px !important; overflow:hidden !important; border:1px solid var(--shop-digital-border) !important; border-radius:8px !important; background:var(--shop-digital-card-bg) !important; box-shadow:0 8px 20px rgba(15,23,42,.045) !important; color:var(--shop-digital-text) !important; text-align:center !important; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease !important; } body .md-shop-digital-main-card:hover, body .md-shop-digital-main-card:focus-within{ transform:translateY(-4px) !important; border-color:rgba(var(--md-site-accent-rgb,22,134,91),.24) !important; background:linear-gradient(180deg,var(--shop-digital-card-bg),var(--shop-digital-soft)) !important; box-shadow:0 16px 30px rgba(15,23,42,.085) !important; } body .md-shop-digital-main-icon{ display:flex !important; align-items:center !important; justify-content:center !important; width:54px !important; height:54px !important; margin:18px auto 10px !important; border-radius:8px !important; color:var(--shop-digital-accent-hover) !important; background:var(--shop-digital-soft) !important; border:1px solid rgba(var(--md-site-accent-rgb,22,134,91),.14) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.40),0 7px 18px rgba(15,23,42,.055) !important; font-size:25px !important; line-height:1 !important; text-decoration:none !important; transition:transform .18s ease, background-color .18s ease, color .18s ease !important; } body .md-shop-digital-main-card:hover .md-shop-digital-main-icon, body .md-shop-digital-main-card:focus-within .md-shop-digital-main-icon{ transform:translateY(-2px) scale(1.04) !important; color:var(--md-site-action-primary-text,#fff) !important; background:var(--shop-digital-accent) !important; } body .md-shop-digital-main-body{ display:flex !important; flex-direction:column !important; gap:8px !important; flex:1 1 auto !important; padding:0 12px 14px !important; } body .md-shop-digital-main-title{ display:block !important; margin:0 !important; color:var(--shop-digital-text) !important; text-decoration:none !important; font-size:15px !important; font-weight:900 !important; line-height:1.48 !important; min-height:44px !important; } body .md-shop-digital-main-title:hover{color:var(--shop-digital-accent-hover) !important;} body .md-shop-digital-main-summary{ margin:0 !important; color:var(--shop-digital-muted) !important; font-size:12.5px !important; font-weight:400 !important; line-height:1.55 !important; min-height:39px !important; display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; } body .md-shop-digital-main-footer{ display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:flex-end !important; gap:8px !important; margin-top:auto !important; padding-top:2px !important; direction:rtl !important; } body .md-shop-digital-main-price, body .md-shop-digital-compact-price{ direction:ltr !important; color:var(--shop-digital-secondary) !important; font-size:14px !important; font-weight:900 !important; white-space:nowrap !important; } body .md-shop-digital-main-price .shop-price-now, body .md-shop-digital-main-price .shop-price-now *, body .md-shop-digital-compact-price .shop-price-now, body .md-shop-digital-compact-price .shop-price-now *, body .md-shop-digital-main-price strong, body .md-shop-digital-compact-price strong{color:var(--shop-digital-secondary) !important;} body .md-shop-digital-main-btn, body .md-shop-digital-compact-btn{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:30px !important; padding:0 12px !important; border:0 !important; border-radius:999px !important; background:var(--shop-digital-accent) !important; color:var(--md-site-action-primary-text,#fff) !important; text-decoration:none !important; font-size:12px !important; font-weight:900 !important; box-shadow:0 8px 16px rgba(var(--md-site-accent-rgb,22,134,91),.16) !important; } body .md-shop-digital-main-btn:hover, body .md-shop-digital-compact-btn:hover{background:var(--shop-digital-accent-hover) !important;} body .md-shop-digital-compact-card{ display:flex !important; flex-direction:column !important; justify-content:flex-start !important; min-width:0 !important; min-height:146px !important; padding:12px 12px 11px !important; border:0 !important; border-radius:8px !important; background:transparent !important; color:var(--shop-digital-text) !important; text-align:right !important; position:relative !important; transition:background-color .18s ease, transform .18s ease, box-shadow .18s ease !important; } body .md-shop-digital-compact-card:before{ content:'' !important; position:absolute !important; top:15px !important; bottom:15px !important; inset-inline-start:0 !important; width:2px !important; border-radius:8px !important; background:var(--shop-digital-accent) !important; opacity:.65 !important; } body .md-shop-digital-compact-card:hover, body .md-shop-digital-compact-card:focus-within{ transform:translateY(-2px) !important; background:var(--shop-digital-soft) !important; box-shadow:0 10px 22px rgba(15,23,42,.045) !important; } body .md-shop-digital-compact-title{ display:block !important; margin:0 0 7px !important; color:var(--shop-digital-accent-hover) !important; text-decoration:none !important; font-size:15px !important; font-weight:900 !important; line-height:1.45 !important; } body .md-shop-digital-compact-lines{ display:flex !important; flex-direction:column !important; gap:2px !important; margin:0 !important; color:var(--shop-digital-text) !important; font-size:12.5px !important; font-weight:450 !important; line-height:1.55 !important; } body .md-shop-digital-compact-lines span{ display:block !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; } body .md-shop-digital-compact-meta{ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:8px !important; flex-wrap:nowrap !important; direction:rtl !important; margin-top:auto !important; padding-top:8px !important; } @media only screen and (max-width:1400px){ body .md-shop-template-digital .md-shop-section-products, body .md-shop-cat-template-digital .md-shop-cat-products-grid{grid-template-columns:repeat(6,minmax(0,1fr)) !important;} } @media only screen and (max-width:1100px){ body .md-shop-template-digital .md-shop-section-products, body .md-shop-cat-template-digital .md-shop-cat-products-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;} } @media only screen and (max-width:767px){ body .md-shop-template-digital .md-shop-section-products, body .md-shop-cat-template-digital .md-shop-cat-products-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important;} body .md-shop-digital-main-card{min-height:212px !important;} body .md-shop-digital-main-title{font-size:14px !important;} body .md-shop-digital-main-body{padding:0 10px 12px !important;} body .md-shop-digital-main-icon{width:48px !important;height:48px !important;font-size:22px !important;margin-top:14px !important;} } @media only screen and (max-width:420px){ body .md-shop-template-digital .md-shop-section-products, body .md-shop-cat-template-digital .md-shop-cat-products-grid{grid-template-columns:1fr !important;} } /* 20260519: split template rows and responsive compact grids */ body .md-shop-template-hosting .md-shop-host-main-grid, body .md-shop-cat-template-hosting .md-shop-host-main-grid, body .md-shop-section-block--hosting .md-shop-host-main-grid{ display:grid !important; grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr)) !important; gap:22px !important; align-items:stretch !important; width:100% !important; max-width:100% !important; } body .md-shop-template-hosting .md-shop-host-simple-grid, body .md-shop-cat-template-hosting .md-shop-host-simple-grid, body .md-shop-section-block--hosting .md-shop-host-simple-grid{ display:grid !important; grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr)) !important; gap:14px 18px !important; align-items:start !important; width:100% !important; max-width:100% !important; margin-top:18px !important; } body .md-shop-template-digital .md-shop-digital-main-grid, body .md-shop-cat-template-digital .md-shop-digital-main-grid, body .md-shop-section-block--digital .md-shop-digital-main-grid{ display:grid !important; grid-template-columns:repeat(auto-fit,minmax(min(132px,100%),1fr)) !important; gap:14px !important; align-items:stretch !important; width:100% !important; max-width:100% !important; min-width:0 !important; margin:22px 0 0 !important; padding:0 !important; box-sizing:border-box !important; } body .md-shop-template-digital .md-shop-digital-simple-grid, body .md-shop-cat-template-digital .md-shop-digital-simple-grid, body .md-shop-section-block--digital .md-shop-digital-simple-grid{ display:grid !important; grid-template-columns:repeat(auto-fit,minmax(min(132px,100%),1fr)) !important; gap:12px 16px !important; align-items:start !important; width:100% !important; max-width:100% !important; min-width:0 !important; margin:16px 0 0 !important; padding:0 !important; box-sizing:border-box !important; } body .md-shop-template-digital .md-shop-digital-main-grid > *, body .md-shop-template-digital .md-shop-digital-simple-grid > *, body .md-shop-template-hosting .md-shop-host-main-grid > *, body .md-shop-template-hosting .md-shop-host-simple-grid > *{ width:auto !important; max-width:none !important; min-width:0 !important; float:none !important; clear:none !important; margin:0 !important; padding:0 !important; box-sizing:border-box !important; } @media only screen and (max-width:767px){ body .md-shop-template-digital .md-shop-digital-main-grid, body .md-shop-template-digital .md-shop-digital-simple-grid, body .md-shop-cat-template-digital .md-shop-digital-main-grid, body .md-shop-cat-template-digital .md-shop-digital-simple-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } } @media only screen and (max-width:420px){ body .md-shop-template-digital .md-shop-digital-main-grid, body .md-shop-template-digital .md-shop-digital-simple-grid, body .md-shop-cat-template-digital .md-shop-digital-main-grid, body .md-shop-cat-template-digital .md-shop-digital-simple-grid{ grid-template-columns:1fr !important; } } /* Moyes demo square-corner visual policy for retail/showcase: keep product/list cards and their images straight. */ .moyes-shop-card, .shop-brief-content, .md-shop-section-product, .md-shop-section-product-img, .md-shop-cat-products-grid .shop-brief-content.moyes-shop-card, .md-shop-cat-products-grid .moyes-shop-card, .md-shop-template-grid .image-wrapper, .md-shop-main-products .image-wrapper, .shop-products-grid .image-wrapper, .shop-index-products .image-wrapper, .shop-list-products .image-wrapper, .md-shop-section-product-img img, .md-shop-cat-products-grid .shop-brief-content.moyes-shop-card .image-wrapper, .md-shop-cat-products-grid .shop-brief-content.moyes-shop-card .image-wrapper img, .md-shop-cat-products-grid .moyes-shop-card .image-wrapper, .md-shop-cat-products-grid .moyes-shop-card .image-wrapper img, .md-shop-template-grid .image-wrapper img, .md-shop-main-products .image-wrapper img, .shop-products-grid .image-wrapper img, .shop-index-products .image-wrapper img, .shop-list-products .image-wrapper img, .shop-card-img, .image-wrapper, .image-wrapper img{ border-radius:0 !important; } /* Smart visual fallbacks: expressive icons replace missing product/category images. */ .shop-product-media-diamond, .shop-category-tile-symbol{ position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:100%; min-height:118px; overflow:hidden; isolation:isolate; background:linear-gradient(145deg, color-mix(in srgb,var(--md-site-accent,var(--md-site-link,#9d174d)) 10%, #fff), #fff 58%, color-mix(in srgb,var(--md-site-accent,var(--md-site-link,#9d174d)) 6%, #f8fafc)); } .shop-product-media-diamond--image{background:#fff;} .shop-product-media-diamond--image img{width:100%;height:100%;object-fit:cover;display:block;} .shop-product-media-diamond--symbol:before, .shop-category-tile-symbol:before{ content:''; position:absolute; width:180px; height:180px; border-radius:999px; inset:auto -58px -74px auto; background:color-mix(in srgb,var(--md-site-accent,var(--md-site-link,#9d174d)) 12%, transparent); pointer-events:none; } .shop-product-category-icon{ --shop-symbol-color:var(--md-site-accent,var(--md-site-link,#9d174d)); position:relative; z-index:2; display:inline-flex; align-items:center; justify-content:center; width:min(58%,96px); aspect-ratio:1/1; border-radius:8px; color:var(--shop-symbol-color); background:rgba(255,255,255,.72); box-shadow:0 16px 36px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.88); border:1px solid color-mix(in srgb,var(--shop-symbol-color) 16%, #fff); } .shop-product-category-icon svg{width:68%;height:68%;display:block;} .shop-product-category-initials{ position:absolute; inset:auto 8px 7px auto; display:inline-flex; align-items:center; justify-content:center; min-width:22px; height:22px; padding:0 5px; border-radius:999px; background:color-mix(in srgb,var(--shop-symbol-color) 13%, #fff); color:var(--shop-symbol-color); font-size:10px; line-height:1; font-weight:950; box-shadow:0 8px 18px rgba(15,23,42,.08); } .shop-product-symbol-note{ position:absolute; inset:auto 12px 10px 12px; z-index:3; display:inline-flex; align-items:center; justify-content:center; min-height:24px; padding:0 9px; border-radius:999px; background:rgba(255,255,255,.78); color:color-mix(in srgb,var(--md-site-accent,var(--md-site-link,#9d174d)) 72%, #334155); font-size:10.5px; font-weight:900; backdrop-filter:blur(6px); } .shop-product-media-diamond--managed{background:var(--shop-fallback-bg,linear-gradient(145deg,#fff7fb,#f8fafc)) !important;} .shop-product-managed-fallback{--shop-fallback-bg:#fff7fb;--shop-fallback-fg:#9d174d;position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:118px;border-radius:inherit;background:var(--shop-fallback-bg);color:var(--shop-fallback-fg);overflow:hidden;isolation:isolate;} .shop-product-managed-fallback:before{content:'';position:absolute;inset:auto -55px -70px auto;width:180px;height:180px;border-radius:999px;background:color-mix(in srgb,var(--shop-fallback-fg) 12%, transparent);pointer-events:none;} .shop-product-managed-fallback--image img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;display:block;} .shop-product-managed-fallback--icon .shop-product-category-icon{width:min(58%,96px);height:auto;aspect-ratio:1/1;color:var(--shop-fallback-fg);--shop-symbol-color:var(--shop-fallback-fg);} .shop-product-managed-fallback--emoji span,.shop-product-managed-fallback--text span{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-width:70px;min-height:70px;padding:10px 14px;border-radius:8px;background:rgba(255,255,255,.76);box-shadow:0 16px 34px rgba(15,23,42,.10);color:var(--shop-fallback-fg);font-weight:950;line-height:1.15;text-align:center;} .shop-product-managed-fallback--emoji span{font-size:44px;} .shop-product-managed-fallback--text span{font-size:20px;max-width:82%;} .shop-product-category-icon--cleaning{--shop-symbol-color:#0891b2;} .shop-product-category-icon--personal_care{--shop-symbol-color:#db2777;} .shop-product-category-icon--paper{--shop-symbol-color:#64748b;} .shop-product-category-icon--drinks{--shop-symbol-color:#0284c7;} .shop-product-category-icon--dairy{--shop-symbol-color:#2563eb;} .shop-product-category-icon--grains{--shop-symbol-color:#b45309;} .shop-product-category-icon--oil{--shop-symbol-color:#ca8a04;} .shop-product-category-icon--canned{--shop-symbol-color:#7c3aed;} .shop-product-category-icon--sweets{--shop-symbol-color:#e11d48;} .shop-product-category-icon--spices{--shop-symbol-color:#c2410c;} .shop-product-category-icon--bakery{--shop-symbol-color:#a16207;} .shop-product-category-icon--frozen{--shop-symbol-color:#0ea5e9;} .shop-product-category-icon--produce{--shop-symbol-color:#16a34a;} .shop-product-category-icon--baby{--shop-symbol-color:#f472b6;} .shop-product-category-icon--household{--shop-symbol-color:#475569;} .shop-product-category-icon--electronics{--shop-symbol-color:#4338ca;} .shop-product-category-icon--grocery{--shop-symbol-color:#9d174d;} .md-product-card--smart-symbol .md-product-card-media, .md-section-img--smart{ background:linear-gradient(145deg, color-mix(in srgb,var(--md-site-accent,var(--md-site-link,#9d174d)) 8%, #fff), #fff 62%, #f8fafc) !important; } .md-product-card--smart-symbol .md-product-card-media{display:flex;align-items:center;justify-content:center;} .md-product-card--smart-symbol .md-product-card-bg{display:none!important;} .md-product-card--smart-symbol:hover .shop-product-category-icon{transform:translateY(-2px) scale(1.03);transition:transform .22s ease;} .md-section-img .shop-category-tile-symbol, .md-section-img .shop-product-media-diamond{min-height:100%;} .md-section-img .shop-product-category-icon{width:min(54%,84px);} @media only screen and (max-width:767px){ .shop-product-category-icon{width:min(54%,86px);border-radius:8px;} .shop-product-symbol-note{font-size:10px;min-height:22px;} } /* Elegant modern home section cards. */ .md-sections-wrap--home, .md-sections-wrap--pinned{ padding:18px; border-radius:8px; background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(255,247,251,.64)); border:1px solid color-mix(in srgb,var(--md-site-accent,var(--md-site-link,#9d174d)) 8%, transparent); box-shadow:0 18px 44px rgba(15,23,42,.065); } .md-sections-title, .md-shop-template-section-title{ letter-spacing:-.01em; } .md-sections-more, .md-shop-template-section-more{ display:inline-flex; align-items:center; justify-content:center; min-height:32px; padding:0 12px; border-radius:999px; background:color-mix(in srgb,var(--md-site-accent,var(--md-site-link,#9d174d)) 9%, #fff); color:var(--md-site-accent,var(--md-site-link,#9d174d)) !important; text-decoration:none !important; } .md-section-card{ display:flex; flex-direction:column; min-height:100%; border-radius:8px; overflow:hidden; background:#fff; border:1px solid color-mix(in srgb,var(--md-site-accent,var(--md-site-link,#9d174d)) 10%, #edf2f7); box-shadow:0 12px 26px rgba(15,23,42,.055); color:var(--md-site-content-title,#172033); text-decoration:none !important; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; } .md-section-card:hover, .md-section-card:focus-visible{ transform:translateY(-4px); box-shadow:0 20px 38px rgba(15,23,42,.11); border-color:color-mix(in srgb,var(--md-site-accent,var(--md-site-link,#9d174d)) 20%, #fff); } .md-section-card .md-section-img, .md-section-img{ display:flex; align-items:center; justify-content:center; background:linear-gradient(145deg,rgba(255,255,255,.95),color-mix(in srgb,var(--md-site-accent,var(--md-site-link,#9d174d)) 5%, #f8fafc)); } .md-section-name{ padding:11px 13px 4px; font-weight:950; color:var(--md-site-content-title,#172033); line-height:1.55; } .md-section-info{ padding:0 13px 13px; color:var(--md-site-muted,#64748b); font-size:12.5px; line-height:1.65; } @media only screen and (max-width:767px){ .md-sections-wrap--home,.md-sections-wrap--pinned{padding:12px;border-radius:8px;} } /* /shop index final desktop grid guard - 20260611-shop-home-grid-fix */ .md-sections-wrap--shop-index > .md-shop-sections-products-wrap .md-shop-section-products, .md-sections-wrap > .md-shop-sections-products-wrap .md-shop-section-products{ display:grid !important; grid-template-columns:repeat(var(--md-shop-product-grid-columns, 5), minmax(0,1fr)) !important; gap:var(--md-shop-card-gap, 12px) !important; align-items:stretch !important; width:100% !important; max-width:100% !important; min-width:0 !important; box-sizing:border-box !important; } .md-sections-wrap--shop-index > .md-shop-sections-products-wrap .md-shop-section-products > .md-shop-section-product, .md-sections-wrap > .md-shop-sections-products-wrap .md-shop-section-products > .md-shop-section-product{ width:auto !important; max-width:none !important; min-width:0 !important; float:none !important; clear:none !important; flex:none !important; display:flex !important; flex-direction:column !important; height:100% !important; box-sizing:border-box !important; } .md-sections-wrap--shop-index > .md-shop-sections-products-wrap .md-shop-section-product-img, .md-sections-wrap > .md-shop-sections-products-wrap .md-shop-section-product-img{ display:block !important; width:100% !important; max-width:100% !important; aspect-ratio:4/3 !important; min-height:0 !important; max-height:none !important; overflow:hidden !important; box-sizing:border-box !important; } .md-sections-wrap--shop-index > .md-shop-sections-products-wrap .md-shop-section-product-img img, .md-sections-wrap > .md-shop-sections-products-wrap .md-shop-section-product-img img{ display:block !important; width:100% !important; height:100% !important; max-width:100% !important; object-fit:cover !important; object-position:center center !important; } @media (max-width:1180px){ .md-sections-wrap--shop-index > .md-shop-sections-products-wrap .md-shop-section-products, .md-sections-wrap > .md-shop-sections-products-wrap .md-shop-section-products{ grid-template-columns:repeat(4, minmax(0,1fr)) !important; } } @media (max-width:900px){ .md-sections-wrap--shop-index > .md-shop-sections-products-wrap .md-shop-section-products, .md-sections-wrap > .md-shop-sections-products-wrap .md-shop-section-products{ grid-template-columns:repeat(3, minmax(0,1fr)) !important; } } @media (max-width:767px){ .md-sections-wrap--shop-index > .md-shop-sections-products-wrap .md-shop-section-products, .md-sections-wrap > .md-shop-sections-products-wrap .md-shop-section-products{ --md-shop-product-grid-columns:1 !important; grid-template-columns:minmax(0,1fr) !important; } } /* Public shop performance guard: lower sections render only when near viewport while keeping layout stable. */ @supports (content-visibility:auto){ .md-sections-wrap--shop-index .md-shop-section-block, .md-sections-wrap--shop-index .md-shop-template-section, .md-shop-cat-products-grid, .md-shop-template-grid{ content-visibility:auto; contain-intrinsic-size:720px; } }