/* Generated for the modern homepage from store-modern.css. * Source SHA256: 427aa637b8445e1ff308a3c987ecdc6fb2c865555c469b612a75a5889e629be4 * Only positive body classes exclusive to other pages were removed. * Shared rules, declarations, order, media queries and menu fixes are unchanged. */ /* Magna Polonia modern storefront modules – WORK REVIEW */ :root{ --mp-red:#ed1c24; --mp-red-dark:#c9161d; --mp-ink:#202124; --mp-muted:#6f7378; --mp-line:#e8e8ea; --mp-soft:#f7f7f8; --mp-card:#fff; --mp-radius:14px; --mp-shadow:0 8px 28px rgba(20,24,31,.07); } /* ---------- Header ---------- */ body.mp-modern-header .container_top{margin-top:.45rem;margin-bottom:.6rem} body.mp-modern-header .topbar{border:0;margin-bottom:.55rem;padding:.3rem .15rem;color:var(--mp-muted);font-size:.78rem} body.mp-modern-header .topbar a{color:#4c5055} body.mp-modern-header .topbar .mp-account-link{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;color:var(--mp-ink)} body.mp-modern-header .topbar .mp-account-dot{width:7px;height:7px;border-radius:50%;background:#26a269;display:inline-block} body.mp-modern-header .toplogo{display:flex;align-items:center;justify-content:flex-start} body.mp-modern-header .toplogo .logo{display:inline-flex;align-items:center} body.mp-modern-header .toplogo .logo img{height:74px;max-width:100%;object-fit:contain} body.mp-modern-header .topsearch{display:flex;align-items:center} body.mp-modern-header .topsearch #search-box{width:100%} body.mp-modern-header .topsearch form, body.mp-modern-header .topsearch .is-form-style{margin:0!important} body.mp-modern-header .topsearch input[type="search"], body.mp-modern-header .topsearch input[type="text"]{height:48px!important;border:1px solid #dfe1e5!important;border-radius:12px 0 0 12px!important;padding:0 16px!important;background:#fff!important;box-shadow:none!important} body.mp-modern-header .topsearch button, body.mp-modern-header .topsearch input[type="submit"]{height:48px!important;border-radius:0 12px 12px 0!important;border:1px solid #dfe1e5!important;background:#f4f4f5!important;color:#2f3337!important} body.mp-modern-header .topcart{display:flex;align-items:center;justify-content:flex-end} body.mp-modern-header .topcart .cart{width:100%;max-width:270px} body.mp-modern-header .topcart .cart a{min-height:48px;border:1px solid #efb3b6;border-radius:12px;padding:11px 14px;background:#fff;display:flex;align-items:center;justify-content:flex-end;gap:.6rem;font-weight:700;color:var(--mp-ink)} body.mp-modern-header .topcart .cart a:hover{border-color:var(--mp-red);background:#fff8f8} body.mp-modern-header nav.navbar{border:1px solid var(--mp-line);border-left:0;border-right:0;margin:.8rem 0 0;padding:.55rem 0;background:#fff} body.mp-modern-header .navbar .nav-link{font-weight:600;color:#363a3f;padding:.72rem .85rem} body.mp-modern-header .navbar .current-menu-item>.nav-link, body.mp-modern-header .navbar .nav-link:hover{color:var(--mp-red)} body.mp-modern-header .woocommerce-breadcrumb{margin-top:.5rem;color:var(--mp-muted)} /* ---------- Product catalogue ---------- */ body.mp-modern-catalog.woocommerce ul.products, body.mp-modern-catalog.woocommerce-page ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0!important;padding:0!important} body.mp-modern-catalog.woocommerce ul.products::before, body.mp-modern-catalog.woocommerce ul.products::after{display:none!important} body.mp-modern-catalog.woocommerce ul.products li.product, body.mp-modern-catalog.woocommerce-page ul.products li.product{float:none!important;width:auto!important;margin:0!important;padding:14px!important;border:1px solid var(--mp-line);border-radius:var(--mp-radius);background:var(--mp-card);display:flex!important;flex-direction:column;min-width:0;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;position:relative;overflow:hidden} body.mp-modern-catalog.woocommerce ul.products li.product:hover{transform:translateY(-2px);border-color:#d6d7da;box-shadow:var(--mp-shadow)} body.mp-modern-catalog.woocommerce ul.products li.product>a.woocommerce-LoopProduct-link{display:flex;flex-direction:column;flex:1;color:inherit;text-decoration:none;min-width:0} body.mp-modern-catalog.woocommerce ul.products li.product a img{width:100%!important;height:auto!important;aspect-ratio:4/5;object-fit:contain;background:#fff;margin:0 0 12px!important;border-radius:10px} body.mp-modern-catalog.woocommerce ul.products li.product .woocommerce-loop-product__title, body.mp-modern-catalog.woocommerce ul.products li.product span.woocommerce-loop-product__title{height:auto!important;min-height:3.2em;margin:0!important;padding:0!important;font-size:1rem!important;line-height:1.35;font-weight:700;color:var(--mp-ink);display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden} body.mp-modern-catalog.woocommerce ul.products li.product .star-rating{margin:.55rem 0 0} body.mp-modern-catalog.woocommerce ul.products li.product .price{margin:auto 0 0!important;padding-top:.7rem;text-align:left!important;font-size:1.08rem!important;line-height:1.2;color:var(--mp-red)!important;font-weight:800} body.mp-modern-catalog.woocommerce ul.products li.product .price del{font-size:.82rem;color:#979ba1;opacity:1;font-weight:500} body.mp-modern-catalog.woocommerce ul.products li.product .button{width:100%;min-height:42px;margin:12px 0 0!important;border-radius:10px!important;display:flex!important;align-items:center;justify-content:center;text-align:center;font-weight:800;background:var(--mp-red)!important;color:#fff!important} body.mp-modern-catalog.woocommerce ul.products li.product .button:hover{background:var(--mp-red-dark)!important} body.mp-modern-catalog.woocommerce ul.products li.product span.onsale{top:11px!important;left:11px!important;right:auto!important;transform:none!important;border-radius:999px!important;padding:6px 9px!important;min-height:0!important;line-height:1!important;font-size:.72rem!important;z-index:3;background:var(--mp-red)!important} body.mp-modern-catalog .woocommerce-result-count{color:var(--mp-muted)} body.mp-modern-catalog .woocommerce-ordering select{border:1px solid var(--mp-line);border-radius:10px;padding:9px 32px 9px 11px;background:#fff} /* ---------- Single product ---------- */ /* * IMPORTANT: the legacy theme emits the product description directly from * description.php. 3.0.9 wraps the purchase area and description explicitly, * so third-party carousels can never be auto-placed under the sticky summary. */ /* Defensive full-width reset for sections injected by product-slider / recommendation plugins. */ /* ---------- Cart ---------- */ /* ---------- Shared polish ---------- */ body.mp-modern-header .button, body.mp-modern-catalog .button{transition:background .15s ease,border-color .15s ease,transform .12s ease} body.mp-modern-catalog .woocommerce-message{border-radius:12px;border:1px solid #d8eadf;background:#f7fcf8;padding:14px 16px 14px 46px} @media (max-width:991px){ body.mp-modern-catalog.woocommerce ul.products, body.mp-modern-catalog.woocommerce-page ul.products{grid-template-columns:repeat(3,minmax(0,1fr))} } @media (max-width:767px){ body.mp-modern-header .topbar .col-12:first-child{display:none} body.mp-modern-header .topbar .col-12:last-child{text-align:right!important} body.mp-modern-header .toplogo{justify-content:center;margin-bottom:8px} body.mp-modern-header .toplogo .logo img{height:58px} body.mp-modern-header .topsearch{order:3;margin-top:8px} body.mp-modern-header .topcart{order:2;justify-content:center} body.mp-modern-header .topcart .cart{max-width:none} body.mp-modern-header .topcart .cart a{justify-content:center} body.mp-modern-catalog.woocommerce ul.products, body.mp-modern-catalog.woocommerce-page ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} body.mp-modern-catalog.woocommerce ul.products li.product{padding:10px!important;border-radius:12px} body.mp-modern-catalog.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:.92rem!important;min-height:3.7em} } @media (max-width:420px){ body.mp-modern-catalog.woocommerce ul.products, body.mp-modern-catalog.woocommerce-page ul.products{gap:9px} body.mp-modern-catalog.woocommerce ul.products li.product{padding:8px!important} body.mp-modern-catalog.woocommerce ul.products li.product .button{font-size:.82rem;padding:8px 6px!important} } /* ---------- My account ---------- */ /* Apply the two-column shell ONLY to the shortcode's outer WooCommerce wrapper. * Loyalty and other plugins may render their own nested .woocommerce elements. */ /* Never turn plugin-generated nested WooCommerce wrappers into another account grid. */ /* ---------- Footer ---------- */ body.mp-modern-footer .footerbar{margin-top:48px;background:#f7f7f8;border-top:1px solid var(--mp-line)} body.mp-modern-footer .footerbar .container{margin-top:0;margin-bottom:0;padding-top:30px;padding-bottom:28px} body.mp-modern-footer .footer{border:0!important;color:#777;text-align:left;padding:0 15px} body.mp-modern-footer .footer .menu{margin-bottom:15px} body.mp-modern-footer .footer .menu ul{padding:0;margin:0;display:flex;gap:9px 20px;flex-wrap:wrap} body.mp-modern-footer .footer .menu li{margin:0!important} body.mp-modern-footer .footer .menu a{color:#333;font-weight:650;text-decoration:none} body.mp-modern-footer .footer .menu a:hover{color:var(--mp-red)} body.mp-modern-footer .footer p{font-size:.86rem;line-height:1.55;margin:0;max-width:900px} /* Cross-sells inherit the modern card language inside the new cart. */ @media(max-width:991px){ } @media(max-width:767px){ body.mp-modern-footer .footer{text-align:center} body.mp-modern-footer .footer .menu ul{justify-content:center} } /* ========================================================== * 3.0.10 — modern home + cart usability hotfix * ========================================================== */ /* ---------- Modern home ---------- */ body.mp-modern-home .mp-home-shell{padding:10px 0 34px} body.mp-modern-home .mp-home{max-width:1180px} body.mp-modern-home .mp-home-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:34px;align-items:center;padding:38px 42px;border:1px solid var(--mp-line);border-radius:22px;background:linear-gradient(135deg,#fff 0%,#fff8f8 100%);box-shadow:var(--mp-shadow);overflow:hidden;position:relative} body.mp-modern-home .mp-home-hero:after{content:"";position:absolute;right:-90px;top:-90px;width:260px;height:260px;border-radius:50%;background:rgba(237,28,36,.055);pointer-events:none} body.mp-modern-home .mp-home-hero__copy{position:relative;z-index:1;min-width:0} body.mp-modern-home .mp-home-eyebrow{display:block;margin-bottom:8px;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;font-weight:850;color:var(--mp-red)} body.mp-modern-home .mp-home-hero h1{font-size:clamp(2rem,4vw,3.35rem);line-height:1.06;margin:0 0 16px;color:var(--mp-ink);max-width:760px} body.mp-modern-home .mp-home-hero__text{max-width:720px;font-size:1.04rem;line-height:1.62;color:#565b61} body.mp-modern-home .mp-home-hero__text p:last-child{margin-bottom:0} body.mp-modern-home .mp-home-hero__price{font-size:1.8rem;font-weight:850;color:var(--mp-red);margin-top:17px} body.mp-modern-home .mp-home-hero__price del{font-size:1rem;color:#979ba1;margin-right:7px;font-weight:500} body.mp-modern-home .mp-home-hero__actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px} body.mp-modern-home .mp-home-primary{display:inline-flex!important;align-items:center;justify-content:center;min-height:48px;padding:0 22px!important;border-radius:11px!important;background:var(--mp-red)!important;color:#fff!important;font-weight:850!important;text-decoration:none!important} body.mp-modern-home .mp-home-primary:hover{background:var(--mp-red-dark)!important} body.mp-modern-home .mp-home-secondary{font-weight:750;color:#43474c;text-decoration:none} body.mp-modern-home .mp-home-secondary:hover{color:var(--mp-red)} body.mp-modern-home .mp-home-hero__visual{display:flex;align-items:center;justify-content:center;position:relative;z-index:1;min-height:360px} body.mp-modern-home .mp-home-hero__visual img{display:block;max-width:100%;width:auto;max-height:430px;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(20,24,31,.14))} body.mp-modern-home .mp-home-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0 42px} body.mp-modern-home .mp-home-benefits>div{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-areas:"icon title" "icon text";column-gap:11px;align-items:center;padding:15px 16px;border:1px solid var(--mp-line);border-radius:14px;background:#fff} body.mp-modern-home .mp-home-benefits span{grid-area:icon;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff1f1;color:var(--mp-red);font-weight:900;font-size:1rem} body.mp-modern-home .mp-home-benefits strong{grid-area:title;color:var(--mp-ink);font-size:.92rem;line-height:1.2} body.mp-modern-home .mp-home-benefits small{grid-area:text;color:var(--mp-muted);font-size:.76rem;line-height:1.3;margin-top:2px} body.mp-modern-home .mp-home-section{margin:44px 0} body.mp-modern-home .mp-home-section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px} body.mp-modern-home .mp-home-section__head h2{font-size:clamp(1.6rem,2.6vw,2.15rem);line-height:1.1;margin:0;color:var(--mp-ink)} body.mp-modern-home .mp-home-section__head>a{font-weight:750;color:#555;text-decoration:none;white-space:nowrap} body.mp-modern-home .mp-home-section__head>a:hover{color:var(--mp-red)} body.mp-modern-home .mp-home-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px} body.mp-modern-home .mp-home-category-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--mp-line);border-radius:15px;background:#fff;padding:12px;text-decoration:none;color:inherit;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease} body.mp-modern-home .mp-home-category-card:hover{transform:translateY(-2px);border-color:#d7d8da;box-shadow:var(--mp-shadow);color:inherit} body.mp-modern-home .mp-home-category-card__visual{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;border-radius:11px;background:#fafafa;overflow:hidden;margin-bottom:10px} body.mp-modern-home .mp-home-category-card__visual img{width:100%;height:100%;object-fit:contain} body.mp-modern-home .mp-home-category-card__placeholder{font-size:1.6rem;font-weight:900;color:#c9c9cc} body.mp-modern-home .mp-home-category-card__name{font-size:.93rem;font-weight:800;line-height:1.28;color:var(--mp-ink)} body.mp-modern-home .mp-home-category-card small{font-size:.75rem;color:var(--mp-muted);margin-top:3px} body.mp-modern-home .mp-home-products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px} body.mp-modern-home .mp-home-product-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--mp-line);border-radius:15px;background:#fff;overflow:hidden;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease} body.mp-modern-home .mp-home-product-card:hover{transform:translateY(-2px);border-color:#d7d8da;box-shadow:var(--mp-shadow)} body.mp-modern-home .mp-home-product-card__image{display:block;position:relative;padding:14px 14px 0;background:#fff;min-height:0} body.mp-modern-home .mp-home-product-card__image img{display:block;width:100%;aspect-ratio:4/5;object-fit:contain;margin:0;background:#fff} body.mp-modern-home .mp-home-badge{position:absolute;left:22px;top:22px;z-index:2;border-radius:999px;background:var(--mp-red);color:#fff;padding:6px 9px;font-size:.7rem;font-weight:850;line-height:1} body.mp-modern-home .mp-home-product-card__body{display:flex;flex-direction:column;flex:1;padding:13px 14px 14px} body.mp-modern-home .mp-home-product-card h3{font-size:.98rem;line-height:1.35;font-weight:760;margin:0 0 10px;min-height:3.95em} body.mp-modern-home .mp-home-product-card h3 a{color:var(--mp-ink);text-decoration:none} body.mp-modern-home .mp-home-product-card__price{margin:auto 0 0;padding-top:5px;font-size:1.08rem;line-height:1.25;font-weight:850;color:var(--mp-red)} body.mp-modern-home .mp-home-product-card__price del{font-size:.8rem;color:#999;font-weight:500;margin-right:5px} body.mp-modern-home .mp-home-product-card .button{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:42px;margin-top:12px!important;border-radius:9px!important;background:var(--mp-red)!important;color:#fff!important;font-size:.9rem!important;font-weight:800!important;text-align:center} body.mp-modern-home .mp-home-product-card .button:hover{background:var(--mp-red-dark)!important} body.mp-modern-home .mp-home-publisher{padding:28px;border-radius:20px;background:#fafafa;border:1px solid var(--mp-line)} body.mp-modern-home .mp-home-loyalty{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:48px 0 14px;padding:28px 30px;border-radius:19px;border:1px solid #f0c8ca;background:#fff7f7} body.mp-modern-home .mp-home-loyalty h2{margin:0 0 8px;font-size:1.55rem;line-height:1.18;color:var(--mp-ink)} body.mp-modern-home .mp-home-loyalty p{margin:0;color:#5d6166;max-width:720px;line-height:1.55} body.mp-modern-home .mp-home-loyalty .button{flex:0 0 auto;margin:0!important} /* ---------- Cart 3.0.10 ---------- */ /* Recommended products stay directly under cart items rather than after the whole two-column layout. */ /* Shipping methods in totals: full-width cards, no clipping in the narrow sticky column. */ @media(max-width:991px){ body.mp-modern-home .mp-home-hero{grid-template-columns:minmax(0,1.1fr) minmax(240px,.7fr);padding:30px} body.mp-modern-home .mp-home-benefits{grid-template-columns:repeat(2,minmax(0,1fr))} body.mp-modern-home .mp-home-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))} body.mp-modern-home .mp-home-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))} } @media(max-width:767px){ body.mp-modern-home .mp-home-shell{padding-top:0} body.mp-modern-home .mp-home-hero{display:flex;flex-direction:column-reverse;gap:20px;padding:22px 18px;border-radius:16px} body.mp-modern-home .mp-home-hero__visual{min-height:0;width:100%} body.mp-modern-home .mp-home-hero__visual img{max-height:280px} body.mp-modern-home .mp-home-hero__actions{align-items:stretch;flex-direction:column} body.mp-modern-home .mp-home-primary{width:100%} body.mp-modern-home .mp-home-secondary{text-align:center} body.mp-modern-home .mp-home-benefits{grid-template-columns:1fr 1fr;gap:9px;margin:14px 0 34px} body.mp-modern-home .mp-home-benefits>div{padding:12px;grid-template-columns:32px minmax(0,1fr);column-gap:8px} body.mp-modern-home .mp-home-benefits span{width:31px;height:31px} body.mp-modern-home .mp-home-benefits small{font-size:.7rem} body.mp-modern-home .mp-home-section{margin:34px 0} body.mp-modern-home .mp-home-section__head{align-items:flex-start} body.mp-modern-home .mp-home-section__head>a{font-size:.8rem} body.mp-modern-home .mp-home-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} body.mp-modern-home .mp-home-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} body.mp-modern-home .mp-home-product-card h3{font-size:.88rem;min-height:4.05em} body.mp-modern-home .mp-home-product-card__body{padding:10px} body.mp-modern-home .mp-home-publisher{padding:18px 12px} body.mp-modern-home .mp-home-loyalty{display:block;padding:21px 18px} body.mp-modern-home .mp-home-loyalty .button{width:100%;margin-top:16px!important} } @media(max-width:420px){ body.mp-modern-home .mp-home-benefits{grid-template-columns:1fr} body.mp-modern-home .mp-home-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} body.mp-modern-home .mp-home-product-card__image{padding:9px 9px 0} body.mp-modern-home .mp-home-product-card__body{padding:9px} body.mp-modern-home .mp-home-product-card .button{font-size:.76rem!important;padding:7px 4px!important} } /* ============================================================ 3.0.13 — MODERN SHIPPING OWNERSHIP The legacy "MP – Poprawki sklepu" shipping grid is dequeued on the modern cart/checkout. These rules are the only shipping layout for the modern cart, so there is no post-load jump or nested cards. ============================================================ */ @media(max-width:767px){ } /* Gift-wrap shortcut retained after disabling the legacy MP – Poprawki sklepu assets. */ @media(max-width:1023px){} /* ============================================================ 3.0.14 — hierarchy + compact shipping + alignment hardening ============================================================ */ /* Keep cart content aligned with the same Bootstrap container as search/header. */ /* ---------- Home: shorter editorial carousel, product-first hierarchy ---------- */ body.mp-modern-home .mp-home{max-width:none} body.mp-modern-home .mp-home-hero-carousel{position:relative;border:1px solid var(--mp-line);border-radius:20px;background:linear-gradient(135deg,#fff 0%,#fff8f8 100%);box-shadow:var(--mp-shadow);overflow:hidden;margin-bottom:18px} body.mp-modern-home .mp-home-hero-track{position:relative;min-height:420px} body.mp-modern-home .mp-home-hero-slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.72fr);gap:30px;align-items:center;padding:30px 64px 34px 38px;opacity:0;visibility:hidden;transform:translateX(14px);transition:opacity .28s ease,transform .28s ease,visibility .28s ease;pointer-events:none} body.mp-modern-home .mp-home-hero-slide.is-active{position:relative;opacity:1;visibility:visible;transform:none;pointer-events:auto} body.mp-modern-home .mp-home-hero-slide h1{font-size:clamp(1.85rem,3vw,2.75rem);line-height:1.07;margin:0 0 12px;color:var(--mp-ink);max-width:720px} body.mp-modern-home .mp-home-hero-slide .mp-home-hero__text{max-width:690px;font-size:.98rem;line-height:1.52;color:#5a5f65;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden} body.mp-modern-home .mp-home-hero-slide .mp-home-hero__text p{margin:0} body.mp-modern-home .mp-home-hero-slide .mp-home-hero__price{font-size:1.65rem;font-weight:850;color:var(--mp-red);margin-top:14px} body.mp-modern-home .mp-home-hero-slide .mp-home-hero__actions{margin-top:18px} body.mp-modern-home .mp-home-hero-slide .mp-home-hero__visual{min-height:300px;max-height:340px;padding:8px} body.mp-modern-home .mp-home-hero-slide .mp-home-hero__visual img{max-height:320px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(20,24,31,.13))} body.mp-modern-home .mp-home-hero-nav{position:absolute;top:50%;z-index:5;width:38px;height:38px;margin-top:-19px;border:1px solid #e0e2e5;border-radius:50%;background:rgba(255,255,255,.95);color:#31353a;font-size:1.65rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 10px rgba(20,24,31,.08)} body.mp-modern-home .mp-home-hero-nav:hover{border-color:var(--mp-red);color:var(--mp-red)} body.mp-modern-home .mp-home-hero-nav--prev{left:12px} body.mp-modern-home .mp-home-hero-nav--next{right:12px} body.mp-modern-home .mp-home-hero-dots{position:absolute;z-index:5;left:50%;bottom:12px;transform:translateX(-50%);display:flex;gap:7px} body.mp-modern-home .mp-home-hero-dot{width:8px;height:8px;border:0;border-radius:999px;padding:0;background:#d6d8db;cursor:pointer;transition:width .18s ease,background .18s ease} body.mp-modern-home .mp-home-hero-dot.is-active{width:24px;background:var(--mp-red)} body.mp-modern-home .mp-home-section--primary{margin-top:30px} body.mp-modern-home .mp-home-category-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px} body.mp-modern-home .mp-home-category-card--compact{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name arrow" "count arrow";column-gap:12px;align-items:center;min-height:76px;padding:14px 16px} body.mp-modern-home .mp-home-category-card--compact .mp-home-category-card__name{grid-area:name;font-size:.95rem} body.mp-modern-home .mp-home-category-card--compact small{grid-area:count;margin-top:3px} body.mp-modern-home .mp-home-category-card__arrow{grid-area:arrow;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff1f1;color:var(--mp-red);font-size:1rem;font-weight:900} /* Image failures should never expose browser broken-image icons / alt text. */ .mp-image-shell{position:relative;overflow:hidden} .mp-product-image-fallback{position:absolute;inset:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;background:#f7f7f8;color:#c3c5c8;z-index:0} .mp-product-image-fallback span{font-size:1.4rem;font-weight:900;letter-spacing:.04em} .mp-product-image-fallback small{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;margin-top:2px} .mp-image-shell img.mp-product-image{position:relative;z-index:1;background:#fff} .mp-image-shell.mp-image-error img{display:none!important} body.mp-modern-catalog ul.products a.mp-image-error{background:#f7f7f8!important} /* ---------- Compact grouped shipping (cart) ---------- */ @media(max-width:1199px){ } @media(max-width:991px){ body.mp-modern-home .mp-home-hero-slide{grid-template-columns:minmax(0,1.1fr) minmax(220px,.65fr);padding:28px 52px 32px 32px} body.mp-modern-home .mp-home-category-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:767px){ body.mp-modern-home .mp-home-hero-track{min-height:560px} body.mp-modern-home .mp-home-hero-slide{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:16px;padding:22px 18px 42px} body.mp-modern-home .mp-home-hero-slide .mp-home-hero__visual{min-height:220px;max-height:250px;width:100%} body.mp-modern-home .mp-home-hero-slide .mp-home-hero__visual img{max-height:235px} body.mp-modern-home .mp-home-hero-nav{top:230px} body.mp-modern-home .mp-home-category-grid--compact{grid-template-columns:1fr} } /* ============================================================ 3.0.15 — loyalty visibility, cart proportions, pickup hardening ============================================================ */ /* Loyalty is a core purchasing signal: never hide it in modern product cards. */ body.mp-modern-home .mp-home-product-card__points{ display:block;min-height:1.7em;margin:5px 0 0;color:var(--mp-red);font-size:.82rem;line-height:1.3; } body.mp-modern-home .mp-home-product-card__points:empty{display:none;min-height:0;margin:0} body.mp-modern-home .mp-home-product-card__points .mp-loyalty-product-points, body.mp-modern-catalog ul.products li.product .mp-loyalty-product-points{ display:block!important;visibility:visible!important;opacity:1!important;position:relative!important; width:auto!important;max-width:100%!important;height:auto!important;margin:5px 0 0!important; color:var(--mp-red)!important;font-size:.8rem!important;line-height:1.3!important;font-weight:700!important; white-space:normal!important;overflow:visible!important; } body.mp-modern-home .mp-home-hero__points{margin:5px 0 0;color:var(--mp-red);font-size:.86rem;font-weight:700} body.mp-modern-home .mp-home-hero__points:empty{display:none} body.mp-modern-home .mp-home-hero__points .mp-loyalty-product-points{display:inline-flex!important;gap:3px!important;align-items:baseline!important} /* The cart should feel balanced inside exactly the same Bootstrap container as the header. */ /* Pickup/parcel selectors injected after a shipping rate must never expand a grid column/page. */ #magna-checkout .mp-modern-shipping-method:has(select), #magna-checkout .mp-modern-shipping-method:has(.select2-container){ grid-column:1 / -1!important;border-right:0!important; } #magna-checkout .mp-modern-shipping-method select, #magna-checkout .mp-modern-shipping-method .select2-container, #magna-checkout .mp-modern-shipping-method .select2-selection{ display:block!important;width:100%!important;max-width:100%!important;min-width:0!important; box-sizing:border-box!important;overflow:hidden!important;text-overflow:ellipsis!important; } #magna-checkout .mp-modern-shipping-method select{ height:40px!important;min-height:40px!important;padding:5px 34px 5px 9px!important; border:1px solid #cfd5dd!important;border-radius:8px!important;background-color:#fff!important; white-space:nowrap!important; } #magna-checkout .mp-modern-shipping-method option{max-width:100%!important} #magna-checkout .mp-modern-shipping-method > div, #magna-checkout .mp-modern-shipping-method > p, #magna-checkout .mp-modern-shipping-method > span:not(.mp-cart-shipping-check){ width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important; } @media(max-width:1199px){ } @media(max-width:991px){ } /* ============================================================ 3.0.16 — visual polish: header cart, stable image areas, product-page height guard and bounded pickup selectors ============================================================ */ /* Header cart: compact, balanced and visually aligned with the search field. */ body.mp-modern-header .topsearch{padding-right:8px} body.mp-modern-header .topcart{padding-left:8px} body.mp-modern-header .topcart .cart{width:100%;max-width:none} body.mp-modern-header .topcart .cart a.cart-customlocation{ display:grid!important; grid-template-columns:38px minmax(0,1fr) auto; grid-template-areas:"icon copy total"; align-items:center; gap:10px; width:100%; min-height:48px; padding:6px 11px!important; border:1px solid #e1e3e6!important; border-radius:12px!important; background:#fff!important; color:var(--mp-ink)!important; text-align:left!important; box-shadow:none!important; } body.mp-modern-header .topcart .cart a.cart-customlocation:hover{ border-color:#ef9ca0!important; background:#fffafa!important; } body.mp-modern-header .mp-header-cart-icon{ grid-area:icon; width:36px;height:36px; display:flex;align-items:center;justify-content:center; border-radius:10px; background:#fff1f1; color:var(--mp-red); } body.mp-modern-header .mp-header-cart-icon .wpmenucart-icon-shopping-cart-0{ float:none!important;display:block!important;margin:0!important; color:var(--mp-red)!important;font-size:1.25rem!important;line-height:1!important; } body.mp-modern-header .mp-header-cart-copy{grid-area:copy;display:flex;flex-direction:column;min-width:0;line-height:1.15} body.mp-modern-header .mp-header-cart-copy strong{font-size:.9rem;font-weight:850;color:var(--mp-ink)} body.mp-modern-header .mp-header-cart-copy small{margin-top:3px;font-size:.69rem;color:var(--mp-muted);font-weight:600;white-space:nowrap} body.mp-modern-header .mp-header-cart-total{grid-area:total;justify-self:end;font-size:.86rem;font-weight:850;color:var(--mp-red);white-space:nowrap} body.mp-modern-header .mp-header-cart-total .woocommerce-Price-amount{color:inherit!important;font-weight:inherit!important} /* Product cards must keep a real cover area even when staging cannot load images. */ body.mp-modern-home .mp-home-product-card__image{ display:block;position:relative; aspect-ratio:4/5; min-height:0; margin:14px 14px 0; padding:0!important; overflow:hidden; border-radius:10px; background:#f7f7f8; } body.mp-modern-home .mp-home-product-card__image .mp-product-image-fallback{inset:0;border-radius:10px} body.mp-modern-home .mp-home-product-card__image img.mp-product-image{ position:absolute!important;inset:0!important; width:100%!important;height:100%!important; max-width:100%!important;max-height:100%!important; object-fit:contain!important;margin:0!important; } body.mp-modern-home .mp-home-product-card__image.mp-image-error .mp-product-image-fallback{display:flex!important} /* Generic placeholder inserted by JS for broken catalogue / cross-sell images. */ .mp-loop-image-fallback{ display:flex;align-items:center;justify-content:center;flex-direction:column; width:100%;aspect-ratio:4/5;margin:0 0 12px; border-radius:10px;background:#f7f7f8;color:#c3c5c8; font-weight:900;font-size:1.3rem;letter-spacing:.04em; } .mp-loop-image-fallback small{margin-top:3px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em} body.mp-modern-catalog ul.products li.product a.mp-image-error>img{display:none!important} /* Product page: never reserve several screens of blank gallery space. */ /* Keep pickup SelectWoo dropdowns inside the delivery column. */ #magna-checkout .mp-modern-shipping-method .select2-container{width:100%!important;max-width:100%!important;min-width:0!important} #magna-checkout .mp-modern-shipping-method .select2-selection--single{ height:42px!important;min-height:42px!important;border:1px solid #cfd5dd!important;border-radius:8px!important;background:#fff!important; } #magna-checkout .mp-modern-shipping-method .select2-selection--single .select2-selection__rendered{ line-height:40px!important;padding-left:10px!important;padding-right:34px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important; } #magna-checkout .mp-modern-shipping-method .select2-selection--single .select2-selection__arrow{height:40px!important;right:6px!important} .mp-modern-pickup-dropdown.select2-dropdown{max-width:100%!important;border:1px solid #cfd5dd!important;border-radius:8px!important;overflow:hidden!important;z-index:99999!important} .mp-modern-pickup-dropdown .select2-results__options{max-height:280px!important;overflow-y:auto!important} .mp-modern-pickup-dropdown .select2-results__option{font-size:.86rem!important;line-height:1.32!important;white-space:normal!important;overflow-wrap:anywhere!important;padding:8px 10px!important} .mp-modern-pickup-dropdown .select2-search--dropdown{padding:8px!important} .mp-modern-pickup-dropdown .select2-search__field{width:100%!important;box-sizing:border-box!important;border:1px solid #cfd5dd!important;border-radius:7px!important;padding:7px 9px!important} /* Slightly tighter desktop rhythm after restoring real cover proportions. */ body.mp-modern-home .mp-home-section{margin:38px 0} @media(max-width:767px){ body.mp-modern-header .topsearch,body.mp-modern-header .topcart{padding-left:15px;padding-right:15px} body.mp-modern-header .topcart{margin-top:8px} } /* ============================================================ 3.0.17 — header balance, resilient covers, product flow ============================================================ */ /* Desktop header: logo/search/cart form one balanced row. */ @media(min-width:768px){ body.mp-modern-header .container_top>.row:nth-of-type(2){align-items:center} body.mp-modern-header .toplogo{padding-right:18px} body.mp-modern-header .toplogo .logo img{height:66px} body.mp-modern-header .topsearch{padding-left:8px!important;padding-right:8px!important} body.mp-modern-header .topcart{padding-left:8px!important} } body.mp-modern-header .topcart .cart a.cart-customlocation{ grid-template-columns:42px minmax(0,1fr) auto!important; grid-template-areas:"icon label total"!important; min-height:48px!important;height:48px!important; padding:5px 12px!important; border-color:#efb3b6!important; } body.mp-modern-header .mp-header-cart-icon{grid-area:icon!important;position:relative;width:34px;height:34px;border-radius:9px} body.mp-modern-header .mp-header-cart-count{ position:absolute;right:-6px;top:-6px;display:flex;align-items:center;justify-content:center; min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--mp-red);color:#fff; border:2px solid #fff;font-size:.62rem;font-weight:900;line-height:1; } body.mp-modern-header .mp-header-cart-label{grid-area:label;font-size:.9rem;font-weight:850;color:var(--mp-ink);white-space:nowrap} body.mp-modern-header .mp-header-cart-total{grid-area:total!important;justify-self:end;font-size:.82rem!important;color:#2f3337!important} body.mp-modern-header .mp-header-cart-total small{font-size:.72rem;color:var(--mp-muted);font-weight:700} /* Catalogue cards reserve cover space even if staging image files are missing. */ body.mp-modern-catalog.woocommerce ul.products li.product>a.woocommerce-LoopProduct-link, body.mp-modern-catalog.woocommerce-page ul.products li.product>a.woocommerce-LoopProduct-link{position:relative} body.mp-modern-catalog .mp-loop-image-frame{ position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:4/5; margin:0 0 12px;border-radius:10px;overflow:hidden;background:#f7f7f8; } body.mp-modern-catalog .mp-loop-image-frame>img{ width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important; object-fit:contain!important;margin:0!important;border-radius:0!important;background:#fff!important; } body.mp-modern-catalog .mp-loop-image-frame .mp-loop-image-fallback{ position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;margin:0;border-radius:0;z-index:0; } body.mp-modern-catalog .mp-loop-image-frame>img{position:relative;z-index:1} body.mp-modern-catalog .mp-loop-image-frame.mp-image-error>img{display:none!important} /* Product description belongs to the left column below the gallery. The sticky buy card can remain taller without creating a screen of empty space. */ @media(max-width:767px){ body.mp-modern-header .topcart .cart a.cart-customlocation{grid-template-columns:38px minmax(0,1fr) auto!important} } /* ============================================================ 3.0.18 — cleaner header cart, assisted ordering, compact cart, bounded pickup dropdowns ============================================================ */ /* Header cart: visually part of the search row, not a second boxed widget. */ body.mp-modern-header .topcart .cart{width:100%!important;max-width:none!important} body.mp-modern-header .topcart .cart>a.mp-header-cart-link{ display:grid!important; grid-template-columns:38px minmax(0,1fr) auto!important; grid-template-areas:"icon copy total"!important; align-items:center!important; gap:9px!important; width:100%!important; min-height:48px!important; height:48px!important; margin:0!important; padding:5px 4px 5px 8px!important; border:0!important; border-radius:10px!important; background:transparent!important; color:var(--mp-ink)!important; box-shadow:none!important; text-decoration:none!important; } body.mp-modern-header .topcart .cart>a.mp-header-cart-link:hover, body.mp-modern-header .topcart .cart>a.mp-header-cart-link:focus{ background:#fff7f7!important; color:var(--mp-ink)!important; text-decoration:none!important; } body.mp-modern-header .topcart .cart>a.mp-header-cart-link .mp-header-cart-icon{grid-area:icon!important} body.mp-modern-header .topcart .cart>a.mp-header-cart-link .mp-header-cart-copy{ grid-area:copy!important;display:flex!important;flex-direction:column!important;min-width:0!important;line-height:1.12!important } body.mp-modern-header .topcart .cart>a.mp-header-cart-link .mp-header-cart-copy strong{ font-size:.9rem!important;font-weight:850!important;color:var(--mp-ink)!important } body.mp-modern-header .topcart .cart>a.mp-header-cart-link .mp-header-cart-copy small{ margin-top:2px!important;font-size:.67rem!important;font-weight:650!important;color:var(--mp-muted)!important;white-space:nowrap!important } body.mp-modern-header .topcart .cart>a.mp-header-cart-link .mp-header-cart-total{ grid-area:total!important;justify-self:end!important;font-size:.82rem!important;font-weight:850!important;color:var(--mp-ink)!important;white-space:nowrap!important } body.mp-modern-header .topcart .cart>a.mp-header-cart-link .mp-header-cart-total .woocommerce-Price-amount{color:inherit!important} body.mp-modern-header .topcart .cart>*:not(.mp-header-cart-link){display:none!important} /* Modern cart: give product names more breathing room and make the old gift-wrap promotion look like an optional benefit instead of a giant red headline. */ /* CallPage / phone assistance on product cards. */ /* Homepage: phone orders and COD deserve their own high-visibility strip without pushing product discovery below a second full row of generic benefits. */ body.mp-modern-home .mp-home-assisted-order{ display:grid;grid-template-columns:1fr 1fr .8fr;gap:12px;align-items:stretch;margin:12px 0 28px } body.mp-modern-home .mp-home-assisted-order__item, body.mp-modern-home .mp-home-assisted-order__cta{ min-width:0;border:1px solid #ececef;border-radius:14px;background:#fff;padding:14px 16px } body.mp-modern-home .mp-home-assisted-order__item{display:grid;grid-template-columns:36px minmax(0,1fr);gap:11px;align-items:center} body.mp-modern-home .mp-home-assisted-order__icon{ width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff1f1;color:var(--mp-red);font-size:.72rem;font-weight:900 } body.mp-modern-home .mp-home-assisted-order strong{display:block;font-size:.92rem;color:var(--mp-ink)} body.mp-modern-home .mp-home-assisted-order small{display:block;margin-top:3px;color:var(--mp-muted);font-size:.78rem;line-height:1.35} body.mp-modern-home .mp-home-assisted-order a{color:var(--mp-red);font-weight:850;text-decoration:none} body.mp-modern-home .mp-home-assisted-order__cta{display:flex;flex-direction:column;justify-content:center;gap:5px;background:#fffafa} body.mp-modern-home .mp-home-assisted-order__cta .mp-callpage-open{ min-height:38px;border:0;border-radius:9px;background:var(--mp-red);color:#fff;font-size:.85rem;font-weight:850;cursor:pointer } body.mp-modern-home .mp-home-assisted-order__cta .mp-callpage-open:hover{background:var(--mp-red-dark)} /* Pickup dropdown: attach SelectWoo to body and constrain the floating overlay to the actual control width. It must never become a grid child or widen checkout. */ .mp-modern-pickup-dropdown.select2-dropdown{ box-sizing:border-box!important; min-width:0!important; max-width:calc(100vw - 32px)!important; border:1px solid #cfd5dd!important; border-radius:9px!important; overflow:hidden!important; box-shadow:0 12px 28px rgba(20,24,31,.16)!important; z-index:2147483000!important; } .select2-container--open .mp-modern-pickup-dropdown .select2-search--dropdown{padding:8px!important;background:#fff!important} .select2-container--open .mp-modern-pickup-dropdown .select2-search__field{ display:block!important;width:100%!important;max-width:100%!important;height:38px!important;box-sizing:border-box!important;margin:0!important;padding:6px 9px!important } .select2-container--open .mp-modern-pickup-dropdown .select2-results__options{ max-height:260px!important;overflow-y:auto!important;overflow-x:hidden!important } .select2-container--open .mp-modern-pickup-dropdown .select2-results__option{ max-width:100%!important;padding:8px 10px!important;font-size:.82rem!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important } @media(max-width:1199px){ body.mp-modern-home .mp-home-assisted-order{grid-template-columns:1fr 1fr!important} body.mp-modern-home .mp-home-assisted-order__cta{grid-column:1 / -1;display:grid;grid-template-columns:minmax(180px,.35fr) minmax(0,1fr);align-items:center} } @media(max-width:991px){ } @media(max-width:767px){ body.mp-modern-header .topcart .cart>a.mp-header-cart-link{grid-template-columns:38px minmax(0,1fr) auto!important} body.mp-modern-home .mp-home-assisted-order{grid-template-columns:1fr!important} body.mp-modern-home .mp-home-assisted-order__cta{grid-column:auto;display:flex} } /* ============================================================ 3.0.19 — compact benefits, clean description, checkout cleanup ============================================================ */ /* One compact benefits strip on the homepage. Telephone ordering and COD stay prominent without consuming a second full row before product discovery. */ body.mp-modern-home .mp-home-benefits.mp-home-benefits--compact{ display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:8px!important; margin:12px 0 26px!important; } body.mp-modern-home .mp-home-benefits.mp-home-benefits--compact>div{ min-height:58px!important; padding:9px 11px!important; grid-template-columns:30px minmax(0,1fr)!important; column-gap:8px!important; border-radius:11px!important; } body.mp-modern-home .mp-home-benefits.mp-home-benefits--compact span{ width:30px!important;height:30px!important;font-size:.69rem!important; } body.mp-modern-home .mp-home-benefits.mp-home-benefits--compact strong{ font-size:.80rem!important;line-height:1.15!important; } body.mp-modern-home .mp-home-benefits.mp-home-benefits--compact small{ margin-top:1px!important;font-size:.66rem!important;line-height:1.2!important; } body.mp-modern-home .mp-home-benefits.mp-home-benefits--compact a{ color:var(--mp-red)!important;font-weight:850!important;text-decoration:none!important; } body.mp-modern-home .mp-home-benefit-callback{ background:#fffafa!important;border-color:#f3cfd1!important; } /* Product descriptions imported from older editor content sometimes arrive in a single-cell table. It must not look like an input/table wrapper. Product specification tables keep their normal styling. */ /* Gift wrapping belongs in the cart, not at the bottom of checkout. */ /* CallPage CTA is a link semantically, but should still look like a button. */ body.mp-modern-home .mp-home-benefit-callback .mp-callpage-open{display:inline!important} @media(max-width:1199px){ body.mp-modern-home .mp-home-benefits.mp-home-benefits--compact{ grid-template-columns:repeat(3,minmax(0,1fr))!important; } } @media(max-width:767px){ body.mp-modern-home .mp-home-benefits.mp-home-benefits--compact{ grid-template-columns:1fr 1fr!important; gap:7px!important; margin-bottom:22px!important; } body.mp-modern-home .mp-home-benefits.mp-home-benefits--compact>div{ min-height:54px!important;padding:8px 9px!important; } } @media(max-width:479px){ body.mp-modern-home .mp-home-benefits.mp-home-benefits--compact{ grid-template-columns:1fr!important; } } /* ============================================================ 3.0.20 — compact, layout-safe pickup-point chooser ============================================================ */ .mp-native-pickup-select{ position:absolute!important;width:1px!important;height:1px!important;min-width:1px!important;max-width:1px!important; opacity:0!important;pointer-events:none!important;overflow:hidden!important;clip:rect(0 0 0 0)!important; clip-path:inset(50%)!important;white-space:nowrap!important } .mp-pickup-modal-trigger{ display:grid!important;grid-template-columns:26px minmax(0,1fr) 18px!important;align-items:center!important;gap:8px!important; width:100%!important;max-width:100%!important;min-width:0!important;margin:7px 0 0!important;padding:9px 10px!important; border:1px solid #cfd5dd!important;border-radius:9px!important;background:#fff!important;color:#30343a!important; text-align:left!important;font:inherit!important;line-height:1.25!important;cursor:pointer!important;box-sizing:border-box!important } .mp-pickup-modal-trigger:hover{border-color:#b8bec7!important;background:#fafafa!important} .mp-pickup-modal-trigger.has-value{border-color:#bfc7d1!important;background:#f8fafc!important} .mp-pickup-modal-trigger__icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#fff1f1;font-size:14px} .mp-pickup-modal-trigger__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.77rem;font-weight:700} .mp-pickup-modal-trigger__arrow{justify-self:end;color:#6b7280;font-size:16px} body.mp-pickup-modal-open{overflow:hidden!important} .mp-pickup-modal{ position:fixed;inset:0;z-index:2147483000;display:none;align-items:center;justify-content:center;padding:20px;box-sizing:border-box } .mp-pickup-modal.is-open{display:flex} .mp-pickup-modal__backdrop{position:absolute;inset:0;background:rgba(20,24,30,.52);backdrop-filter:blur(1px)} .mp-pickup-modal__dialog{ position:relative;z-index:1;width:min(680px,calc(100vw - 32px));max-height:min(720px,calc(100vh - 40px)); display:flex;flex-direction:column;overflow:hidden;border:1px solid #e0e3e7;border-radius:16px;background:#fff; box-shadow:0 24px 80px rgba(0,0,0,.24) } .mp-pickup-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px 14px;border-bottom:1px solid #eceef1} .mp-pickup-modal__head strong{display:block;font-size:1.08rem;line-height:1.25;color:#222} .mp-pickup-modal__head small{display:block;margin-top:3px;color:#6b7280;font-size:.76rem} .mp-pickup-modal__close{flex:0 0 auto;width:34px;height:34px;border:0;border-radius:50%;background:#f3f4f6;color:#4b5563;font-size:24px;line-height:1;cursor:pointer} .mp-pickup-modal__search-wrap{padding:14px 20px 10px} .mp-pickup-modal__search{display:block;width:100%;height:44px;padding:0 13px;border:1px solid #cfd5dd;border-radius:9px;background:#fff;font-size:.92rem;box-sizing:border-box} .mp-pickup-modal__search:focus{outline:0;border-color:#ed1c24;box-shadow:0 0 0 3px rgba(237,28,36,.08)} .mp-pickup-modal__list{min-height:120px;overflow:auto;padding:4px 12px 16px} .mp-pickup-modal__option{ display:block;width:100%;margin:0;padding:11px 12px;border:0;border-bottom:1px solid #eceef1;background:#fff; color:#2b2f33;text-align:left;font-size:.84rem;line-height:1.35;cursor:pointer;box-sizing:border-box } .mp-pickup-modal__option:hover,.mp-pickup-modal__option:focus{outline:0;background:#fff6f6;color:#b80e15} .mp-pickup-modal__option.is-selected{background:#fff0f0;color:#c51219;font-weight:800} .mp-pickup-modal__empty{padding:18px 20px 24px;color:#6b7280;text-align:center;font-size:.84rem} @media(max-width:600px){ .mp-pickup-modal{padding:10px} .mp-pickup-modal__dialog{width:100%;max-height:calc(100vh - 20px);border-radius:13px} .mp-pickup-modal__head{padding:15px 15px 12px} .mp-pickup-modal__search-wrap{padding:12px 15px 8px} .mp-pickup-modal__list{padding:3px 8px 12px} } /* Account e-mail confirmation note in My Account. */ /* ============================================================ 3.0.22 — all ABB pickup methods + conservative postcode helper ============================================================ */ /* ABB renders pickup selection as a separate table row, not inside the shipping-rate card. Every ABB method that actually renders a pickup select uses our fixed modal; courier methods never do. */ #magna-checkout tr#abb-shipping-location.mp-abb-modal-pickup{ display:table-row!important; } #magna-checkout tr#abb-shipping-location.mp-abb-modal-pickup > td:first-child{ width:28%!important;white-space:nowrap!important;vertical-align:middle!important; } #magna-checkout tr#abb-shipping-location.mp-abb-modal-pickup > td:last-child{ display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;gap:8px!important;align-items:center!important; min-width:0!important;width:auto!important;max-width:100%!important;box-sizing:border-box!important; } #magna-checkout tr#abb-shipping-location.mp-abb-modal-pickup .bootstrap-select{ display:none!important;width:0!important;max-width:0!important;overflow:hidden!important; } #magna-checkout tr#abb-shipping-location.mp-abb-modal-pickup .mp-pickup-modal-trigger{ grid-column:1!important;margin:0!important;min-width:0!important;width:100%!important;max-width:100%!important; } #magna-checkout tr#abb-shipping-location.mp-abb-modal-pickup #abb-shipping-show-map{ grid-column:2!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important; margin:0!important;padding:0!important;border-radius:9px!important;box-sizing:border-box!important; } @media(max-width:600px){ #magna-checkout tr#abb-shipping-location.mp-abb-modal-pickup > td:first-child{display:none!important} #magna-checkout tr#abb-shipping-location.mp-abb-modal-pickup > td:last-child{display:grid!important;width:100%!important} } .mp-postcode-suggestions{display:flex;flex-direction:column;gap:6px;margin-top:6px;font-size:.76rem;line-height:1.3} .mp-postcode-suggestions__ok{color:#397446;font-weight:700} .mp-postcode-suggestions__label{color:#5e6670;font-weight:700} .mp-postcode-suggestions__buttons{display:flex;flex-wrap:wrap;gap:5px} .mp-postcode-place{margin:0!important;padding:5px 8px!important;border:1px solid #d8dde4!important;border-radius:8px!important;background:#fff!important;color:#343a40!important;font:inherit!important;line-height:1.2!important;cursor:pointer!important} .mp-postcode-place:hover,.mp-postcode-place:focus{border-color:#e36b70!important;background:#fff7f7!important;outline:0!important} /* ============================================================ 3.0.23 — pickup points: use ABB/Apaczka official map, no huge DOM list ============================================================ */ #magna-checkout tr#abb-shipping-location.mp-abb-map-pickup{ display:table-row!important; } #magna-checkout tr#abb-shipping-location.mp-abb-map-pickup > td:first-child{ width:28%!important;white-space:nowrap!important;vertical-align:middle!important; } #magna-checkout tr#abb-shipping-location.mp-abb-map-pickup > td:last-child{ display:block!important;min-width:0!important;width:auto!important;max-width:100%!important;box-sizing:border-box!important; } #magna-checkout tr#abb-shipping-location.mp-abb-map-pickup .bootstrap-select{ display:none!important;width:0!important;max-width:0!important;overflow:hidden!important; } #magna-checkout tr#abb-shipping-location.mp-abb-map-pickup .mp-native-pickup-map-button{ position:absolute!important;width:1px!important;height:1px!important;min-width:1px!important;max-width:1px!important; opacity:0!important;pointer-events:none!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important; } .mp-pickup-map-trigger{ display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important; width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:10px 12px!important; border:1px solid #d6d9de!important;border-radius:10px!important;background:#fff!important;color:#272b30!important; text-align:left!important;font:inherit!important;line-height:1.25!important;cursor:pointer!important;box-sizing:border-box!important; box-shadow:none!important; } .mp-pickup-map-trigger:hover,.mp-pickup-map-trigger:focus{outline:0!important;border-color:#b9bec6!important;background:#fafafa!important} .mp-pickup-map-trigger.has-value{border-color:#c3c9d1!important;background:#fafbfc!important} .mp-pickup-map-trigger.is-loading{opacity:.65!important;cursor:wait!important} .mp-pickup-map-trigger__icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#fff1f1;font-size:16px} .mp-pickup-map-trigger__copy{display:flex;flex-direction:column;gap:2px;min-width:0} .mp-pickup-map-trigger__title{font-size:.72rem;font-weight:800;color:#333;line-height:1.15} .mp-pickup-map-trigger__text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;color:#656b73;font-weight:600} .mp-pickup-map-trigger__action{display:inline-flex;align-items:center;justify-content:center;min-width:66px;padding:7px 10px;border-radius:8px;background:#f4f5f7;color:#b51219;font-size:.74rem;font-weight:800;white-space:nowrap} @media(max-width:600px){ #magna-checkout tr#abb-shipping-location.mp-abb-map-pickup > td:first-child{display:none!important} #magna-checkout tr#abb-shipping-location.mp-abb-map-pickup > td:last-child{display:block!important;width:100%!important} .mp-pickup-map-trigger{grid-template-columns:30px minmax(0,1fr) auto!important;padding:9px 10px!important;gap:8px!important} .mp-pickup-map-trigger__icon{width:30px;height:30px} } /* ============================================================ 3.0.24 — postcode suggestions for billing + alternate shipping address ============================================================ */ .mp-postcode-suggestions{margin-top:7px!important} .mp-postcode-suggestions__checking,.mp-postcode-suggestions__notice,.mp-postcode-suggestions__error{display:flex;align-items:flex-start;gap:7px;padding:7px 9px;border-radius:8px;font-size:.76rem;line-height:1.35} .mp-postcode-suggestions__checking{background:#f6f7f8;color:#5f6872} .mp-postcode-suggestions__notice{background:#fff9ea;color:#705a1f;border:1px solid #efe0ad} .mp-postcode-suggestions__error{background:#fff2f2;color:#a0353a;border:1px solid #efc5c7;font-weight:700} .mp-postcode-spinner{width:12px;height:12px;min-width:12px;margin-top:1px;border:2px solid #d7dbe0;border-top-color:#b31d25;border-radius:50%;animation:mp-postcode-spin .7s linear infinite} @keyframes mp-postcode-spin{to{transform:rotate(360deg)}} .mp-postcode-mismatch{margin-top:7px;padding:9px 10px;border:1px solid #efc77f;border-radius:9px;background:#fffaf0;font-size:.76rem;line-height:1.35;color:#65501c} .mp-postcode-mismatch__warning{display:flex;flex-direction:column;gap:3px;margin-bottom:7px} .mp-postcode-mismatch__warning strong{color:#8a5c00} .mp-postcode-confirm{display:flex;align-items:flex-start;gap:7px;margin:0;cursor:pointer;font-weight:600;color:#4d4533} .mp-postcode-confirm input{width:16px;height:16px;min-width:16px;margin:1px 0 0!important} .mp-postcode-suggestions__buttons{max-height:150px;overflow:auto;padding:1px 1px 2px} .mp-postcode-place{max-width:100%;text-align:left!important;white-space:normal!important} /* ============================================================ 3.0.26 — stable pickup chooser: compact summary + list + map ============================================================ */ #magna-checkout tr#abb-shipping-location.mp-abb-map-pickup .mp-pickup-chooser{ display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;max-width:100%!important; margin:0!important;padding:10px!important;border:1px solid #dfe3e8!important;border-radius:10px!important;background:#fff!important; box-sizing:border-box!important;overflow:hidden!important } .mp-pickup-chooser__summary{display:grid;grid-template-columns:32px minmax(0,1fr);gap:9px;align-items:center;min-width:0} .mp-pickup-chooser__pin{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#fff1f1;font-size:15px} .mp-pickup-chooser__copy{display:flex;flex-direction:column;gap:2px;min-width:0} .mp-pickup-chooser__status{font-size:.72rem;line-height:1.15;font-weight:800;color:#34383d} .mp-pickup-chooser__value{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.77rem;line-height:1.25;color:#646b74;font-weight:600} .mp-pickup-chooser.has-value{background:#fafbfc!important;border-color:#c8ced6!important} .mp-pickup-chooser__actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;min-width:0} .mp-pickup-list-button,.mp-pickup-map-button{ display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;width:100%!important; min-height:36px!important;margin:0!important;padding:7px 10px!important;border:1px solid #d4d9df!important;border-radius:8px!important; background:#f8f9fa!important;color:#34383d!important;font:inherit!important;font-size:.76rem!important;font-weight:800!important;line-height:1.2!important; box-shadow:none!important;cursor:pointer!important;box-sizing:border-box!important } .mp-pickup-list-button:hover,.mp-pickup-list-button:focus,.mp-pickup-map-button:hover,.mp-pickup-map-button:focus{ outline:0!important;border-color:#ed1c24!important;background:#fff6f6!important;color:#b51219!important } .mp-pickup-map-button.is-loading{opacity:.6!important;cursor:wait!important} #magna-checkout tr#abb-shipping-location.mp-abb-map-pickup .mp-pickup-map-trigger{display:none!important} /* The original ABB/bootstrap-select remains available to its map callback but never participates in layout. Our list searches the native