#shop{& [hidden]{display:none!important}& .shop-intro{padding-block:2.5rem}& .steps{grid-template-columns:repeat(4,1fr);gap:2rem;list-style:none;display:grid}& .steps li{align-items:center;gap:1rem;display:flex}& .step-number{color:var(--color-petrol);background:var(--color-yellow);text-align:center;min-width:2.5rem;padding:.65rem;font-size:1.3rem}& .steps strong{color:var(--color-petrol);font-size:1.2rem}& .carnotzets{padding-bottom:1rem}& .carnotzets-inner{border-left:4px solid var(--color-petrol);background:var(--color-blue-light);padding:1.5rem 2rem}& .carnotzets h2{font-size:var(--font-size-title-card);margin-bottom:1rem}& .carnotzet-location{margin-bottom:1.5rem}& .carnotzet-dates{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;list-style:none;display:grid}& .carnotzet-dates li{flex-direction:column;align-items:flex-start;gap:.65rem;font-size:1rem;display:flex}& .carnotzet-dates time{color:var(--color-petrol);font-weight:700}& .carnotzet-dates .past{opacity:.65}& .catalogue{padding-block:2rem var(--section-pad-v)}& .section-heading{justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:2rem;display:flex}& h2{color:var(--color-petrol);font-size:var(--font-size-title-section)}& .script-word{color:var(--color-petrol)}& .filters{flex-wrap:wrap;gap:.6rem;margin-bottom:2rem;display:flex}& .filter{border:2px solid var(--color-petrol);color:var(--color-petrol);font-size:var(--font-size-label);cursor:pointer;background:0 0;padding:.65rem .9rem}& .filter[aria-pressed=true]{background:var(--color-petrol);color:var(--color-on-petrol)}& .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:2rem;display:grid}& .product{background:var(--color-white);border-bottom:4px solid var(--color-blue-light);flex-direction:column;min-width:0;display:flex}& .product-art{background:color-mix(in srgb, var(--color-blue-light) 30%, var(--color-white));padding:3.5rem 1.3rem 1.3rem;position:relative}& .goodie .product-art{background:var(--color-white)}& .category-label{color:var(--color-petrol);font-size:var(--font-size-label);position:absolute;top:1rem;left:1rem}& .product-badges{color:var(--color-petrol);align-items:center;gap:.65rem;display:flex;position:absolute;top:1rem;right:1rem}& .favorite{font-size:1.1rem;line-height:1}& .origin{font-size:var(--font-size-label);text-decoration:none}& .product-images{justify-content:center;align-items:center;height:16rem;display:flex}& .product-images img{object-fit:contain;width:100%;min-width:0;height:100%}& .product-images.montage img{width:36%;height:88%}& .product-images.montage img:nth-child(2){z-index:1;height:100%;margin-inline:-.6rem}& .goodie .product-images.montage img{width:50%;height:100%;margin:0}& .product-body{flex-direction:column;flex:1;padding:1.5rem;display:flex}& .product h3{color:var(--color-on-petrol);background:var(--color-petrol);letter-spacing:.035em;align-self:flex-start;padding:.35em .45em;font-size:1.45rem;line-height:1.15}& .producer{color:var(--color-petrol);margin-top:1rem;font-weight:700;line-height:1.35}& .grapes{color:var(--color-petrol);margin-top:.9rem;font-size:1rem;line-height:1.4}& .product-description{margin-block:.9rem 1.2rem;font-size:1rem;line-height:1.5}& .product-order{margin-top:auto}& .variant-options{flex-wrap:wrap;gap:.5rem;display:flex}& .variant-options button{min-height:2.75rem;font:inherit;border:1px solid var(--color-petrol);color:var(--color-petrol);cursor:pointer;background:0 0;padding:.6rem .9rem;font-size:1rem}& .variant-options button[aria-pressed=true]{background:var(--color-petrol);color:var(--color-on-petrol)}& input,& textarea{font:inherit;color:var(--color-dark);background:var(--color-white);border:1px solid var(--color-petrol);border-radius:0;max-width:100%;padding:.6rem}& :where(input,textarea,summary):focus-visible{outline:2px solid var(--color-petrol);outline-offset:3px}& .price{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin-block:.9rem;display:flex}& .price strong{color:var(--color-petrol);background:var(--color-blue-light);padding:.25em .3rem .05em;font-size:1.55rem;line-height:1}& .price span{color:var(--color-petrol);font-size:1rem}& .add-controls{gap:.6rem;display:flex}& .add-controls .btn{flex:1;width:auto;padding:.75em .5em}& .quantity{border:1px solid var(--color-petrol);display:flex}& .quantity button{width:2rem;min-height:2.75rem;color:var(--color-petrol);font:inherit;cursor:pointer;background:0 0;border:0;flex-shrink:0;font-size:1.25rem}& .quantity button:active{background:var(--color-blue-light)}@media (hover:hover) and (pointer:fine){& .quantity button:hover{background:var(--color-blue-light)}& .filter:hover{background:var(--color-petrol);color:var(--color-on-petrol)}}& .quantity input{text-align:center;appearance:textfield;border:0;flex-shrink:0;width:2.4rem;padding:0}& .quantity input::-webkit-inner-spin-button{-webkit-appearance:none}& .goodie-notice{border-top:1px solid var(--color-blue-light);padding-top:.65rem;font-size:.95rem;line-height:1.5}& .goodie-notice p:first-child{color:var(--color-petrol);font-weight:700}& .order-section{padding-block:var(--section-pad-v);background:var(--color-blue-light);scroll-margin-top:6rem}& .order-inner{max-width:940px}& .order-intro{margin-block:1rem 2rem}& .basket{background:var(--color-white);margin-bottom:1.5rem;padding:1.5rem}& .basket-total{border-top:2px solid var(--color-petrol);justify-content:space-between;align-items:baseline;gap:1rem;padding-top:1.5rem;display:flex}& .basket-total span{max-width:23rem;font-size:1rem}& .basket-total strong{color:var(--color-petrol);white-space:nowrap;font-size:1.65rem}& #order-form{background:var(--color-cream);padding:2rem}& #order-form h3,& .success h3{color:var(--color-petrol);font-size:var(--font-size-title-card)}& #order-fields{margin-top:1.5rem}& fieldset{border:0;min-width:0}& .form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}& .form-grid label{color:var(--color-petrol);flex-direction:column;gap:.3rem;font-weight:700;display:flex}& .label-row{flex-wrap:wrap;justify-content:space-between;gap:.5rem;display:flex}& .label-row>span{font-weight:400}& .field-error{color:var(--color-petrol);background:var(--color-yellow);padding:.4rem .6rem;font-size:1rem;font-weight:400;line-height:1.4;display:block}& .delivery>.field-error,& .consent+.field-error{margin-top:.6rem}& #order-form [aria-invalid=true]{outline:2px solid var(--color-petrol);outline-offset:2px}& #order-form input{scroll-margin-block:7rem}& .full{grid-column:1/-1}& .delivery{margin-block:1.7rem}& .delivery legend{color:var(--color-petrol);margin-bottom:.6rem;font-weight:700}& .radio-options{flex-wrap:wrap;gap:1rem;display:flex}& .radio-options label{border:1px solid var(--color-petrol);cursor:pointer;align-items:center;gap:.6rem;padding:.8rem 1.2rem;display:flex}& .radio-options label:has(:checked){background:var(--color-blue-light)}& .radio-options label:has(:disabled){color:color-mix(in srgb, var(--color-dark) 55%, var(--color-cream));cursor:not-allowed;border-color:currentColor}& input[type=checkbox],& input[type=radio]{accent-color:var(--color-petrol);flex-shrink:0;width:1.2rem;height:1.2rem}& .delivery p{margin-top:.8rem;font-size:.95rem;line-height:1.5}& .consent{align-items:flex-start;gap:.7rem;margin-top:1.5rem;display:flex}& .consent input{margin-top:.3rem}& #send-order{width:100%;margin-top:1.5rem;line-height:1.3}& button:disabled{opacity:.6;cursor:not-allowed}& .notice{background:var(--color-yellow);color:var(--color-petrol);border-left:4px solid var(--color-petrol);margin-block:1.5rem;padding:1rem 1.2rem}& .success p{overflow-wrap:anywhere;margin-top:1rem}& .honeypot{display:none}& .documents-section{padding-block:var(--section-pad-v)}& .document-links{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}& .paper-order,& .conditions>div{max-width:50rem}& .paper-order{margin-top:2rem}& .paper-order h3{color:var(--color-petrol);font-size:var(--font-size-intro);margin-bottom:.6rem}& .conditions{border-block:2px solid var(--color-petrol);margin-top:3rem;scroll-margin-top:6rem}& .conditions summary{cursor:pointer;color:var(--color-petrol);padding-block:1.5rem;font-size:1.3rem;line-height:1.3}& .conditions>div{padding-bottom:2rem}& .conditions h3{color:var(--color-petrol);margin-top:1.3rem;font-size:1.2rem}& .text-link:hover{color:var(--color-petrol);text-decoration-thickness:2px}& .cart-bar{bottom:0;z-index:90;background:var(--color-petrol);color:var(--color-on-petrol);border-top:3px solid var(--color-yellow);padding:1rem max(1rem,50vw - 540px);padding-bottom:max(1rem, env(safe-area-inset-bottom));justify-content:space-between;align-items:center;gap:1rem;display:flex;position:fixed;inset-inline:0}& #bar-count{margin-right:.8rem}& .cart-bar>.text-display{color:var(--color-yellow);font-size:var(--font-size-action)}& #cart-lines{grid-template-columns:3rem minmax(0,1fr) max-content 7rem;column-gap:1rem;display:grid}& .cart-line{grid-column:1/-1;grid-template-columns:subgrid;border-top:1px solid var(--color-blue-light);align-items:center;padding-block:1rem;display:grid}& .cart-line img{object-fit:contain;width:3rem;height:4rem}& .line-label strong,& .line-label span{display:block}& .line-label span{font-size:.95rem}& .line-actions{justify-self:start}& .line-total{color:var(--color-petrol);white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;font-weight:700}@media (width<=1050px){& .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}& .steps{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (width<=650px){& .steps,& .carnotzet-dates{grid-template-columns:1fr;gap:1.2rem}& .carnotzets-inner{padding:1.5rem}& .section-heading{flex-direction:column;align-items:flex-start}& .product-grid{grid-template-columns:1fr;gap:1.5rem}& .product-body{padding:1rem}& .product-art{padding:3rem .6rem 1rem}& .product-images{height:12rem}& .product h3{font-size:1.35rem}& .producer{font-size:.95rem}& .quantity{justify-content:space-between}& .quantity button{width:2.75rem}& .price strong{font-size:1.3rem}& .form-grid,& .document-links{grid-template-columns:1fr}& #order-form,& .basket{padding:1.2rem}& .basket-total{flex-direction:column;align-items:flex-start;gap:.5rem}& #cart-lines{grid-template-columns:2.5rem minmax(0,1fr) auto;column-gap:.6rem}& .cart-line{row-gap:.6rem}& .line-label{grid-column:2/-1}& .line-actions{grid-column:1/3}& .line-total{grid-area:2/3}& .cart-bar{gap:.5rem;font-size:.9rem}& .cart-bar>.text-display{max-width:8rem;font-size:.85rem;line-height:1.2}& #bar-count{display:block}}}body:has(#cart-bar:not([hidden])){padding-bottom:5rem}@media (prefers-reduced-motion:reduce){html:has(#shop){scroll-behavior:auto}}
