/* Store fit: compact cards, wider content, sized for desktop screens. Loads after eds-site-match.css */
#order-standard_cart #products .product > header{padding:18px 14px 14px}
#order-standard_cart #products .product > header .eds-eyebrow{font-size:.68rem;margin-bottom:4px}
#order-standard_cart #products .product > .product-desc{padding:12px 18px 0}
#order-standard_cart #products .product .eds-card-lead{font-size:.9rem;padding:7px 12px;margin-bottom:8px;line-height:1.4}
#order-standard_cart #products .product .eds-card-features li{font-size:.9rem;line-height:1.4;padding:7px 0 7px 0}
#order-standard_cart #products .product > footer{padding:6px 18px 20px}
#order-standard_cart #products .product .product-pricing{padding:8px 0 10px}
#order-standard_cart #products .product .product-pricing .price{font-size:clamp(1.6rem,2.2vw,2rem);line-height:1.15}
#order-standard_cart #products .product .btn-order-now{padding:11px 18px;margin:0}
@media (min-width:992px){
  #main-body > .container{max-width:100%;padding-left:clamp(16px,3vw,56px);padding-right:clamp(16px,3vw,56px)}
  #order-standard_cart .cart-sidebar{flex:0 0 220px;max-width:220px;width:220px}
  #order-standard_cart .cart-body{flex:1 1 0;max-width:none;width:auto;min-width:0}
  #order-standard_cart #products{gap:20px;max-width:none;width:100%}
}
@media (min-width:680px) and (max-width:991px){#order-standard_cart #products{max-width:none;width:100%}}

/* 2026-10-17: product listing pages (shared hosting, website design, care plans) use the full page.
   :has(#products) limits this to pages that show a product grid; cart, configure and checkout keep the sidebar.
   Browsers without :has() simply keep the previous layout.
   Starts at 768px (not 992px): laptops with 125-150% display scaling report ~900px. */
@media (min-width:768px){
  #main-body:has(#products) > .container{max-width:100%!important;padding-left:clamp(16px,3vw,56px);padding-right:clamp(16px,3vw,56px)}
  #order-standard_cart:has(#products) > .row{grid-template-columns:minmax(0,1fr)!important}
  #order-standard_cart:has(#products) .cart-sidebar{display:none!important}
  #order-standard_cart:has(#products) .cart-body{flex:0 0 100%!important;max-width:100%!important;width:100%!important}
  #order-standard_cart:has(#products) .cart-body > .header-lined,
  #order-standard_cart:has(#products) .cart-body > h1,
  #order-standard_cart:has(#products) .cart-body > p{text-align:center}
  #order-standard_cart #products{grid-template-columns:repeat(3,minmax(0,300px))!important;justify-content:center;gap:24px!important}
}
/* compact package boxes */
#order-standard_cart #products .product{max-width:320px;margin-left:auto;margin-right:auto;width:100%}
#order-standard_cart #products .product > header{padding:16px 14px 12px}
#order-standard_cart #products .product > .product-desc{padding:10px 16px 0}
#order-standard_cart #products .product .eds-card-lead{font-size:.85rem;padding:6px 10px;margin-bottom:6px}
#order-standard_cart #products .product .eds-card-features li{font-size:.85rem;line-height:1.35;padding:5px 0}
#order-standard_cart #products .product .product-pricing{padding:6px 0 8px}
#order-standard_cart #products .product .product-pricing .price{font-size:1.65rem!important;white-space:nowrap}
@media (min-width:768px){#order-standard_cart #products .product .product-pricing .price{font-size:clamp(1.15rem,2.3vw,1.65rem)!important}}
#order-standard_cart #products .product > footer{padding:4px 16px 16px}
#order-standard_cart #products .product .btn-order-now{padding:9px 16px;font-size:.9rem}