.sales-plans{--ico-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.4l3.2 3.2L13 5'/%3E%3C/svg%3E");--ico-up:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 13V3.6M3.8 7.8L8 3.6l4.2 4.2'/%3E%3C/svg%3E");--ico-frame:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M3 6V4a1 1 0 0 1 1-1h2M10 3h2a1 1 0 0 1 1 1v2M13 10v2a1 1 0 0 1-1 1h-2M6 13H4a1 1 0 0 1-1-1v-2M8 5.8v4.4'/%3E%3C/svg%3E");container:sales-plans/inline-size}.sales-plans .tabs{gap:var(--s-1);border:1px solid var(--line);border-radius:var(--r-xl);background:var(--surface);max-width:100%;box-shadow:var(--sh-sm);padding:4px;display:inline-flex;overflow-x:auto}.sales-plans .tab{border-radius:var(--r-lg);height:38px;color:var(--text-3);white-space:nowrap;cursor:pointer;transition:background-color var(--t-fast), color var(--t-fast);background:0 0;border:0;align-items:center;gap:7px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.sales-plans .tab:hover{color:var(--text-1)}.sales-plans .tab[aria-selected=true]{background:var(--info-bg);color:var(--text-1);box-shadow:inset 0 0 0 1px var(--info-line);font-weight:650}.sales-plans .tab:focus-visible{outline:2px solid var(--brand-dark-fg);outline-offset:2px}.sales-plans .tab__badge{border:1px solid var(--info-line);border-radius:var(--r-sm);background:var(--info-bg);max-width:84px;height:19px;color:var(--brand-fg);white-space:nowrap;text-overflow:ellipsis;flex:none;padding:0 6px;font-size:11px;font-weight:650;line-height:17px;overflow:hidden}.sales-plans .tab__em{color:var(--cyan);font-size:12px;font-style:normal;font-weight:600}.sales-plans .tabs-hint{margin:var(--s-3) 2px var(--s-4);color:var(--text-3);font-size:12.5px;line-height:1.7}.sales-plans .tabs-hint--warn{color:var(--warn);font-weight:600}.sales-plans .grid{gap:var(--s-4);grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid}.sales-plans .grid--pack{gap:var(--s-3)}.sales-plans .grid>*{scroll-snap-align:start}@container sales-plans (min-width:464px){.sales-plans .grid--plan:not([data-count="1"]){scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:264px;grid-auto-flow:column;padding-bottom:10px;overflow-x:auto}.sales-plans .grid--plan[data-count="2"],.sales-plans .grid--plan[data-count="4"],.sales-plans .grid--plan[data-count="6"]{scroll-snap-type:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;grid-auto-flow:row;padding-bottom:0;overflow-x:visible}}@container sales-plans (min-width:704px){.sales-plans .grid--plan[data-count="3"],.sales-plans .grid--plan[data-count="6"]{scroll-snap-type:none;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;grid-auto-flow:row;padding-bottom:0;overflow-x:visible}}@container sales-plans (min-width:944px){.sales-plans .grid--plan[data-count="4"]{grid-template-columns:repeat(var(--cols), minmax(0, 1fr))}}@container sales-plans (min-width:1184px){.sales-plans .grid--plan[data-count="5"]{grid-auto-columns:auto;grid-auto-flow:row;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));scroll-snap-type:none;padding-bottom:0;overflow-x:visible}}@container sales-plans (min-width:1424px){.sales-plans .grid--plan[data-count="6"]{grid-template-columns:repeat(var(--cols), minmax(0, 1fr))}}@container sales-plans (min-width:312px){.sales-plans .grid--pack:not([data-count="1"]){scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:168px;grid-auto-flow:column;padding-bottom:10px;overflow-x:auto}.sales-plans .grid--pack[data-count="2"],.sales-plans .grid--pack[data-count="4"],.sales-plans .grid--pack[data-count="6"]{scroll-snap-type:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;grid-auto-flow:row;padding-bottom:0;overflow-x:visible}}@container sales-plans (min-width:474px){.sales-plans .grid--pack[data-count="3"],.sales-plans .grid--pack[data-count="6"]{scroll-snap-type:none;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;grid-auto-flow:row;padding-bottom:0;overflow-x:visible}}@container sales-plans (min-width:636px){.sales-plans .grid--pack[data-count="4"]{grid-template-columns:repeat(var(--cols), minmax(0, 1fr))}}@container sales-plans (min-width:798px){.sales-plans .grid--pack[data-count="5"]{grid-auto-columns:auto;grid-auto-flow:row;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));scroll-snap-type:none;padding-bottom:0;overflow-x:visible}}@container sales-plans (min-width:960px){.sales-plans .grid--pack[data-count="6"]{grid-template-columns:repeat(var(--cols), minmax(0, 1fr))}}.sales-plans .card{border:1px solid var(--line);border-radius:var(--r-xl);background:var(--surface);min-width:224px;box-shadow:var(--sh-sm);transition:border-color var(--t-fast), box-shadow var(--t-fast);flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.sales-plans .card--pack{min-width:150px}.sales-plans .card:not(.is-disabled):hover{border-color:var(--line-brand);box-shadow:var(--sh-md)}.sales-plans .card:not(.is-disabled):has(input:checked){border-color:var(--brand);box-shadow:var(--sel-ring), var(--sh-md)}:is(.sales-plans .card:has(input:focus-visible),.sales-plans .card:has(.card__select:focus-visible)){outline:2px solid var(--brand-dark-fg);outline-offset:2px}.sales-plans .card__bar{background:var(--grad-brand);height:3px;display:block}.sales-plans .card__select{padding:var(--s-5) var(--s-5) var(--s-4);cursor:pointer;display:block}.sales-plans .card--pack .card__select{padding:var(--s-4)}.sales-plans .card__body{display:block}.sales-plans .card--link .card__select{color:inherit;text-decoration:none}.sales-plans .card--link .card__select:after{content:"";position:absolute;inset:0}.sales-plans .card.is-disabled{background:var(--disabled-bg);box-shadow:none;cursor:not-allowed;border-color:#0000}.sales-plans .card.is-disabled *{color:var(--disabled-fg)!important}.sales-plans .card.is-disabled .card__select{cursor:not-allowed}.sales-plans .card.is-disabled .card__bar{background:var(--line-strong)}.sales-plans .card.is-disabled .points{background:var(--tint-weak)}.sales-plans .card.is-disabled .badge,.sales-plans .card.is-disabled .tag-cyan,.sales-plans .card.is-disabled .cta{border-color:var(--line);background:0 0}.sales-plans .card.is-disabled .points__main:before,.sales-plans .card.is-disabled .uplift:before,.sales-plans .card.is-disabled .benefits li:before{background:var(--disabled-fg)}.sales-plans .card__head{align-items:center;gap:var(--s-2);min-height:24px;display:flex}.sales-plans .card__name{color:var(--text-1);letter-spacing:-.01em;overflow-wrap:anywhere;font-size:16px;font-weight:680}.sales-plans .card--pack .card__name{color:var(--text-4);font-size:12.5px;font-weight:600}.sales-plans .badge{border:1px solid var(--info-line);border-radius:var(--r-sm);background:var(--info-bg);max-width:104px;height:22px;color:var(--brand-fg);white-space:nowrap;text-overflow:ellipsis;flex:none;margin-left:auto;padding:0 8px;font-size:11.5px;font-weight:650;line-height:20px;overflow:hidden}.sales-plans .card__aud{-webkit-line-clamp:2;min-height:36px;color:var(--text-3);-webkit-box-orient:vertical;margin-top:4px;font-size:12.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.sales-plans .price{font-variant-numeric:tabular-nums;align-items:baseline;gap:4px;margin-top:10px;display:flex}.sales-plans .price__cur{color:var(--text-1);font-size:19px;font-weight:620}.sales-plans .price__num{color:var(--text-1);letter-spacing:-.03em;font-size:34px;font-weight:720;line-height:1.05}.sales-plans .price__num--text{letter-spacing:-.01em;font-size:20px}.sales-plans .price__unit{color:var(--text-4);margin-left:3px;font-size:13px;font-weight:600}.sales-plans .card--pack .price{margin-top:var(--s-2)}.sales-plans .card--pack .price__cur{font-size:15px}.sales-plans .card--pack .price__num{font-size:26px}.sales-plans .card--pack .price__num--text{font-size:17px}.sales-plans .note{margin-top:var(--s-2);min-height:38px;color:var(--text-3);font-size:12.5px;line-height:1.55;display:block}.sales-plans .points{margin-top:var(--s-3);border-radius:var(--r-lg);background:var(--surface-sunken);padding:12px 14px;display:block}.sales-plans .card--pack .points{padding:10px}.sales-plans .card:not(.is-disabled):has(input:checked) .points{background:var(--info-bg)}.sales-plans .points__main{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.sales-plans .points__main:before{content:"";background:var(--brand-fg);width:15px;height:15px;-webkit-mask:var(--ico-frame) center / 15px no-repeat;-webkit-mask:var(--ico-frame) center / 15px no-repeat;mask:var(--ico-frame) center / 15px no-repeat;flex:none;align-self:center}.sales-plans .card--pack .points__main{white-space:nowrap;flex-wrap:nowrap;gap:5px}.sales-plans .card--pack .points__main:before{display:none}.sales-plans .points__num{color:var(--text-1);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.sales-plans .card--pack .points__num{font-size:16px}.sales-plans .points__unit{color:var(--text-2);font-size:13px;font-weight:600}.sales-plans .card--pack .points__unit{font-size:12px}.sales-plans .points__bonus{color:var(--brand-fg);font-size:11.5px;font-weight:600}.sales-plans .points__sub{color:var(--text-4);font-variant-numeric:tabular-nums;margin-top:5px;font-size:11.5px;line-height:1.55;display:block}.sales-plans .points__sub--inst{color:var(--text-3);font-weight:600}.sales-plans .card--pack .points__sub{white-space:nowrap;font-size:11px}.sales-plans .uplift{min-height:20px;color:var(--cyan);align-items:center;gap:5px;margin-top:9px;font-size:11.5px;font-weight:600;display:flex}.sales-plans .uplift:before{content:"";width:12px;height:12px;-webkit-mask:var(--ico-up) center / 12px no-repeat;-webkit-mask:var(--ico-up) center / 12px no-repeat;mask:var(--ico-up) center / 12px no-repeat;background:currentColor}.sales-plans .uplift--none:before{display:none}.sales-plans .tag-cyan{border:1px solid var(--cyan-line);border-radius:var(--r-sm);background:var(--cyan-bg);height:21px;color:var(--cyan);align-items:center;margin-top:9px;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.sales-plans .cta{height:44px;margin-top:var(--s-4);border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--tint-weak);color:var(--text-2);transition:background-color var(--t-fast), border-color var(--t-fast), color var(--t-fast);justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:650;display:flex}.sales-plans .card--pack .cta{height:38px;margin-top:var(--s-3);font-size:13px}.sales-plans .card:not(.is-disabled):hover .cta{border-color:var(--line-brand);color:var(--text-1)}.sales-plans .card:not(.is-disabled):has(input:checked) .cta{border-color:var(--brand);background:var(--info-bg);color:var(--brand-fg)}.sales-plans .card:not(.is-disabled):has(input:checked) .cta:before{content:"";width:14px;height:14px;-webkit-mask:var(--ico-check) center / 14px no-repeat;-webkit-mask:var(--ico-check) center / 14px no-repeat;mask:var(--ico-check) center / 14px no-repeat;background:currentColor}.sales-plans .rule{height:1px;margin:0 var(--s-5);background:var(--line);display:block}.sales-plans .benefits{padding:var(--s-4) var(--s-5) var(--s-5);gap:10px;margin:0;list-style:none;display:grid}.sales-plans .benefits li{color:var(--text-2);overflow-wrap:anywhere;gap:9px;font-size:13px;line-height:1.6;display:flex}.sales-plans .benefits li:before{content:"";background:var(--cyan);width:14px;height:14px;-webkit-mask:var(--ico-check) center / 14px no-repeat;-webkit-mask:var(--ico-check) center / 14px no-repeat;mask:var(--ico-check) center / 14px no-repeat;flex:none;margin-top:3px}@media (max-width:620px){.sales-plans .tabs{width:100%;display:flex}}@media (prefers-reduced-motion:reduce){.sales-plans .card,.sales-plans .cta,.sales-plans .tab{transition:none}}