.hoko-bundle{border:1px solid var(--hoko-bundle-border,#a5bea0);border-radius:14px;overflow:hidden;margin:16px 0 24px;color:#333;background:#fff}
.hoko-bundle__toggle{display:block;cursor:pointer;list-style:none;text-align:left}
.hoko-bundle__toggle::-webkit-details-marker{display:none}
.hoko-bundle__toggle::marker{content:""}
.hoko-bundle__toggle:focus-visible{outline:2px solid var(--hoko-bundle-heading,#416b45);outline-offset:-3px}
.hoko-bundle .hoko-bundle__header{display:grid;grid-template-columns:36px minmax(0,1fr) 26px;align-items:center;column-gap:12px;min-height:68px;padding:12px 16px;background:var(--hoko-bundle-header-background,#f2f6f0);color:#303a2f;text-align:left}
.hoko-bundle--no-icon .hoko-bundle__header{grid-template-columns:minmax(0,1fr) 26px}
.hoko-bundle__gift{width:36px;height:36px;border-radius:10px;background:var(--hoko-bundle-icon-background,#fff);color:var(--hoko-bundle-icon-color,#4d7650);display:grid;place-items:center;font-size:21px;line-height:1;overflow:hidden}
.hoko-bundle__gift img{display:block;width:100%;height:100%;padding:4px;object-fit:contain}
.hoko-bundle__header-copy{display:grid;gap:3px;min-width:0;max-width:100%;line-height:1.3;visibility:visible;opacity:1}
.hoko-bundle__header-copy strong{display:block;color:var(--hoko-bundle-heading,#416b45);text-transform:uppercase;letter-spacing:.04em;font-size:14px;font-weight:700;overflow-wrap:anywhere}
.hoko-bundle__header-copy small{display:block;color:var(--hoko-bundle-subtitle,#5b6258);font-size:12px;overflow-wrap:anywhere}
.hoko-bundle__chevron{justify-self:end;width:10px;height:10px;border-right:2px solid var(--hoko-bundle-heading,#416b45);border-bottom:2px solid var(--hoko-bundle-heading,#416b45);transform:rotate(45deg);transition:transform .2s}
.hoko-bundle[open] .hoko-bundle__chevron{transform:rotate(225deg)}
.hoko-bundle__preview{display:block;padding:18px 20px 0}
.hoko-bundle__body{padding:0 20px 20px}
.hoko-bundle__tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}
.hoko-bundle__tiers>[data-tier]{padding:11px 4px;border:1px solid #e5e5e5;border-radius:11px;text-align:center;background:#f7f7f7;display:grid;gap:1px;color:#777}
.hoko-bundle__tiers>[data-tier].is-active{background:#edf4eb;border-color:#8aaa80;color:#416b45}
.hoko-bundle__tiers strong{font-size:22px;line-height:1.2}.hoko-bundle__tiers small{font-size:12px}
.hoko-bundle__progress{display:block;height:7px;border-radius:20px;background:#ededed;overflow:hidden}.hoko-bundle__progress span{display:block;height:100%;background:#8baa80;transition:width .2s}
.hoko-bundle__next{display:block;color:#416b45;font-size:13px;margin:9px 0 18px}
.hoko-bundle__group{border:0;padding:0;margin:0 0 20px;min-width:0}.hoko-bundle__group legend,.hoko-bundle__summary-heading{color:#777;text-transform:uppercase;letter-spacing:.07em;font-size:12px;font-weight:700;margin-bottom:9px}
.hoko-bundle__item{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e4e4e4;border-radius:11px;margin-bottom:8px;min-width:0}
.hoko-bundle__item.is-selected{border-color:#91ad88;background:#f7faf6}.hoko-bundle__choice{flex:none;cursor:pointer}.hoko-bundle__check{width:20px;height:20px;accent-color:#779c70;margin:0;cursor:pointer}
.hoko-bundle__item-image{width:64px;height:64px;background:#fff;border-radius:7px;flex:none}.hoko-bundle__item-image img{width:100%;height:100%;object-fit:contain}
.hoko-bundle__item-main{display:grid;gap:4px;min-width:0;flex:1}.hoko-bundle__item-title{font-size:13px;line-height:1.3}.hoko-bundle__item-price{font-size:13px;font-weight:700}
.hoko-bundle__variant-label{display:block;position:relative;width:min(100%,280px)}
.hoko-bundle__variant-label::after{content:"";position:absolute;right:13px;top:50%;width:7px;height:7px;border-right:1.5px solid #416b45;border-bottom:1.5px solid #416b45;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.hoko-bundle__variant{display:block;width:100%;max-width:100%;min-height:38px;appearance:none;-webkit-appearance:none;font:inherit;font-size:12px;line-height:1.3;text-align:left;color:#303a2f;border:1px solid #b8cdb4;border-radius:8px;padding:8px 32px 8px 11px;background:#fff;cursor:pointer}
.hoko-bundle__variant:focus-visible{outline:2px solid #416b45;outline-offset:2px}
.hoko-bundle__none{font-size:13px;display:block;padding:6px 0}.hoko-bundle__none input{accent-color:#779c70}
.hoko-bundle__summary{background:#f5f5f5;border-radius:12px;padding:16px;margin-top:18px}.hoko-bundle__summary .hoko-bundle__item{background:#fff}.hoko-bundle__summary-line{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:7px 0}.hoko-bundle__summary-line>:first-child{min-width:0}.hoko-bundle__summary-line>:last-child{white-space:nowrap}
.hoko-bundle__summary-line[data-base-line]{border-bottom:1px solid #ddd;margin-bottom:7px}.hoko-bundle__discount{color:#ad5b23}.hoko-bundle__total{border-top:1px solid #ddd;margin-top:5px;padding-top:12px;font-size:16px}
.hoko-bundle__add{display:block;width:100%;border:0;border-radius:10px;background:#8baa80;color:#fff;font-weight:700;text-align:center;padding:15px;margin-top:14px;cursor:pointer;text-transform:uppercase;letter-spacing:.04em}.hoko-bundle__add:disabled{opacity:.6;cursor:wait}
.hoko-bundle__error{color:#a02727;font-size:13px;margin:8px 0}.hoko-bundle__note{display:block;color:#777;text-align:center;font-size:11px;line-height:1.4;margin-top:8px}
.hoko-bundle__status{color:var(--hoko-bundle-heading,#416b45);font-size:13px;line-height:1.4;margin:10px 0}
@media(max-width:740px){.hoko-bundle .hoko-bundle__header{grid-template-columns:32px minmax(0,1fr) 20px;gap:10px;min-height:60px;padding:10px 12px}.hoko-bundle--no-icon .hoko-bundle__header{grid-template-columns:minmax(0,1fr) 20px}.hoko-bundle__gift{width:32px;height:32px}.hoko-bundle__preview{padding:14px 14px 0}.hoko-bundle__body{padding:0 14px 14px}.hoko-bundle__tiers strong{font-size:18px}.hoko-bundle__item-image{width:54px;height:54px}}