.mast-product{padding:calc(var(--app-header-height) + clamp(56px,7vw,110px)) 0 clamp(48px,6vw,96px)}.mast-product__title{font-size:clamp(42px,5.6vw,88px)}.mast-product__layout{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:clamp(24px,5vw,80px);margin-top:clamp(32px,5vw,64px)}.mast-product__details{display:flex;flex-direction:column;align-self:stretch;min-width:0}.mast-product__visual{display:flex;justify-content:center;border-radius:24px;padding:24px;background-color:color-mix(in srgb,var(--colors-surface) var(--un-bg-opacity),transparent)}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.mast-product__visual{background-color:color-mix(in oklab,var(--colors-surface) var(--un-bg-opacity),transparent)}}.mast-product__visual img{width:100%;height:clamp(420px,48vw,620px);-o-object-fit:contain;object-fit:contain}.mast-product__selector{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.mast-product__selector legend{padding:0;margin-bottom:14px;font-size:14px;color:color-mix(in srgb,var(--colors-gray-DEFAULT) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.mast-product__selector legend{color:color-mix(in oklab,var(--colors-gray-DEFAULT) var(--un-text-opacity),transparent)}}.mast-product__selector label{position:relative;border:1px solid #d6d6d8;border-radius:14px;padding:18px;cursor:pointer;display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:center}.mast-product__selector label.is-selected{border-color:#b9975a;background:#b9975a0d;box-shadow:inset 0 0 0 1px #b9975a}.mast-product__selector label:focus-within{outline:2px solid #b9975a;outline-offset:3px}.mast-product__selector input{accent-color:#b9975a;margin:0}.mast-product__selector span{font-weight:600}.mast-product__selector small{grid-column:2;color:color-mix(in srgb,var(--colors-gray-DEFAULT) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.mast-product__selector small{color:color-mix(in oklab,var(--colors-gray-DEFAULT) var(--un-text-opacity),transparent)}}.mast-product__variant{display:grid;row-gap:20px;margin:24px 0;font-size:15px;line-height:1.65;color:color-mix(in srgb,var(--colors-gray-DEFAULT) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.mast-product__variant{color:color-mix(in oklab,var(--colors-gray-DEFAULT) var(--un-text-opacity),transparent)}}.mast-product__variant-option{display:contents;visibility:hidden}.mast-product__variant-option.is-active{visibility:visible}.mast-product__variant-option>*{grid-column:1}.mast-product__variant p{margin:0}.mast-product__lead{grid-row:1;font-size:clamp(22px,2.1vw,30px);font-weight:600;line-height:1.2;color:color-mix(in srgb,var(--colors-graphite-dark) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.mast-product__lead{color:color-mix(in oklab,var(--colors-graphite-dark) var(--un-text-opacity),transparent)}}.mast-product__metrics{grid-row:2;display:flex;gap:36px}.mast-product__metrics div{display:flex;flex-direction:column;gap:6px}.mast-product__metrics strong{font-size:clamp(26px,2.8vw,40px);line-height:1;color:color-mix(in srgb,var(--colors-primary-DEFAULT) var(--un-text-opacity),transparent)}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.mast-product__metrics strong{color:color-mix(in oklab,var(--colors-primary-DEFAULT) var(--un-text-opacity),transparent)}}.mast-product__metrics span{font-size:12px}.mast-product__description{grid-row:3}.mast-product__detail{grid-row:4}.mast-product__order{align-self:flex-start;min-width:min(248px,100%);margin-top:auto}.mast-product__specs{margin-top:36px}.mast-product__links{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:32px}@media(max-width:899px){.mast-product__layout{grid-template-columns:1fr}.mast-product__order{align-self:center}.mast-product__visual img{height:min(110vw,520px)}}@media(max-width:399px){.mast-product__selector label{padding:12px;gap:6px;font-size:13px}}
