/* PDP protector combos (ADDON-COMBOS-SPEC section 4).
   Three deliberate view types (owner 2026-08-04):
     mobile  <=640   swipe row, 84% cards, next peeking (approved look)
     tablet  641-1024  swipe row, 2-up with peek
     desktop >=1025  stacked horizontal rows, designed for the ~650px summary
                     column the module actually lives in on desktop layouts
   Brand v1.0: Ink #111111, red #E4002B for the Save chip only, radius 16.
   Self-contained box-sizing; min-height reserves space (no CLS). Buttons pin
   their own width/case so theme button styles cannot collapse or uppercase
   them. */
.gld-protect,.gld-protect *,.gld-protect *::before,.gld-protect *::after{box-sizing:border-box}
.gld-protect{margin:26px 0 8px;min-height:280px}
.gld-protect__head{font-family:'Archivo',sans-serif;font-weight:800;font-size:19px;letter-spacing:-.01em;margin:0 0 12px;color:#111111}
.gld-protect__row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:6px}
.gld-protect__row::-webkit-scrollbar{display:none}

.gld-combo{position:relative;flex:0 0 84%;min-width:0;max-width:84%;scroll-snap-align:start;background:#fff;border:1px solid #ECECEA;border-radius:16px;padding:14px 14px 16px;display:flex;flex-direction:column;gap:8px;color:#111111}
.gld-combo[hidden]{display:none}
.gld-combo__chip{position:absolute;top:10px;left:10px;background:#E4002B;color:#fff;font-size:12px;font-weight:700;padding:4px 9px;border-radius:999px;white-space:nowrap}
.gld-combo__chip[hidden]{display:none}
.gld-combo__imgs{display:flex;gap:6px;justify-content:flex-end}
.gld-combo__imgs img{width:56px;height:56px;object-fit:cover;border-radius:10px;border:1px solid #ECECEA;background:#F5F5F3}
.gld-combo__name{font-family:'Archivo',sans-serif;font-weight:800;font-size:15.5px;line-height:1.3;margin:2px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gld-combo__list{margin:0;font-size:12.5px;color:#6B6B66;line-height:1.4}
.gld-combo__price{margin:2px 0 0;display:flex;align-items:baseline;gap:8px}
.gld-combo__price .now{font-family:'Archivo',sans-serif;font-weight:700;font-size:18px}
.gld-combo__price .was{color:#9A9A94;font-size:13.5px}
.gld-combo__price .was:empty{display:none}

.gld-combo__axis{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:2px}
.gld-combo__axislab{font-size:11.5px;color:#6B6B66;text-transform:capitalize;flex:0 0 100%}
.gld-combo__opt{min-height:30px;padding:5px 12px;border:1.5px solid #ECECEA;border-radius:999px;background:#fff;font-family:inherit;font-size:12px;font-weight:600;line-height:1.2;cursor:pointer;color:#111111;text-transform:none;letter-spacing:0;white-space:nowrap}
.gld-combo__opt.is-on{border-color:#111111;background:#111111;color:#fff}

.gld-combo__cta{margin-top:auto;width:100%;display:block;min-height:44px;padding:12px 18px;background:#111111;color:#fff;border:1px solid #111111;border-radius:999px;font-size:14.5px;font-weight:700;line-height:1.2;cursor:pointer;font-family:inherit;text-transform:none;letter-spacing:0;white-space:nowrap;transition:background .15s,opacity .15s}
.gld-combo__cta:hover{background:#000}
.gld-combo__cta.is-off,.gld-combo__cta:disabled{background:#fff;color:#9A9A94;border-color:#ECECEA}
.gld-combo__cta.is-off:hover{background:#fff}
.gld-combo__cta:disabled{cursor:default}
.gld-combo__note{margin:0;font-size:12px;color:#E4002B;min-height:1px}

/* ---- tablet: 2-up swipe with peek ---------------------------------------- */
@media (min-width:641px) and (max-width:1024px){
  .gld-combo{flex-basis:46%;max-width:46%}
}

/* ---- desktop: stacked horizontal rows for the summary column ------------- */
@media (min-width:1025px){
  .gld-protect{min-height:0}
  .gld-protect__row{display:flex;flex-direction:column;overflow:visible;gap:12px;padding-bottom:0}
  .gld-combo{flex:none;width:100%;max-width:none;display:grid;grid-template-columns:118px minmax(0,1fr) 168px;grid-template-areas:
    "imgs name  chip"
    "imgs list  price"
    "axes axes  cta"
    "note note  note";
    column-gap:16px;row-gap:4px;align-items:start;padding:14px 16px}
  .gld-combo__imgs{grid-area:imgs;justify-content:flex-start;flex-wrap:wrap;gap:5px;align-self:center}
  .gld-combo__imgs img{width:52px;height:52px}
  .gld-combo__chip{grid-area:chip;position:static;justify-self:end}
  .gld-combo__name{grid-area:name;-webkit-line-clamp:1}
  .gld-combo__list{grid-area:list}
  .gld-combo__axis{grid-area:axes;margin-top:6px}
  .gld-combo__price{grid-area:price;justify-self:end;margin:0}
  .gld-combo__cta{grid-area:cta;justify-self:end;align-self:end;margin-top:6px;width:auto;min-width:150px}
  .gld-combo__note{grid-area:note}
}

/* Post-add confirmation; note colour resets from the error red. Any
   theme-injected added_to_cart link is suppressed: the confirmation owns
   this moment. */
.gld-combo__note .gld-added{display:block;color:#111111;font-size:13px;line-height:1.5;margin-top:8px;padding:12px 14px;background:#F7F7F5;border:1px solid #ECECEA;border-radius:12px;text-align:left}
.gld-added b{display:block;font-weight:700}
.gld-added .gld-added__save{display:block;color:#1a7f37;font-weight:700;margin-top:2px}
.gld-added a{display:inline-block;margin-top:6px;font-weight:700;color:#111111;text-decoration:underline}
.gld-combo .added_to_cart{display:none !important}

/* Inside the cart form (rendered above the Buy Now button) the module must
   never shrink if the theme flexes the button row. */
.gld-protect{width:100%;flex:0 0 100%;min-width:0}

/* The credits-line hide moved to pdp-chrome.css (store-wide, r13). */