.product-sack{background-image:url(/assets/product/sack-card-frame.svg);background-position:50%;background-size:100% 100%;background-repeat:no-repeat;padding-block:calc(var(--spacing) * 13) calc(var(--spacing) * 8);padding-inline:13%}.product-sack-cover{margin-block-start:calc(var(--spacing) * 5)}.product-sack-cover,.product-sack-cover img{border-radius:var(--radius-md)}.product-sack-divider{border:0;block-size:1px;inline-size:60%;margin-inline:auto;background-image:repeating-linear-gradient(to left,var(--color-rice-brown) 0 6px,transparent 6px 12px);opacity:.5}.product-results{display:grid;gap:calc(var(--spacing) * 4);grid-template-columns:repeat(2,minmax(0,1fr))}@media (width >= 768px){.product-results{grid-template-columns:repeat(3,minmax(0,1fr))}}.product-view:has(#view-list:checked) .product-results{grid-template-columns:minmax(0,1fr)}.product-view:has(#view-list:checked) .product-sack{background-image:none;min-inline-size:0;flex-direction:row;align-items:center;gap:calc(var(--spacing) * 4);text-align:start;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding-block:calc(var(--spacing) * 4);padding-inline:calc(var(--spacing) * 4)}.product-view:has(#view-list:checked) .product-sack-badge{inset-block-start:calc(var(--spacing) * 1);inset-inline-start:calc(var(--spacing) * 1)}.product-view:has(#view-list:checked) .product-sack:before{content:"";position:absolute;inset:calc(var(--spacing) * 2);border:1px dashed rgba(138,106,62,.45);border-radius:var(--radius-md);pointer-events:none}@media (width >= 768px){.product-view:has(#view-list:checked) .product-sack{padding-inline:calc(var(--spacing) * 6)}}.product-view:has(#view-list:checked) .product-sack[data-out-of-stock]{background-color:color-mix(in srgb,var(--color-muted) 12%,#ffffff);border-color:color-mix(in srgb,var(--color-muted) 30%,transparent)}.product-view:has(#view-list:checked) .product-sack[data-out-of-stock]:before{border-color:color-mix(in srgb,var(--color-muted) 35%,transparent)}.product-view:has(#view-list:checked) .product-sack[data-out-of-stock] .product-sack-cover{filter:grayscale(1);opacity:.65}.product-view:has(#view-list:checked) .product-sack[data-out-of-stock] .product-sack-info{opacity:.75}.product-view:has(#view-list:checked) .product-sack>a{flex-direction:row;align-items:center;gap:calc(var(--spacing) * 3);inline-size:100%;min-inline-size:0}.product-view:has(#view-list:checked) .product-sack-info{align-items:flex-start;text-align:start;min-inline-size:0}.product-view:has(#view-list:checked) .product-sack-divider{display:none}.product-view:has(#view-list:checked) .product-sack>div:last-child{margin-inline-start:auto;align-items:flex-end;flex-shrink:0}.product-view:has(#view-list:checked) .product-sack-cover{margin-block-start:0;inline-size:calc(var(--spacing) * 16);max-inline-size:none;flex-shrink:0}@media (width >= 768px){.product-view:has(#view-list:checked) .product-sack-cover{inline-size:calc(var(--spacing) * 28)}}.product-view-button{border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-muted);transition:background-color var(--duration-base) var(--ease-ds),border-color var(--duration-base) var(--ease-ds),color var(--duration-base) var(--ease-ds)}.product-view-button:hover{background-color:var(--color-sand)}.product-view input[type=radio]:checked+label{background-color:var(--color-sand);border-color:var(--color-olive);color:var(--color-ink)}.product-view input[type=radio]{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.product-view input[type=radio]:focus-visible+label{outline:2px solid var(--color-accent);outline-offset:2px}