/* pdp-addon-style-20261101 (Ashley 1 Nov): premium, tappable "Complete your order" rows + matching protection row. CSS/markup only. */
#cl-addons{--ao-acc:var(--cl-green,#0b7a43);--ao-line:#e4e1de;--ao-soft:color-mix(in srgb,var(--ao-acc) 6%,#fff)}
html:root body #cl-addons.cl-ao.cl-ao .cl-ao__head{margin:0 0 .75rem!important}
html:root body #cl-addons.cl-ao.cl-ao .cl-ao__title{display:flex!important;align-items:center;gap:.5rem}
html:root body #cl-addons.cl-ao.cl-ao .cl-ao__title::before{content:"";flex:0 0 28px;width:28px;height:28px;border-radius:8px;background:var(--ao-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 7h12l-1 13H7L6 7Z'/%3E%3Cpath d='M9 7V6a3 3 0 0 1 6 0v1'/%3E%3Cpath d='M12 11v5M9.5 13.5h5'/%3E%3C/svg%3E") center/16px no-repeat;box-shadow:inset 0 0 0 1px var(--ao-line)}
html:root body #cl-addons.cl-ao.cl-ao .cl-ao__sub{margin:.25rem 0 0!important;padding-left:calc(28px + .5rem);font-size:.8125rem;line-height:1.35;color:#6b6b6b}
html:root body #cl-addons.cl-ao.cl-ao .cl-ao__g{border:1px solid var(--ao-line)!important;border-radius:14px!important;background:#fff;margin:0 0 .5rem!important;box-shadow:0 1px 2px rgba(20,20,20,.04);transition:border-color .15s,box-shadow .15s,background .15s;overflow:hidden}
html:root body #cl-addons.cl-ao.cl-ao .cl-ao__g+.cl-ao__g{margin-top:0!important}
html:root body #cl-addons.cl-ao.cl-ao .cl-ao__g.has-pick{border-color:var(--ao-acc)!important;box-shadow:inset 0 0 0 1px var(--ao-acc),0 2px 8px rgba(20,20,20,.06)}
html:root body #cl-addons.cl-ao.cl-ao .cl-ao__g.has-pick:not(.is-open){background:var(--ao-soft)}
html:root body #cl-addons.cl-ao.cl-ao .cl-ao__gh{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:68px;padding:.625rem .75rem!important;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
html:root body #cl-addons.cl-ao.cl-ao .cl-ao__gh:hover{background:#fafaf9}
html:root body #cl-addons.cl-ao.cl-ao .cl-ao__g.has-pick:not(.is-open) .cl-ao__gh:hover{background:transparent}
html:root body #cl-addons.cl-ao.cl-ao .cl-ao__gh:focus-visible{outline:2px solid var(--ao-acc);outline-offset:-2px;border-radius:14px}
html:root body #cl-addons.cl-ao.cl-ao .ao-th{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:10px;background:#f5f5f4;overflow:hidden;color:#8a8580;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}
html:root body #cl-addons.cl-ao.cl-ao .ao-th img{width:100%;height:100%;object-fit:contain;background:#fff;display:block}
html:root body #cl-addons.cl-ao.cl-ao .cl-ao__gl{display:flex;flex-direction:column;min-width:0;font-size:.9375rem;font-weight:600;line-height:1.25;color:var(--rk-ink,#1c1917)}
html:root body #cl-addons.cl-ao.cl-ao .cl-ao__gl>.cl-ao__req{order:-1;align-self:flex-start;margin:0 0 .125rem;padding:.0625rem .375rem;border-radius:999px;background:#fdf2f7;font-size:.625rem;letter-spacing:.04em}
html:root body #cl-addons.cl-ao.cl-ao .ao-pr{margin-top:.1875rem;font-size:.8125rem;font-weight:600;color:#4a4744;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html:root body #cl-addons.cl-ao.cl-ao .cl-ao__pk{margin-top:.1875rem;font-size:.8125rem;color:var(--ao-acc)}
html:root body #cl-addons.cl-ao.cl-ao .cl-ao__pkn{color:#57534e;font-weight:400}
html:root body #cl-addons.cl-ao.cl-ao .cl-ao__pkp{display:none!important}
html:root body #cl-addons.cl-ao.cl-ao .cl-ao__g.has-pick .ao-pr{color:var(--ao-acc)}
html:root body #cl-addons.cl-ao.cl-ao .cl-ao__gs{display:none!important}
html:root body #cl-addons.cl-ao.cl-ao .ao-cta{display:inline-flex;align-items:center}
html:root body #cl-addons.cl-ao.cl-ao .ao-cta>span{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;min-width:76px;height:36px;padding:0 .875rem;border-radius:999px;font-size:.8125rem;font-weight:700;line-height:1;white-space:nowrap}
html:root body #cl-addons.cl-ao.cl-ao .ao-cta__add{border:1.5px solid var(--ao-acc);color:var(--ao-acc);background:#fff}
html:root body #cl-addons.cl-ao.cl-ao .ao-cta__i{font-size:1.05rem;font-weight:600;margin-top:-1px}
html:root body #cl-addons.cl-ao.cl-ao .ao-cta__on{display:none!important;background:var(--ao-acc);color:#fff;border:1.5px solid var(--ao-acc)}
html:root body #cl-addons.cl-ao.cl-ao .cl-ao__g.has-pick .ao-cta__add{display:none!important}
html:root body #cl-addons.cl-ao.cl-ao .cl-ao__g.has-pick .ao-cta__on{display:inline-flex!important}
html:root body #cl-addons.cl-ao.cl-ao .cl-ao__chev{display:none}
html:root body #cl-addons.cl-ao.cl-ao .cl-ao__g.is-open:not(.has-pick) .ao-cta{display:none}
html:root body #cl-addons.cl-ao.cl-ao .cl-ao__g.is-open:not(.has-pick) .cl-ao__chev{display:block;justify-self:end;margin-right:.375rem}
html:root body #cl-addons.cl-ao.cl-ao .cl-ao__gb{padding:0 .75rem .75rem!important}
html:root body #cl-addons.cl-ao.cl-ao .cl-ao__g.is-open .cl-ao__gb{padding-top:.125rem!important;border-top:1px solid #f0eeec}
html:root body #cl-addons.cl-ao.cl-ao .cl-ao__g.is-open .cl-ao__list{margin-top:.625rem}
html:root body #cl-addons.cl-ao.cl-ao .cl-ao__card{border:1px solid var(--ao-line)!important;border-radius:12px!important;background:#fff}
html:root body #cl-addons.cl-ao.cl-ao .cl-ao__card.is-on{border-color:var(--ao-acc)!important;background:var(--ao-soft)!important;box-shadow:inset 0 0 0 1px var(--ao-acc)}
html:root body #cl-addons.cl-ao.cl-ao .cl-ao__img,html:root body #cl-addons.cl-ao.cl-ao .cl-ao__img img{border-radius:8px!important}
html:root body #cl-addons.cl-ao.cl-ao .cl-ao__add{border-radius:999px!important}
html:root body #cl-addons.cl-ao.cl-ao .cl-ao__select{border-radius:10px!important;border-color:var(--ao-line)}
html:root body #cl-addons.cl-ao.cl-ao .cl-ao__sum{border-radius:12px!important;background:#f7f6f5}
@media (min-width:768px){html:root body #cl-addons.cl-ao.cl-ao .cl-ao__gh{padding:.75rem 1rem!important}html:root body #cl-addons.cl-ao.cl-ao .cl-ao__gb{padding:0 1rem 1rem!important}}
/* 5-year protection (Loxa offer) row: visual skin only, the Loxa checkbox/markup/JS are untouched */
html:root body #fc-pdp #loxa-magento-offer.loxa-card{margin:.25rem 0 .875rem!important;border:1px solid var(--ao-line,#e4e1de)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 1px 2px rgba(20,20,20,.04);transition:border-color .15s,background .15s}
html:root body #fc-pdp #loxa-magento-offer.loxa-card:has(.loxa-offer-checkbox:checked){border-color:var(--cl-green,#0b7a43)!important;background:color-mix(in srgb,var(--cl-green,#0b7a43) 6%,#fff)!important;box-shadow:inset 0 0 0 1px var(--cl-green,#0b7a43)}
html:root body #fc-pdp #loxa-magento-offer .loxa-add-on-inner{justify-content:space-between;column-gap:.75rem!important;padding:.75rem .875rem;min-height:56px}
html:root body #fc-pdp #loxa-magento-offer .loxa-add-on-main{gap:.625rem;align-items:center!important}
html:root body #fc-pdp #loxa-magento-offer .loxa-offer-checkbox{flex:0 0 22px;width:22px!important;height:22px!important;margin:0!important;border-radius:6px!important;border:1.5px solid #a8a29e!important;cursor:pointer}
html:root body #fc-pdp #loxa-magento-offer .loxa-offer-checkbox:checked{background-color:var(--cl-green,#0b7a43)!important;border-color:var(--cl-green,#0b7a43)!important}
html:root body #fc-pdp #loxa-magento-offer .loxa-add-on-title{font-size:.875rem!important;line-height:1.3!important;font-weight:600!important;color:var(--rk-ink,#1c1917)!important}
html:root body #fc-pdp #loxa-magento-offer .loxa-learn-more-link-text{font-size:.8125rem!important;white-space:nowrap}