/* Keep focus above the photograph as well as the text, without resizing the card. */
.imported.catalog .product-card{position:relative}
.imported.catalog .product-card:focus-within{outline:none}
.imported.catalog .product-card:focus-within::after,.imported.catalog .product-card:active::after{content:"";position:absolute;inset:0;z-index:4;border-radius:inherit;box-shadow:inset 0 0 0 2px #7b6549;pointer-events:none}
/* The white individual-size control inside the product dialog, shown in the reference. */
.imported #product-dialog .shop-text-button[data-custom]{display:block;max-width:100%;min-width:0;min-height:44px;padding:12px 16px;white-space:normal;overflow-wrap:anywhere;text-align:left}
.tfs-field-error{display:block;color:#8e2929;font-size:14px!important;line-height:1.5!important;margin:6px 0 0;overflow-wrap:anywhere}
.tfs-field-error[hidden]{display:none}
body .imported form :is(input,textarea,select)[aria-invalid="true"]{border-color:#a12b2b!important;box-shadow:inset 0 0 0 1px #a12b2b}
.tfs-date-control{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch;min-width:0}
.tfs-date-control input{min-width:0;width:100%;color-scheme:light}
.tfs-date-open{display:grid;place-items:center;width:44px;min-height:44px;padding:8px;border:1px solid #7b6549;border-radius:6px;background:#ccb48d;color:#171914}
.tfs-date-open svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.tfs-date-open:hover{background:#dcc5a3}.tfs-date-open:focus-visible{outline:3px solid #705b41;outline-offset:2px}
.tfs-date-control.is-enhanced input::-webkit-calendar-picker-indicator{display:none}
.tfs-date-popup{position:absolute;z-index:10;top:calc(100% + 6px);right:0;width:min(300px,100%);padding:10px;border:1px solid #7b6549;border-radius:6px;background:#fff;color:#353535;box-shadow:0 8px 24px #0003}
.tfs-date-heading{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:4px;align-items:center;text-align:center}
.tfs-date-heading strong{font-size:14px!important;font-weight:400;overflow-wrap:anywhere}
.tfs-date-popup button{min-width:0;min-height:36px;padding:4px;border:1px solid #ccc;border-radius:6px;background:#f2f2f2;color:#353535;font-size:16px!important}
.tfs-date-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;margin-top:8px;text-align:center}
.tfs-date-grid>span{font-size:12px!important}.tfs-date-popup button[aria-pressed=true],.tfs-date-popup button:hover{background:#ccb48d;color:#171914}
.tfs-date-popup button:focus-visible{outline:2px solid #705b41;outline-offset:1px}
@media(max-width:560px){.imported #custom-form .request-field-pair{grid-template-columns:minmax(0,1fr)}}
/* Native scrollbars: retain platform behavior, including touch/overlay scrolling. */
html,body,dialog,dialog *,#lead-capture,#catalog-viewport,.details.details-slider .details-track{scrollbar-color:#806a49 #e7e2db;scrollbar-width:auto}
*::-webkit-scrollbar{width:11px;height:11px}
*::-webkit-scrollbar-track{background:#e7e2db;border-radius:8px}
*::-webkit-scrollbar-thumb{background:#806a49;border:2px solid #e7e2db;border-radius:8px}
*::-webkit-scrollbar-thumb:hover{background:#5f4d34}
#catalog-viewport::-webkit-scrollbar,.details.details-slider .details-track::-webkit-scrollbar{display:block;width:11px;height:11px}
dialog[data-popup-opening]::backdrop{animation:tfs-backdrop-in 280ms ease both}
dialog[data-motion-closing]::backdrop{animation:tfs-backdrop-out 160ms ease both}
@keyframes tfs-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes tfs-backdrop-out{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){dialog::backdrop{animation:none!important}}
[data-accordion]>details.validation-open::details-content{transition:none!important}
@media(prefers-reduced-motion:reduce){[data-accordion]>details::details-content{transition:none!important}}
@media(forced-colors:active){html,body,dialog,dialog *,#lead-capture,#catalog-viewport,.details.details-slider .details-track{scrollbar-color:auto}*::-webkit-scrollbar-thumb{background:ButtonText;border-color:Canvas}*::-webkit-scrollbar-track{background:Canvas}.imported.catalog .product-card:focus-within::after{box-shadow:none;border:2px solid Highlight}}

/* The viewport uses the root scrollbar. In Blink/WebKit, non-auto standard
   scrollbar-color takes precedence over the legacy geometry/hover rules. */
html:root{scrollbar-color:#806a49 #e7e2db;scrollbar-width:auto}
@supports selector(::-webkit-scrollbar){
  html:root{scrollbar-color:auto;scrollbar-width:auto}
  html:root::-webkit-scrollbar{display:block;width:6px;height:6px}
  html:root::-webkit-scrollbar-track{background:#e7e2db;border-radius:8px}
  html:root::-webkit-scrollbar-thumb{background:#806a49;border:1px solid #e7e2db;border-radius:8px;background-clip:padding-box;min-height:32px}
  html:root::-webkit-scrollbar-thumb:hover,html:root::-webkit-scrollbar-thumb:active{background-color:#5f4d34}
  html:root::-webkit-scrollbar-button{display:none;width:0;height:0}
  html:root::-webkit-scrollbar-corner{background:#e7e2db}
}
@media(pointer:coarse){html:root::-webkit-scrollbar{width:auto;height:auto}}
@media(pointer:fine){html:root{scrollbar-gutter:stable}}
@media(forced-colors:active){
  html:root{scrollbar-color:auto;scrollbar-width:auto}
  html:root::-webkit-scrollbar-thumb,html:root::-webkit-scrollbar-thumb:hover{background:ButtonText;border-color:Canvas}
  html:root::-webkit-scrollbar-track,html:root::-webkit-scrollbar-corner{background:Canvas}
}