[data-ribbed-product] .fluff-main-product__option-values{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
[data-ribbed-product] button.ribbed-color{position:relative;display:block;min-width:0;width:100%;padding:3px;border:2px solid #e2e4ec;border-radius:12px;aspect-ratio:1;background:#fff;overflow:hidden;transition:border-color .15s,box-shadow .15s}
[data-ribbed-product] button.ribbed-color img{width:100%;height:100%;object-fit:cover;border-radius:7px;display:block}
[data-ribbed-product] button.ribbed-color.is-selected{border-color:#202d63;box-shadow:0 0 0 2px #202d631a}
[data-ribbed-product] button.ribbed-color.is-selected:after{content:'✓';position:absolute;bottom:3px;right:3px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#202d63;color:#fff;font-size:12px}
.ribbed-color__name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[data-ribbed-product] .ribbed-purchase-total{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px 12px;margin:18px 0 10px;padding:14px 16px;border-radius:12px;background:#f5f7fb;color:#202d63}
.ribbed-purchase-total strong{font-size:24px}.ribbed-purchase-total small{width:100%;color:#28734b;font-size:14px}
[data-ribbed-product] .ribbed-buy{display:block;width:100%;min-height:52px;border:1px solid #202d63;border-radius:10px;background:#202d63;color:white;font:inherit;font-weight:700;padding:12px 18px;cursor:pointer}
[data-ribbed-product] button:focus-visible{outline:3px solid #5174b6;outline-offset:3px}
[data-ribbed-product] button:disabled{opacity:.55;cursor:not-allowed}
.ribbed-addons{max-width:1280px;margin:34px auto 46px;padding:30px 24px 0;border-top:1px solid #e2e4ec;color:#202020;direction:rtl}
.ribbed-addons__head h2{font-size:clamp(26px,3vw,38px);font-weight:800;margin:0 0 8px;line-height:1.3}
.ribbed-addons__head p{color:#737373;margin:0 0 26px;font-size:17px}
.ribbed-addons__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ribbed-addon{display:grid;grid-template-columns:135px minmax(0,1fr);grid-template-rows:auto auto 1fr auto;column-gap:22px;row-gap:8px;padding:22px;border:1px solid #dfe2ed;border-radius:22px;background:#fff;align-items:start;transition:border-color .15s,background-color .15s}
.ribbed-addon.is-added{border-color:#202d63;background:#f7f8fc}
.ribbed-addon__visual{grid-column:1;grid-row:1 / 5;width:135px;height:185px;align-self:center;border-radius:12px;overflow:hidden;background:#f5f3ef}
.ribbed-addon__visual img{display:block;width:100%;height:100%;object-fit:cover}
.ribbed-addon__visual--cases{background:#fff}.ribbed-addon__visual--cases img{object-fit:contain;object-position:center}
.ribbed-addon h3{grid-column:2;font-size:22px;line-height:1.4;font-weight:800;margin:0}
.ribbed-addon__note{grid-column:2;font-size:14px;line-height:1.8;color:#747474;margin:0}
.ribbed-addon__price{grid-column:2;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:5px 0}
.ribbed-addon__price b{font-size:25px;color:#202d63}.ribbed-addon__price s{font-size:16px;color:#777}
.ribbed-addon button{grid-column:2;width:100%;min-height:48px;padding:10px 8px;border:2px solid #202d63;border-radius:10px;background:#fff;color:#202d63;font:inherit;font-size:16px;font-weight:700;cursor:pointer}
.ribbed-addon.is-added button{color:white;background:#202d63}
.ribbed-addons__summary{margin-top:20px;padding:20px;border-radius:16px;background:#f5f7fb}
.ribbed-addons__summary[hidden]{display:none}.ribbed-addons__summary p{display:flex;justify-content:space-between;gap:12px;margin:0 0 12px}
.ribbed-addons__summary strong{font-size:26px;color:#202d63}.ribbed-addons__summary small{display:block;margin-bottom:14px;color:#687369}
.ribbed-addons__error{color:#a52f2f;margin:10px 0 0}.ribbed-addons__error:empty{display:none}
@media(max-width:989px){.ribbed-addons__grid{grid-template-columns:1fr}.ribbed-addon{grid-template-columns:145px minmax(0,1fr)}.ribbed-addon__visual{width:145px}}
@media(max-width:749px){[data-ribbed-product] .fluff-main-product__option-values{grid-template-columns:repeat(3,minmax(0,1fr));max-width:290px;gap:10px}.ribbed-addons{padding:24px 16px 0;margin-top:24px}.ribbed-addon{grid-template-columns:100px minmax(0,1fr);padding:16px;gap:8px 14px;border-radius:16px}.ribbed-addon__visual{width:100px;height:160px}.ribbed-addon h3{font-size:19px}.ribbed-addon__note{font-size:13px}.ribbed-addon__price b{font-size:23px}.ribbed-addon button{font-size:14px}.ribbed-addons__head p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.ribbed-addon,[data-ribbed-product] button.ribbed-color{transition:none}}

.ribbed-addon--warmer{grid-column:1 / -1;grid-template-columns:minmax(180px,.8fr) minmax(0,1.5fr);gap:28px;padding:26px}
.ribbed-addon--warmer .ribbed-addon__visual--warmer{width:100%;height:100%;min-height:360px;max-height:470px;grid-row:auto;align-self:stretch}
.ribbed-warmer__body{min-width:0;display:grid;gap:12px}
.ribbed-warmer__body h3,.ribbed-warmer__body .ribbed-addon__note,.ribbed-warmer__body .ribbed-addon__price,.ribbed-warmer__body>button{grid-column:auto}
.ribbed-warmer__badge{justify-self:start;background:#edf7ef;color:#236943;border-radius:20px;padding:6px 13px;font-size:14px;font-weight:700}
.ribbed-warmer__colors{border:0;margin:0;padding:0;min-width:0}
.ribbed-warmer__colors legend{font-size:15px;margin:0 0 8px}.ribbed-warmer__colors>div{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-width:390px}
.ribbed-warmer__colors button.ribbed-warmer__color{grid-column:auto;display:block;width:100%;min-height:0;padding:3px;aspect-ratio:1;border:2px solid #e2e4ec;border-radius:10px;background:#fff;position:relative}
.ribbed-warmer__color img{display:block;width:100%;height:100%;object-fit:cover;border-radius:5px}
.ribbed-warmer__colors button.ribbed-warmer__color.is-selected{border-color:#202d63;box-shadow:0 0 0 2px #202d6320}
.ribbed-warmer__colors button.ribbed-warmer__color.is-selected:after{content:'✓';position:absolute;bottom:2px;right:2px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#202d63;color:#fff;font-size:11px}
.ribbed-warmer__size{display:grid;gap:7px;font-size:15px;font-weight:700;max-width:390px}.ribbed-warmer__select{position:relative;display:block}.ribbed-warmer__size select{display:block;width:100%;min-height:52px;border:2px solid #aeb8d2;border-radius:10px;background:#f9faff;color:#202020;font:inherit;padding:12px;padding-inline-end:52px;appearance:none;-webkit-appearance:none;cursor:pointer}.ribbed-warmer__chevron{position:absolute;inset-inline-end:14px;top:50%;transform:translateY(-50%);color:#202d63;pointer-events:none}.ribbed-warmer__select:focus-within .ribbed-warmer__chevron{color:#5174b6}.ribbed-warmer__size select[aria-invalid=true]{border:2px solid #a52f2f}.ribbed-warmer__size select:focus-visible{outline:3px solid #5174b6;outline-offset:3px}
.ribbed-warmer__saving{font-size:14px;color:#28734b;margin:-6px 0 0}.ribbed-addon__price small{font-size:14px}.ribbed-addon__price small[hidden]{display:none}
.ribbed-complete{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:22px;margin-top:20px;border:1px solid #dfe2ed;border-radius:16px;background:#faf9f5}
.ribbed-complete h3{font-size:23px;margin:0 0 7px;font-weight:800}.ribbed-complete p{margin:0;color:#747474;font-size:14px;line-height:1.8}.ribbed-complete .ribbed-buy{max-width:330px;flex-shrink:0}.ribbed-addons__summary [data-ribbed-selection]{line-height:1.8;font-size:15px}
@media(max-width:749px){.ribbed-addon--warmer{grid-template-columns:1fr;padding:16px;gap:18px}.ribbed-addon--warmer .ribbed-addon__visual--warmer{min-height:0;height:auto;max-height:270px;aspect-ratio:1.6;grid-column:1}.ribbed-addon__visual--warmer img{object-position:center 55%}.ribbed-warmer__body{gap:12px}.ribbed-warmer__colors>div{gap:6px;max-width:none}.ribbed-warmer__size{max-width:none}.ribbed-complete{flex-direction:column;align-items:stretch;gap:15px;padding:18px}.ribbed-complete .ribbed-buy{max-width:none}.ribbed-complete h3{font-size:21px}}
