.retail-draft{padding:8px 20px;text-align:center;font-size:.75rem;color:#5e6d80;background:#e7eef5;border-bottom:1px solid var(--line)}
.retail-page .store-category-tab-list{display:flex;flex-wrap:wrap;max-width:none}
.material-overview{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px;padding-block:36px 24px;align-items:start}
.material-photo{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#edf2f7}
.material-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.material-photo figcaption{padding:12px 16px;background:#fff;color:var(--muted);font-size:.75rem}
.material-order{padding:30px;border:1px solid var(--line);border-radius:22px;background:#fff;scroll-margin-top:110px}
.material-order .eyebrow{color:var(--accent);margin-bottom:14px}
.material-order h1{font-size:clamp(1.65rem,2.5vw,2.2rem);line-height:1.18}
.material-order>p:not(.eyebrow){font-size:1rem;line-height:1.7;color:var(--muted);margin-top:18px}
.material-option-label{display:block;margin:24px 0 8px;font-size:.875rem;font-weight:650}
.material-order select{display:block;width:100%;max-width:100%;min-width:0;min-height:50px;padding:10px 36px 10px 12px;border:1px solid #809dbb;border-radius:10px;color:var(--ink);background:#fff;font:inherit;font-size:1rem}
.material-selection{margin-top:20px;padding:18px;border-radius:14px;background:#f3f6fa}
.material-selection dl{display:grid;gap:8px;margin:0;font-size:.875rem}
.material-selection dl>div{display:flex;justify-content:space-between;gap:14px}
.material-selection dt{color:var(--muted)}
.material-selection dd{margin:0;text-align:right;font-weight:600}
.material-selection .material-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin-top:18px}
.material-price strong{font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.2}
.material-price span{color:var(--muted);font-size:.875rem}
.material-order>.button{width:100%;justify-content:space-between;margin-top:10px}
.material-order .material-price-table{margin-top:24px}
.material-price-table th:first-child{width:24%}
.material-price-table th:nth-child(2){width:33%}
.material-price-table td:last-child{white-space:normal}
.material-order .material-order-note{font-size:.8125rem!important;line-height:1.6!important;margin:16px 0 10px!important}
.material-overview .product-order-panel{position:static}
@media(max-width:1050px){.material-overview{grid-template-columns:1fr;gap:24px}.material-overview .product-order-panel{grid-row:2}.material-order{padding:24px}}
@media(max-width:380px){.material-sheet-grid{grid-template-columns:1fr}}

.cart-add-fields{align-items:end}.cart-add-fields>label{min-width:0;align-self:end;line-height:1.4}.cart-add-fields [data-cart-add-sizes]{display:block}

.product-visual-column{min-width:0}@media(max-width:1050px){.material-overview .product-visual-column{display:contents}.material-overview .product-main-photo{grid-row:1}.material-overview .product-order-panel{grid-row:2}.material-overview .product-detail-section{margin:0}}
/* Shared form geometry: text fields and selects keep the same outer height.
   Wrapped labels never stretch their controls or move adjacent field bottoms. */
:root{--field-height:48px;--field-radius:10px;--field-inline:12px;--field-arrow-inset:14px}
:is(.cart-dialog,.callback-fields,.retail-order-fields,.inquiry-form,.product-configurator,.greenhouse-offer,.material-order) :is(select,input:not([type]),input[type=text],input[type=tel],input[type=email],input[type=number]){box-sizing:border-box;display:block;width:100%;min-width:0;height:var(--field-height);min-height:var(--field-height);border:1px solid #809dbb;border-radius:var(--field-radius);padding:10px var(--field-inline);background-color:#fff;color:var(--ink);font:inherit;font-size:1rem;font-weight:400;line-height:1.4}
:is(.cart-dialog,.callback-fields,.retail-order-fields,.inquiry-form,.product-configurator,.greenhouse-offer,.material-order) select:not([multiple]){appearance:none;-webkit-appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='m1 1.5 5 5 5-5' stroke='%231a222e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--field-arrow-inset) center;background-size:12px 8px}
:is(.cart-add-form,.cart-actions,.callback-form,.product-order-panel)>.button{min-height:var(--field-height);padding:12px 16px;gap:12px;line-height:1.4}
.cart-add-form>.button{font-size:.875rem;white-space:nowrap}
.cart-dialog label{line-height:1.4}
.product-size-table tbody tr{height:var(--field-height)}

.retail-page .category-grid{align-items:stretch}.retail-page .category-card{min-width:0;display:flex;flex-direction:column}.retail-page .category-card .card-body{flex:1;display:flex;flex-direction:column}.retail-page .category-card .card-action{margin-top:auto}.retail-page .category-grid:has(.category-card:nth-child(4)){grid-auto-rows:1fr}
@media(min-width:1051px){.retail-page .category-grid:has(.category-card:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:561px) and (max-width:1050px){.retail-page .category-grid:has(.category-card:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(min-width:1101px){body[data-brand-header="slogan"] .header .header-categories:has(>.container>a:nth-child(5):last-child){width:min(628px,calc(100vw - 520px))}.header .header-categories:has(>.container>a:nth-child(5):last-child)>.container{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-flow:column;gap:10px}.header .header-categories:has(>.container>a:nth-child(5):last-child) a{font-size:13px;padding-inline:8px}}