/* S08: reserve the options frame before the iframe finishes loading. */
.popup-wrapper.popup-options {
  z-index: 2147483647 !important;
}
.popup-wrapper.popup-options .popup-body {
  height: min(440px, calc(100vh - 40px)) !important;
  height: min(440px, calc(100dvh - 40px)) !important;
  border-radius: 12px !important;
  box-shadow: 0 0 0 1px rgba(181, 198, 218, .65),
              0 18px 56px rgba(15, 35, 65, .24) !important;
}
.popup-wrapper.popup-options .popup-inner-body {
  height: 100% !important;
  max-height: 100% !important;
  border-radius: inherit !important;
}
.popup-wrapper.popup-options .popup-inner-body > iframe {
  display: block;
  height: 100% !important;
  max-height: 100% !important;
}

/* On phones, reserve the wallet row without the extra desktop frame whitespace. */
@media (max-width: 600px) {
  .popup-wrapper.popup-options .popup-body {
    height: min(400px, calc(100vh - 40px)) !important;
    height: min(400px, calc(100dvh - 40px)) !important;
  }
}

/* S08: desktop/tablet product listing coin and cart icon. */
@media (min-width:601px) { body .main-products .product-thumb.product-thumb .cart-group.cart-group .btn-extra-46 { gap:2px !important; } body .main-products .product-thumb.product-thumb .cart-group.cart-group .btn-cart::before { font-size:16px !important; } }

/* S08: slightly smaller list-card Buy Now on landscape tablets. */
@media (min-width:768px) and (min-height:600px) and (pointer:coarse) and (orientation:landscape) {
 html body .product-thumb .button-group .cart-group .btn-extra-46,
 html body .product-thumb .button-group .cart-group .btn-extra-46 .btn-text { font-size:12px !important; }
 html body .main-products .product-thumb.product-thumb .button-group .cart-group.cart-group .btn-extra-46::before { width:14px !important; height:14px !important; min-width:14px !important; flex-basis:14px !important; font-size:10px !important; }
}


/* S08: only products with colour choices use an expanded list cart. */
@media (min-width:601px) {
 html body .main-products .ink-has-colour .product-thumb .cart-group > .stepper { display:none !important; }
 html body .main-products .ink-has-colour .product-thumb .cart-group > .btn-cart { display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:5px !important; width:92px !important; min-width:92px !important; flex:0 0 92px !important; padding:0 5px !important; }
 html body .main-products .ink-has-colour .product-thumb .cart-group > .btn-cart::after { content:'Add to'; order:0; font-size:13px; font-weight:700; white-space:nowrap; line-height:1; }
 html body .main-products .ink-has-colour .product-thumb .cart-group > .btn-cart::before { display:inline-block !important; order:1; margin:0 !important; }
 html body .main-products .ink-has-colour .product-thumb .cart-group > .btn-cart .btn-text { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important; }
}

/* S08: compact no-colour category actions in narrow desktop windows. */
@media (min-width:768px) and (max-width:1199px) and (pointer:fine) {
 html.desktop.route-product-category:not(.tablet):not(.ipad) body .main-products .product-layout:not(.ink-has-colour) .cart-group { display:flex !important; flex-wrap:nowrap !important; align-items:center !important; }
 html.desktop.route-product-category:not(.tablet):not(.ipad) body .main-products .product-layout:not(.ink-has-colour) .cart-group > .btn-cart { display:inline-flex !important; align-items:center !important; justify-content:center !important; width:38px !important; min-width:38px !important; flex:0 0 38px !important; padding:0 !important; }
 html.desktop.route-product-category:not(.tablet):not(.ipad) body .main-products .product-layout:not(.ink-has-colour) .cart-group > .btn-cart::before { display:inline-block !important; font-size:16px !important; margin:0 !important; }
 html.desktop.route-product-category:not(.tablet):not(.ipad) body .main-products .product-layout:not(.ink-has-colour) .cart-group > .btn-cart .btn-text { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important; }
}

/* S08: keep the complete blue cart background for colour-option category cards. */
@media (min-width:1200px) and (pointer:fine) {
 html.desktop.route-product-category:not(.tablet):not(.ipad) body .main-products .product-layout.ink-has-colour .product-thumb.product-thumb .cart-group.cart-group > .btn-cart.btn-cart { width:92px !important; min-width:92px !important; flex:0 0 92px !important; }
}

/* S08: match search cards in narrow desktop category windows. */
@media (min-width:601px) and (max-width:1199px) and (pointer:fine) {
 html.desktop.route-product-category:not(.tablet):not(.ipad) body .main-products .product-thumb .buttons-wrapper { background:#eef6ff !important; padding:12px 0 !important; }
 html.desktop.route-product-category:not(.tablet):not(.ipad) body .main-products .product-thumb .button-group { padding:0 4px !important; }
 html.desktop.route-product-category:not(.tablet):not(.ipad) body .main-products .product-thumb .cart-group { display:flex !important; align-items:center !important; justify-content:center !important; flex-wrap:nowrap !important; gap:2px !important; width:100% !important; }
 html.desktop.route-product-category:not(.tablet):not(.ipad) body .main-products .product-thumb .cart-group > .stepper { width:53px !important; min-width:53px !important; flex:0 0 53px !important; height:33px !important; margin:0 !important; }
 html.desktop.route-product-category:not(.tablet):not(.ipad) body .main-products .product-thumb .cart-group > .btn-extra-46 { display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:2px !important; height:33px !important; padding:0 8px 0 3px !important; }
 html.desktop.route-product-category:not(.tablet):not(.ipad) body .main-products .product-thumb .cart-group > .btn-extra-46::before { content:'$' !important; font-family:Arial,sans-serif !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; width:16px !important; height:16px !important; flex:0 0 16px !important; box-sizing:border-box !important; border:1.5px solid #fff !important; border-radius:50% !important; color:#fff !important; font-size:12px !important; font-style:normal !important; font-weight:700 !important; line-height:1 !important; margin:0 !important; }
 html.desktop.route-product-category:not(.tablet):not(.ipad) body .main-products .product-thumb .cart-group > .btn-extra-93 { width:28px !important; min-width:28px !important; height:31px !important; min-height:31px !important; max-height:31px !important; flex:0 0 28px !important; padding:0 !important; }
}

@media (min-width:601px) and (max-width:1199px) and (pointer:fine) {
 html.desktop.route-product-category:not(.tablet):not(.ipad) body .main-products .product-thumb .cart-group > .btn-extra-46 .btn-text { margin:0 !important; }
 html.desktop.route-product-category:not(.tablet):not(.ipad) body .main-products .product-thumb .cart-group > .btn-extra-93 { align-self:center !important; }
}

/* S08: smaller product-list Buy Now text and coin, desktop and tablets. */
@media (min-width:601px) {
 html:is(.desktop,.tablet,.ipad):not(.phone) body .main-products .product-thumb.product-thumb .cart-group.cart-group .btn-extra-46.btn-extra-46,
 html:is(.desktop,.tablet,.ipad):not(.phone) body .main-products .product-thumb.product-thumb .cart-group.cart-group .btn-extra-46.btn-extra-46 .btn-text { font-size:13px !important; }
 html:is(.desktop,.tablet,.ipad):not(.phone) body .main-products .product-thumb.product-thumb .cart-group.cart-group .btn-extra-46.btn-extra-46::before { width:14px !important; height:14px !important; min-width:14px !important; flex-basis:14px !important; font-size:10px !important; }
}
@media (min-width:768px) and (min-height:600px) and (pointer:coarse) and (orientation:landscape) {
 html:is(.desktop,.tablet,.ipad):not(.phone) body .main-products .product-thumb.product-thumb .cart-group.cart-group .btn-extra-46.btn-extra-46,
 html:is(.desktop,.tablet,.ipad):not(.phone) body .main-products .product-thumb.product-thumb .cart-group.cart-group .btn-extra-46.btn-extra-46 .btn-text { font-size:11.5px !important; }
}
@media (min-width:601px) and (pointer:fine) {
 html.desktop:not(.tablet):not(.ipad):not(.phone) body .main-products .product-thumb.product-thumb .cart-group.cart-group .btn-cart.btn-cart::before { font-size:14px !important; }
}

/* S08: keep list purchase actions on one line on landscape tablet layouts. */
@media (min-width:601px) and (orientation:landscape) {
 html:is(.tablet,.ipad):not(.phone) body .main-products .product-thumb.product-thumb .cart-group.cart-group { display:flex !important; align-items:center !important; justify-content:center !important; flex-wrap:nowrap !important; gap:2px !important; }
 html:is(.tablet,.ipad):not(.phone) body .main-products .product-thumb.product-thumb .cart-group.cart-group > .stepper { width:50px !important; min-width:50px !important; flex:0 0 50px !important; margin:0 !important; }
 html:is(.tablet,.ipad):not(.phone) body .main-products .product-layout:not(.ink-has-colour) .product-thumb.product-thumb .cart-group.cart-group > .btn-cart { width:38px !important; min-width:38px !important; flex:0 0 38px !important; padding:0 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; }
 html:is(.tablet,.ipad):not(.phone) body .main-products .product-layout:not(.ink-has-colour) .product-thumb.product-thumb .cart-group.cart-group > .btn-cart::before { display:inline-block !important; margin:0 !important; }
 html:is(.tablet,.ipad):not(.phone) body .main-products .product-layout:not(.ink-has-colour) .product-thumb.product-thumb .cart-group.cart-group > .btn-cart .btn-text { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important; }
 html:is(.tablet,.ipad):not(.phone) body .main-products .product-thumb.product-thumb .cart-group.cart-group > .btn-extra-46 { display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:2px !important; padding:0 5px 0 3px !important; }
 html:is(.tablet,.ipad):not(.phone) body .main-products .product-thumb.product-thumb .cart-group.cart-group > .btn-extra-46 .btn-text { margin:0 !important; }
 html:is(.tablet,.ipad):not(.phone) body .main-products .product-thumb.product-thumb .cart-group.cart-group > .btn-extra-46::before { content:'$' !important; font-family:Arial,sans-serif !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; width:14px !important; height:14px !important; min-width:14px !important; flex:0 0 14px !important; box-sizing:border-box !important; border:1px solid #fff !important; border-radius:50% !important; color:#fff !important; font-size:10px !important; font-weight:700 !important; font-style:normal !important; line-height:1 !important; margin:0 !important; }
 html:is(.tablet,.ipad):not(.phone) body .main-products .product-thumb.product-thumb .cart-group.cart-group > .btn-extra-93 { width:28px !important; min-width:28px !important; flex:0 0 28px !important; padding:0 !important; }
}