.rigFullscreen{ background-color: white !important; }
.itempane{ container-type: inline-size; height: 100%; margin-right: 5px; }
.product-origin-container{ container-type: inline-size; display: grid; grid-auto-flow: column; grid-template-columns: fit-content(); }
.product-categories{ align-items: start; display: flex; flex-wrap: wrap; }
.product-brand{ align-content: center; height: 32px; }
.product-brand img,
.product-brand input{ display: block; height: auto; max-height: 32px; max-width: 80%; object-fit: contain; width: auto; }
.product-info-container{ align-items: stretch; display: flex; flex-basis: 45%; gap: 0.5rem 1rem; height: fit-content; }
.product-gallery{ background-color: white !important; border: 1px solid #dedede; border-radius: 4px; flex: 4; flex-flow: nowrap; height: fit-content !important; margin: 0 0 15px 0; max-width: 900px; padding: 0 10px; }
.product-gallery:focus{ border: none !important; }
.product-gallery .rigActiveImage{ padding-top: 5px !important; }
.product-gallery .rigActiveImage img{ height: 100% !important; object-fit: contain; padding: 0 !important; width: 100% !important; }
.product-gallery.rigFullscreen .rigActiveImage img{ object-fit: scale-down; zoom: 2; }
.RadImageGallery .rigThumbnailsList img{ object-fit: scale-down; }
.product-gallery.rigFullscreen .rigActiveImage{ }
.product-gallery .rigItemBox{ aspect-ratio: 4/3 !important; height: initial !important; }
.product-gallery.rigFullscreen .rigItemBox{ aspect-ratio: initial !important; height: calc(100vh - 80px) !important; }
.product-gallery .rigThumbnailsList{ width: max-content !important; }
.product-gallery.RadImageGallery{ background-color: white !important; margin-bottom: 15px !important; }
.product-gallery.RadImageGallery .rigThumbnailsBox,
.product-gallery.RadImageGallery .rigToolbarBottomInside{ background-color: transparent !important; }
.RadImageGallery_Bootstrap .rigToolbar{ background-color: transparent !important; padding-right: 0 !important; }
.product-gallery.RadImageGallery .rigProgressBar{ top: 65px; }
.product-gallery .rigThumbnailsBoxHorizontal{ height: 80px !important; }
.product-gallery.RadImageGallery .rigScrollPrevButton,
.product-gallery.RadImageGallery .rigScrollNextButton{ margin-top: -46px !important; }
.product-gallery.RadImageGallery rigThumbnailsBoxHorizontal{ height: 80px !important; }
.product-gallery.RadImageGallery .rigScrollPrevButton .rigIcon,
.product-gallery.RadImageGallery .rigScrollNextButton .rigIcon{ color: steelblue !important; display: block !important; font-size: .5em; mix-blend-mode: multiply; }
.product-gallery.RadImageGallery .rigScrollPrevButton .rigIcon:hover,
.product-gallery.RadImageGallery .rigScrollNextButton .rigIcon:hover{ background-color: white !important; border: 1px solid #777; border-radius: 5px; }
.product-gallery.rigFullscreen .rigThumbnailsBoxHorizontal{ /*bottom: 0 !important; position: absolute !important; */}
.product-gallery.RadImageGallery:focus-visible{ outline-color: transparent !important; }
.RadImageGallery .rigControlsSet{ z-index: 1; }
.RadImageGallery .rigFullscreen{ position: absolute !important; top: 0 !important; }
.RadImageGallery .rigFullscreen::backdrop{ position: absolute !important; top: 0 !important; }
.RadImageGallery_Bootstrap .rigToolbar .rigActionButton{ border-radius: 25px !important; color: steelblue !important; margin-left: 5px !important; padding: 15px !important; }
.RadImageGallery_Bootstrap .rigToolbar .rigActionButton:hover{ background-color: #ed1c2b; color: white !important; }
.product-details{ display: flex; flex: 6; flex-direction: column; height: fit-content; }
.product-title{ font-size: 1.4rem; font-weight: bold; line-height: 1.3; padding-bottom: 2rem; }
.product-title-narrow{ display: none; font-size: 1.2rem; font-weight: bold; line-height: 1.3; }
.product-meta{ display: grid; gap: 1rem; grid-template-columns: 5fr 4fr; height: fit-content; margin-bottom: 5px; /*15px; // 1rem;*/ }
.product-specs{ font-size: 1rem; /*flex-basis:*/height: fit-content; }
.product-specs table{ border-collapse: collapse; padding: 0px; width: 100%; }
.product-specs table th{ padding-left: 0; padding-right: 10px; white-space: nowrap; }
.product-specs table tr{ vertical-align: top; }
.product-specs table td{ }
.product-price-stock{ font-size: 1rem; text-align: right; }
.item-pricestock{ background-color: aliceblue; border: 1px solid steelblue !important; border-radius: 6px; color: darkslategray; padding: .6em 0 .8em 0; text-align: center; width: calc(100% - 1px); }
#price{ font-size: 1.5rem; font-weight: bold; overflow: hidden; }
#eta {padding: 0 10px; white-space:nowrap}
@container (width < 700px){ #price{ font-size: 1.6rem; } }
.pval{ color: #606060; display: block; font-weight: 900; margin: auto; padding: 0 10px; transform: scaleY(1.15); white-space: nowrap; }
.avail{ display: block; padding-top: 3px; white-space: nowrap; }
.item-stock td{ padding: 0px; }
.iwrap{ height: 38px; margin-top: 7px; }
.product-description h2{ font-size: 1rem; font-weight: normal; line-height: 1.4; }
@container (max-width: 700px){ .product-info-container{ flex-direction: column; grid-template-columns: 1fr; }.product-title{ color: darkslategray; display: none; }.product-title-narrow{ display: block; grid-auto-flow: column; width: 100%; }.product-meta{ grid-template-columns: 1fr; }.product-specs table{ margin: 0 auto 10px; width: fit-content; }.product-price-stock{ text-align: left; } }
.stockcontainer{ margin: auto; max-width: 150px; min-height: 65px; padding: 0 !important; width: 100%; }
.stockcontainer .riTextBox,
.iwrap .riTextBox{ padding-right: 84px !important; text-align: center; }
.stockcontainer .RadInput .riButton:before,
.iwrap .RadInput .riButton:before{ content: "\e143"; font-size: 1.6em; left: -2px; position: relative; top: 1px; }
.td-stock{ vertical-align: middle; }
.RadImageGallery{ width: stretch !important; }