@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-space-y-reverse:0}}}@layer components{.product-detail-wrapper{display:flex;flex-direction:column;margin-top:calc(var(--spacing,.25rem)*2)}@media (min-width:40rem){.product-detail-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:calc(var(--spacing,.25rem)*20)}}@media (min-width:48rem){.product-detail-wrapper{gap:calc(var(--spacing,.25rem)*10);grid-template-columns:repeat(5,minmax(0,1fr))}.product-detail-wrapper .left-content{grid-column:span 2/span 2}}.product-detail-wrapper .right-content{color:var(--color-primary,hsl(var(--primary)));display:flex;flex-direction:column;padding-block:calc(var(--spacing,.25rem)*2)}@media (min-width:40rem){.product-detail-wrapper .right-content{padding-inline:calc(var(--spacing,.25rem)*2);position:relative}}@media (min-width:48rem){.product-detail-wrapper .right-content{grid-column:span 3/span 3}}:where(.product-detail-wrapper .right-content .right-content--wrapper>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing,.25rem)*5*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing,.25rem)*5*var(--tw-space-y-reverse))}@media (min-width:40rem){.product-detail-wrapper .right-content .right-content--wrapper{position:sticky;top:calc(var(--spacing,.25rem)*24)}.quick-view-wrapper .product-detail-wrapper .right-content .right-content--wrapper{top:calc(var(--spacing,.25rem)*5)}}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
