.checkout .wrapper{display:flex;gap:clamp(4rem,4vw,8rem);padding-block:clamp(2.4rem,3vw,4rem)}.checkout .aside-col{flex:0 0 50%}.checkout .fieldset-box{background:var(--color-gray-subtle);border-radius:var(--border-radius-lg);padding:var(--container-gutter-x)}.checkout .fieldset-box.payment-method .form-columns-2{margin-block-start:var(--form-layout-row-gap)}.checkout .fieldset-box .h4{margin-block:0 .8em}.checkout .summary{--box-spacing:2rem;background-color:var(--color-primary);border-radius:var(--border-radius-lg);color:var(--color-white);inset-block-start:var(--header-height-top);padding:.4rem;position:sticky}.checkout .summary>div{padding:var(--box-spacing)}.checkout .summary h2{margin:0;text-transform:uppercase}.checkout .summary .box{background-color:var(--color-white);border-radius:var(--border-radius-lg);color:var(--color-base)}.checkout .summary .box:nth-of-type(2){margin-block-end:1.2rem}.checkout .summary .box h3{margin-block-start:0}.checkout .summary .box .two-cols{align-items:center;display:flex;justify-content:space-between}.checkout .summary .box .two-cols>:last-child{text-align:end;width:40%}.checkout .summary .box .no-list{display:flex;flex-direction:column;gap:2.4rem}.checkout .summary .box .footer{border-block-start:.1rem solid var(--color-primary);margin-block-start:var(--box-spacing);margin-inline:calc(var(--box-spacing)*-1);padding:var(--box-spacing) var(--box-spacing) 0 var(--box-spacing)}.checkout .summary .box .footer .two-cols>:last-child{width:50%}.checkout .summary .box .footer h4{margin:0}.checkout .summary .box .h4:has(~[data-summary-products-list=monthly].hidden),.checkout .summary .box:has([data-summary-products-list=once].hidden){display:none}.checkout .summary .price{font-weight:700;line-height:1}.checkout .summary .price .price-value{font-size:3rem}.checkout .summary .price .price-billing-frequency{font-size:1.8rem}.checkout .summary .no-list .price .price-value{font-size:2rem}.checkout .summary .no-list .price .price-billing-frequency{font-size:1.6rem}.checkout .summary .conditions p:first-child{margin-block-start:0}.checkout .summary .conditions p:last-child{margin-block-end:0}@media (max-width:992px){.checkout .fixed-button{inset:auto var(--gutter-x) var(--gutter-x) var(--gutter-x);position:fixed}.checkout .aside-col{display:none}.checkout .main-col{margin-inline:auto;max-width:50rem}.checkout .offcanvas .summary{margin-block-start:4.8rem}}@media (min-width:993px){.checkout .fixed-button{display:none}.checkout .aside-col{flex:0 0 30%}.checkout .fieldset-box{padding:3.2rem}}