/* RED20-V12-SUBCATEGORY-SIMPLE-ORDER-20260902
   UI-only: fuller subcategory cards and a simpler, faster Cart/Checkout experience.
*/
:root{--r20:#ff5a00;--r20-ink:#1f2329;--r20-muted:#6d7480;--r20-line:#e8eaee;--r20-soft:#f6f7f9;--r20-green:#168a55}

/* ===== Subcategories: large full-frame image cards like the supplied reference ===== */
html body .listing-page .red20-subcategory-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:18px 14px!important;margin:0!important;align-items:start!important}
html body .listing-page .red20-subcategory-grid>.red20-subcategory-cell{width:auto!important;max-width:none!important;flex:none!important;padding:0!important;margin:0!important}
html body .red20-subcategory-card{display:block!important;width:100%!important;color:var(--r20-ink)!important;text-decoration:none!important;background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important;transition:transform .18s ease!important}
html body .red20-subcategory-card:hover{transform:translateY(-2px)!important;color:var(--r20-ink)!important}
html body .red20-subcategory-media{display:flex!important;width:100%!important;aspect-ratio:1/1!important;align-items:center!important;justify-content:center!important;background:#f0f1f2!important;border:1px solid #eceef1!important;border-radius:10px!important;overflow:hidden!important;padding:0!important}
html body .red20-subcategory-media img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;margin:0!important;padding:0!important;transform:scale(1.08)!important;transition:transform .22s ease!important}
html body .red20-subcategory-card:hover .red20-subcategory-media img{transform:scale(1.13)!important}
html body .red20-subcategory-name{display:block!important;margin:8px 1px 0!important;text-align:left!important;font-size:14px!important;font-weight:650!important;line-height:1.3!important;color:var(--r20-ink)!important;white-space:normal!important;min-height:36px!important}
html body .red20-subcategory-title{display:block!important;margin:0 0 2px!important;font-size:20px!important;font-weight:850!important;color:var(--r20-ink)!important}

/* ===== Shared simple-order progress ===== */
html body .red20-order-steps{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;margin:0 0 18px!important;padding:10px 12px!important;background:#fff!important;border:1px solid var(--r20-line)!important;border-radius:14px!important;color:#969ca5!important;font-size:12px!important;font-weight:750!important}
html body .red20-order-steps span{display:flex!important;align-items:center!important;gap:6px!important;white-space:nowrap!important}
html body .red20-order-steps b{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important;border-radius:50%!important;background:#f0f1f3!important;color:#707783!important;font-size:11px!important}
html body .red20-order-steps .active{color:var(--r20-ink)!important}
html body .red20-order-steps .active b{background:var(--r20)!important;color:#fff!important}
html body .red20-order-steps i{font-style:normal!important;color:#c2c6cc!important;font-size:18px!important}
html body .red20-cart-intro,html body .red20-checkout-intro{margin:0 0 14px!important}
html body .red20-cart-intro h1,html body .red20-checkout-intro h1{margin:0!important;font-size:24px!important;line-height:1.2!important;font-weight:900!important;color:var(--r20-ink)!important}
html body .red20-cart-intro p,html body .red20-checkout-intro p{margin:5px 0 0!important;font-size:12px!important;color:var(--r20-muted)!important}

/* ===== Cart: only the information needed to decide and continue ===== */
html body .red20-cart-breadcrumb{display:none!important}
html body .red20-cart-page{padding-top:18px!important}
html body .red20-cart-page .col-xl-8{border-radius:16px!important;padding:8px 16px 14px!important}
html body .red20-cart-page .text-right{height:34px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important}
html body .red20-cart-page #clear_cart{background:transparent!important;border:0!important;color:#a14949!important;font-size:11px!important;font-weight:700!important;margin:0!important;padding:4px 0!important;box-shadow:none!important}
html body .red20-cart-page .table-cart-product thead th{font-size:11px!important;color:#858b94!important;text-transform:none!important;padding:11px 8px!important}
/* Hide tax column for a simpler shopping view; calculation logic remains untouched. */
html body .red20-cart-page .table-cart-product th:nth-child(4),html body .red20-cart-page .table-cart-product td:nth-child(4){display:none!important}
html body .red20-cart-page .cart-product-desc-list td{padding:12px 8px!important}
html body .red20-cart-page .widget-image img{width:92px!important;height:92px!important;border-radius:12px!important;background:#fafafa!important;border:1px solid #eff0f2!important;padding:2px!important}
html body .red20-cart-page .cart-product-title{font-size:13px!important;line-height:1.4!important}
html body .red20-cart-page .save-for-later{display:none!important}
html body .red20-cart-page .product-removal{cursor:pointer!important;width:32px!important;height:32px!important;border-radius:50%!important;background:#fff4f4!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:auto!important}
html body .red20-cart-page .cart-product-summary{padding:18px!important;border-radius:16px!important}
html body .red20-cart-page .cart-product-summary h3{font-size:18px!important;margin:0!important}
html body .red20-summary-help{font-size:10.5px!important;color:var(--r20-muted)!important;line-height:1.4!important;margin:4px 0 12px!important}
html body .red20-cart-page .total-price td{font-size:20px!important;padding:12px 0!important}
html body .red20-cart-page #checkout .block{min-height:52px!important;font-size:15px!important;border-radius:12px!important}
html body .red20-cart-page #checkout .block:after{content:'  →'!important}

/* ===== Checkout: Delivery, Payment, Total. Everything else becomes secondary ===== */
html body .red20-checkout-breadcrumb{display:none!important}
html body .red20-checkout-page{padding-top:18px!important}
html body .red20-checkout-page .checkout-form-title{font-size:20px!important;margin-bottom:13px!important}
html body .red20-checkout-page .ship-details-wrapper{border-radius:14px!important;padding:15px!important}
html body .red20-checkout-page .ship-title-details h5{font-size:14px!important;font-weight:850!important;color:var(--r20-ink)!important;margin:0!important;padding:0!important}
html body .red20-change-address{display:inline-flex!important;align-items:center!important;gap:5px!important;background:#fff4ed!important;color:var(--r20)!important;border-radius:9px!important;padding:7px 10px!important;font-size:11px!important;font-weight:850!important;text-decoration:none!important}
html body .red20-checkout-page .shipped-details{background:#f8f9fa!important;border:0!important;border-radius:11px!important;padding:12px 13px!important}
html body .red20-checkout-page .shipped-details p{font-size:11.5px!important;color:#555d67!important}
html body .red20-checkout-page hr{border:0!important;border-top:1px solid #f0f1f3!important;margin:12px 0!important}
html body .red20-checkout-page #order_note{min-height:44px!important;font-size:12px!important}
html body .red20-wallet-empty{display:none!important}
html body .red20-wallet-option{background:#f8f9fa!important;border-radius:11px!important;padding:11px 13px!important;margin:4px 0 12px!important}

/* Payment rows become clear tap targets. */
html body .red20-checkout-page .payment-methods .shipped-details{width:100%!important;max-width:none!important;padding:0!important;margin-top:10px!important;background:transparent!important}
html body .red20-checkout-page .payment-methods table,html body .red20-checkout-page .payment-methods tbody{display:block!important;width:100%!important}
html body .red20-checkout-page .payment-methods tbody{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
html body .red20-checkout-page .payment-methods tr{display:grid!important;grid-template-columns:28px 44px 1fr!important;align-items:center!important;min-height:64px!important;border:1px solid var(--r20-line)!important;border-radius:12px!important;background:#fff!important;padding:8px 10px!important;cursor:pointer!important;margin:0!important}
html body .red20-checkout-page .payment-methods tr:has(input:checked){border-color:var(--r20)!important;box-shadow:0 0 0 2px rgba(255,90,0,.09)!important;background:#fffaf6!important}
html body .red20-checkout-page .payment-methods td{border:0!important;padding:0!important;display:flex!important;align-items:center!important;min-width:0!important}
html body .red20-checkout-page .payment-methods label{margin:0!important;width:100%!important;font-size:12px!important;font-weight:750!important;color:var(--r20-ink)!important;cursor:pointer!important}
html body .red20-checkout-page .payment-gateway-images{max-width:40px!important;max-height:28px!important}
html body .red20-checkout-page .payment-methods input[type=radio]{width:18px!important;height:18px!important;accent-color:var(--r20)!important}

/* Compact order summary + optional promo */
html body .red20-checkout-page .checkout-order-wrapper{border-radius:16px!important;padding:16px!important}
html body .red20-checkout-page .checkout-title h1{font-size:18px!important}
html body .red20-checkout-page .product-checkout-title h2,html body .red20-checkout-page .product-checkout-title a{font-size:11px!important;font-weight:750!important;color:#7a818b!important}
html body .red20-checkout-page .order-details .table td{font-size:11px!important;padding:6px 0!important}
html body .red20-checkout-page .total-price td{font-size:19px!important;padding-top:12px!important}
html body .red20-promo-details{margin:10px 0 6px!important;border-top:1px solid #f0f1f3!important;padding-top:9px!important}
html body .red20-promo-details summary{cursor:pointer!important;color:#5e6570!important;font-size:11px!important;font-weight:750!important;list-style:none!important}
html body .red20-promo-details summary::-webkit-details-marker{display:none!important}
html body .red20-promo-details summary:after{content:' +'!important;color:var(--r20)!important;font-weight:900!important}
html body .red20-promo-details[open] summary:after{content:' −'!important}
html body .red20-promo-body{padding-top:8px!important}
html body .red20-offers-link{display:inline-block!important;font-size:10px!important;margin-bottom:7px!important;color:var(--r20)!important}
html body .red20-checkout-page #redeem_btn{border-radius:0 9px 9px 0!important;min-width:72px!important}
html body .red20-checkout-page #place_order_btn{min-height:52px!important;font-size:15px!important;border-radius:12px!important}
html body .red20-checkout-page #place_order_btn:after{content:'  ✓'!important}

@media(max-width:767.98px){
  /* Reference-like subcategory grid: exactly two strong image cards per row. */
  html body .listing-page .red20-subcategory-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 10px!important;padding:0 8px!important}
  html body .red20-subcategory-media{border-radius:8px!important;aspect-ratio:1/1!important;background:#f0f1f2!important}
  html body .red20-subcategory-media img{transform:scale(1.12)!important}
  html body .red20-subcategory-name{font-size:12.5px!important;font-weight:650!important;margin-top:7px!important;min-height:33px!important;text-align:left!important}
  html body .red20-subcategory-title{font-size:18px!important;margin-left:8px!important}

  html body .red20-order-steps{justify-content:flex-start!important;overflow-x:auto!important;scrollbar-width:none!important;margin:0 0 12px!important;padding:8px 9px!important;border-radius:12px!important;font-size:10px!important;gap:7px!important}
  html body .red20-order-steps::-webkit-scrollbar{display:none!important}
  html body .red20-order-steps b{width:21px!important;height:21px!important;font-size:10px!important}
  html body .red20-order-steps span{gap:4px!important}
  html body .red20-cart-intro h1,html body .red20-checkout-intro h1{font-size:20px!important}
  html body .red20-cart-intro p,html body .red20-checkout-intro p{font-size:11px!important}

  /* Cart cards: photo, name, price, quantity, delete. No technical columns. */
  html body .red20-cart-page{padding:8px 8px 88px!important}
  html body .red20-cart-page .col-xl-8{padding:0!important}
  html body .red20-cart-page .text-right{height:27px!important}
  html body .red20-cart-page .table-cart-product .cart-product-desc-list{grid-template-columns:92px minmax(0,1fr) 30px!important;gap:6px 10px!important;padding:10px!important;border-radius:13px!important}
  html body .red20-cart-page .table-cart-product .cart-product-desc-list td:nth-child(1){grid-column:1!important;grid-row:1/5!important}
  html body .red20-cart-page .table-cart-product .cart-product-desc-list td:nth-child(2){grid-column:2!important;grid-row:1!important}
  html body .red20-cart-page .table-cart-product .cart-product-desc-list td:nth-child(3){grid-column:2!important;grid-row:2!important;color:var(--r20)!important;font-size:13px!important;font-weight:900!important}
  html body .red20-cart-page .table-cart-product .cart-product-desc-list td:nth-child(4){display:none!important}
  html body .red20-cart-page .table-cart-product .cart-product-desc-list td:nth-child(5){grid-column:2!important;grid-row:3!important}
  html body .red20-cart-page .table-cart-product .cart-product-desc-list td:nth-child(6){grid-column:2!important;grid-row:4!important;font-size:11px!important;font-weight:800!important;color:var(--r20-ink)!important}
  html body .red20-cart-page .table-cart-product .cart-product-desc-list td:nth-child(7){grid-column:3!important;grid-row:1!important}
  html body .red20-cart-page .widget-image img{width:92px!important;height:92px!important}
  html body .red20-cart-page .cart-product-title{font-size:11.5px!important}
  html body .red20-cart-page .product-quantity{transform:scale(.92)!important}
  html body .red20-cart-page .cart-product-summary{margin-top:8px!important;padding:14px!important;border-radius:13px!important}
  html body .red20-cart-page .total-price td{font-size:18px!important}
  html body .red20-cart-page #checkout .block{min-height:52px!important;font-size:14px!important}

  /* Checkout: one obvious vertical flow for non-technical users. */
  html body .red20-checkout-page{padding:8px 8px 94px!important}
  html body .red20-checkout-page .col-xl-8,html body .red20-checkout-page .col-xl-4{padding:12px!important;border-radius:13px!important;margin-bottom:8px!important}
  html body .red20-checkout-page .checkout-form-title{font-size:17px!important}
  html body .red20-checkout-page .ship-details-wrapper{padding:12px!important;border-radius:12px!important}
  html body .red20-change-address{padding:7px 9px!important;font-size:10px!important}
  html body .red20-checkout-page .payment-methods tbody{grid-template-columns:1fr!important;gap:7px!important}
  html body .red20-checkout-page .payment-methods tr{min-height:58px!important;padding:7px 9px!important}
  html body .red20-checkout-page .checkout-order-wrapper{padding:0!important}
  html body .red20-checkout-page .product-checkout{margin-top:8px!important}
  html body .red20-checkout-page #place_order_btn{position:sticky!important;bottom:72px!important;z-index:7!important;min-height:54px!important;font-size:15px!important;box-shadow:0 7px 22px rgba(255,90,0,.25)!important}
}