.c-panel{background-color:rgb(var(--c-panel-background));color:rgb(var(--c-panel-text))}.c-panel__layout{position:relative}.c-panel__layout:before{content:"";position:absolute;inset-block:0;inset-inline:0;background-image:linear-gradient(to bottom,rgb(var(--c-panel-band) / 0) 0 20%,rgb(var(--c-panel-band)) 20% 100%)}@media screen and (min-width:1000px){.c-panel__layout{display:grid;grid-template-columns:minmax(0,885fr) minmax(0,555fr);padding-inline:var(--sp-8)}.c-panel__layout:before{inset-inline:var(--sp-8)}}.c-panel__media{position:relative;width:calc(100% - var(--c-gutter) * 2);margin-inline:auto}@media screen and (min-width:1000px){.c-panel__media{align-self:start;width:100%;margin-inline:0}}.c-panel__scene{aspect-ratio:885 / 783}.c-panel__product{position:absolute;inset-block:0;inset-inline-start:18.3%;width:63.4%}.c-panel__product-image{display:block;width:100%;height:100%;object-fit:contain}.c-panel__body{position:relative;padding:var(--sp-48) var(--c-gutter)}@media screen and (min-width:1000px){.c-panel__body{align-self:end;padding:0 var(--sp-96) var(--sp-64)}}.c-panel__copy{max-width:var(--c-measure);margin-block-start:var(--sp-80);font-size:var(--fs-body);line-height:var(--lh-body)}@media screen and (min-width:1000px){.c-panel__copy{margin-block-start:var(--sp-120)}}.c-panel__copy>:first-child{margin-block-start:0}.c-panel__copy>:last-child{margin-block-end:0}.c-panel__actions{display:flex;flex-wrap:wrap;gap:var(--sp-8);margin-block-start:var(--sp-32)}@media screen and (min-width:1000px){.c-panel__actions{margin-block-start:var(--sp-64)}}.c-panel__action{flex:1 1 auto}@media screen and (min-width:1000px){.c-panel__action{flex:0 0 auto}}.c-panel__button{justify-content:center;width:100%;min-height:70px;padding-inline:var(--sp-24);border:1px solid currentColor;transition:background-color var(--motion-duration-ui) var(--motion-ease-ui),color var(--motion-duration-ui) var(--motion-ease-ui),translate var(--motion-duration-ui) var(--motion-ease-ui)}@media screen and (min-width:1000px){.c-panel__button{min-width:168px}}@media screen and (pointer:fine){.c-panel__button:hover{background-color:rgb(var(--c-panel-text));color:rgb(var(--c-panel-band));translate:0 calc(var(--c-lift) * -1)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/custom-product-panel.css.map */