.inline-extras{border-top:1px solid #dedfd5;margin-top:25px;padding-top:23px}
.inline-extras h2{font-size:27px;margin:0 0 8px}
.inline-extras>.hint{font-size:13px;margin-bottom:16px}
.extras-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.optional-pill{font-size:11px;background:#eeeee6;color:#61726a;padding:4px 9px;border-radius:20px;white-space:nowrap}
.extra-options{display:grid;gap:11px}
.extra-option{display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:15px;align-items:center;padding:14px;background:#fffdf8;border:1px solid #dedfd5;border-radius:12px}
.extra-option.is-added{border-color:#8ca57d;background:#f3f6ee}
.extra-cover{width:100px;height:100px;background:#fff;object-fit:contain;border-radius:7px}
.extra-option h3{font:normal 22px/1.15 Georgia,serif;margin:0 0 5px}
.extra-option p{font-size:12px;color:#61726a;margin:0 0 8px;line-height:1.45}
.extra-option .detail-link{margin:0;font-size:12px}
.extra-action{text-align:right;min-width:100px}
.extra-action strong{font-size:17px;display:block;margin-bottom:8px}
.extra-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 132px;width:132px;min-width:132px;height:44px;white-space:nowrap;line-height:1;border:1px solid #193b32;border-radius:7px;padding:9px 12px;color:#193b32;background:#fff;font-size:12px;font-weight:bold}
.extra-toggle[aria-pressed=true]{background:#193b32;color:white}
.bundle-sale-badge{display:inline-block;padding:3px 8px;border-radius:5px;background:#ffdfc7;color:#923a16;font-size:11px;font-weight:700;margin-bottom:8px;letter-spacing:.04em}
.bundle-sale-price{text-align:left}.bundle-sale-price s{font-size:12px;color:#61726a}.extra-action .bundle-sale-price strong{font-size:20px;margin:0;line-height:1.4}.bundle-sale-price small{display:block;font-size:11px;color:#a44f2a;white-space:nowrap}
.extra-both{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:28px;background:#193b32;color:#fffdf8;border:1px solid #31584b;border-radius:20px;margin-top:22px;box-shadow:0 12px 24px #193b3215}
.extra-both .pair-offer-label{justify-self:start;padding:8px 12px;border-radius:8px;background:#ffe3ca;color:#71320f;font-size:13px;line-height:1.4;font-weight:800;letter-spacing:.04em}
.extra-both h3{font:500 clamp(30px,3vw,40px)/1.1 'Newsreader',Georgia,serif;margin:4px 0 0}
.extra-both p{margin:0;line-height:1.5}
.extra-both .pair-subtitle{font-size:15px;color:#e3ede5}
.pair-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;margin-top:4px}
.pair-price s{font-size:18px;color:#c8d8ce}.pair-price strong{font-size:clamp(34px,4vw,46px);line-height:1.15;font-weight:800;letter-spacing:-1px}.pair-price span{font-size:14px;color:#e3ede5}
.extra-both .pair-saving{color:#ffbd8e;font-size:20px;font-weight:800}
.extra-both .pair-explainer{font-size:14px;color:#e3ede5;max-width:46ch}
.extra-both #inline-both{display:block;width:100%;min-height:60px;white-space:normal;border:0;border-radius:12px;padding:16px 12px;background:#f68b4f;color:#142e27;font-size:18px;font-weight:800;line-height:1.4;margin-top:5px;box-shadow:0 4px 0 #ad5024;transition:background .15s}
.extra-both #inline-both:hover:enabled{background:#ffa46f}.extra-both #inline-both:focus-visible{outline:3px solid white;outline-offset:4px}.extra-both #inline-both:disabled{background:#d3e6d2;color:#193b32;opacity:1;box-shadow:none}
.extra-both .pair-confirmation{text-align:center;font-size:12px;color:#e3ede5}
.bundle-pair-note{padding:12px;border-radius:8px;background:#edf2e7}
@media(max-width:480px){.extra-both{padding:20px;gap:10px}.extra-both #inline-both{font-size:16px}.extra-both .pair-offer-label{font-size:12px}.extra-both .pair-saving{font-size:18px}}
.extra-footnote{font-size:11px;color:#61726a;margin:12px 0 0}
.selected-extra{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid #e9e8df;padding:11px 0;font-size:12px}
.selected-extra small{display:block;color:#61726a;font-size:11px}.selected-extra button{display:block;border:0;padding:3px 0;background:none;color:#61726a;font-size:11px;text-decoration:underline}
.selected-extra>div:last-child{text-align:right;white-space:nowrap}
.extra-gallery{display:flex;gap:9px;margin:10px 0 17px}
.extra-gallery button{background:white;border:1px solid #dedfd5;padding:3px;border-radius:7px;width:61px;height:61px}
.extra-gallery button[aria-pressed=true]{border:2px solid #ed824c}
.extra-gallery img{width:100%;height:100%;object-fit:contain}
.checkout-preview-note{background:#edf2e7;border-radius:9px;padding:14px;margin:18px 0!important}
.order .primary{font-size:14px}
.bundle-cover-button{border:0;padding:0;background:white;border-radius:7px;line-height:0}
.bundle-title-button{border:0;padding:0;background:none;color:inherit;text-align:left;font:inherit}
.bundle-topic-list{margin:18px 0}.bundle-topic-list h3{font-size:16px;margin:0 0 10px}.bundle-topic-list ul{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none}.bundle-topic-list li{padding:8px 10px;background:#edf2ec;border-radius:7px;color:#62736c;font-size:13px}
@media(max-width:1000px){.extra-option{grid-template-columns:80px minmax(0,1fr);gap:12px}.extra-cover{width:80px;height:96px}.extra-action{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left}.extra-action strong{margin:0;font-size:16px}.extra-option h3{font-size:21px}}
@media(max-width:760px){.extra-option{grid-template-columns:94px minmax(0,1fr)}.extra-cover{width:94px;height:110px}.extra-option p{font-size:13px}.extra-toggle{min-height:44px}.extra-both button{min-height:44px}.inline-extras h2{font-size:26px}}
@media(max-width:360px){.extra-option{grid-template-columns:70px minmax(0,1fr);padding:11px}.extra-cover{width:70px;height:95px}.extra-action{gap:7px}.extra-toggle{padding:9px;min-width:83px}.extra-action strong{font-size:14px}.extra-both{padding:12px;align-items:start}.extras-heading{align-items:start}}
@media(max-width:1000px){.extra-action{grid-column:1/-1}.extra-toggle{min-width:132px}}
