@charset "UTF-8";
.quickview-actions{display: flex;justify-content: space-between;align-content: center;gap:15px;}
.quickview-actions button,.quickview-actions-bar button{flex-grow: 1;}
@supports (height: 100dvh){
	.offcanvas-backdrop{height: 100dvh !important;}
}

/* Offcanvas sizing */
#quickview-modal.offcanvas{
	--bs-offcanvas-width: 740px;
}

@media (max-width: 767px) {
	#quickview-modal.offcanvas{
		--bs-offcanvas-width: 100vw;
	}
}

#quickview-modal {
	display: flex;
	flex-direction: column;
	border:none;
	border-radius:0;
}

.offcanvas-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: sticky;
	top: 0;
	z-index: 2;
	background-color:var(--white-color);
	border-bottom: var(--border-gray-1px);
	min-height:auto;
}

.offcanvas-title {
	margin: 0;
	font-size: var(--large-font-size);
	font-weight: 500;
}
.offcanvas-header .btn-close{font-size: var(--medium-font-size);}

#quickview-loading, #quickview-error{margin:15px;}

#quickview-modal .offcanvas-body {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	overflow-y: auto;
	padding: 0;
}

#quickview-modal .quickview-content {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	min-height: 100%;
}

/* Main content area scrolls; footer is a separate row */
#quickview-modal .quickview-main {
	flex: 1 1 auto;
	padding: 1rem;
}

#quickview-title{
	font-size: var(--large-font-size);
	margin:0;
	font-weight:500;
	line-height:1.2;
}

#quickview-price{margin-top:10px;}

/* Footer actions bar now lives outside .modal-body */
.quickview-actions-bar {
	display: flex;
	flex-shrink: 0;
	padding: 16px;
	background-color: var(--white-color);
	border-top:var(--border-gray-1px);
	box-shadow: 0 -4px 12px rgba(0,0,0,0.06);
	justify-content: center;
	align-items:center;
}

/* Ensure the button shrinks nicely on narrow screens */
.quickview-actions-bar .round-button {
	margin-left: auto;
	font-size: 1rem;
	padding: 1rem 1.25rem;
}

.quickview-store-list{font-size:var(--small-font-size);background-color:#fbfbfb;}
.quickview-store-list tr>td:first-child {
    font-weight: 500;
}

.quickview-store-list tr.quickview-store--selected {
	background-color: #ecf5f7;
}

.delivery-pickup-guidance{
	padding:16px 0 8px;
}

.quickview-pickup-status{
	display:flex;
	gap:8px;
	padding:16px 0 8px;
}
.quickview-pickup-status .quickview-pickup-status-text{
	font-weight: bold;
}
.quickview-pickup-toggle{
	background: transparent;
	font-size:var(--medium-font-size);
    color: #004b91;
    padding: 0;
    border: none;
    margin: 0;
	text-decoration: underline;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    cursor: pointer;
}

/* Store list */
.store-list {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.store-card {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	padding: 0.75rem 1rem;
	border-radius: 8px;
	background-color: #f7f8f9;
	border: 3px solid transparent;
}
.store-card.quickview-store--selected{
	border-color: #eaebec;
}

.store-card-header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.store-card-header-name {
	margin: 0;
	font-weight: 600;
	line-height: 1.2;
	flex: 1 1 auto;
	min-width: 0;
	font-size: var(--primary-font-size);
}

.store-card-pickup-btn {
    background: #c84b47;
    color: #fff;
    font-size: var(--small-font-size);
    font-weight: 500;
    padding: .25rem .55rem;
    border: 2px solid #c84b47;
    border-right: 2px solid #c2534d;
    border-bottom: 2px solid #c2534d;
}
.store-card-pickup-btn:hover{
	opacity: .94;
}
.store-card-pickup-btn:disabled{
	opacity:0.5 !important;
}

.store-card-info-btn{
	background: transparent;
    color: #4b5563;
    font-size: var(--small-font-size);
    padding: 0;
    border: none;
	margin: 0;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    cursor: pointer;
}
.store-card-info-btn:hover{
	text-decoration: underline;
}

.store-card-address, .store-card-hours {
	font-size: var(--small-font-size);
	color: #4b5563;
}

.store-card-stock {
	font-size: 0.875rem;
}

.store-card-stock-label.in-stock {
	color: #15803d;
	font-weight: 600;
}

.store-card-stock-warning {
	color: #b91c1c;
}

.store-card-divider {
	border: 0;
	border-top: 1px solid #e5e7eb;
	margin: 0.5rem 0;
}

.store-card-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
}


/* Variant pickers */
.quickview-variants > .quickview-variant-group{margin-bottom:15px;}
.quickview-variants > .quickview-variant-group:first-child{padding-top:15px;border-top: var(--border-light-gray-1px);}
.quickview-variants > .quickview-variant-group:last-child{padding-bottom:15px;margin-bottom:0;}

.quickview-variant-label{font-size: var(--medium-font-size);}
.quickview-variant-value{font-weight: 600}
.quickview-variant-options{
	display:flex;
	flex-wrap:wrap;
	gap:5px;
}

.quickview-variant-options-color{
	width:100%;
	overflow-x:auto;
	flex-wrap:nowrap;
	-webkit-overflow-scrolling:touch;
}

.quickview-color-option{
	border:none;
	background:none;
	padding:0;
	display:flex;
	flex-direction:column;
	align-items:center;
	min-width:60px;
	cursor:pointer;
}

.quickview-color-swatch{
	width:50px;
	height:50px;
	border-radius:50%;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	border:1px solid var(--gray-color);
	box-sizing:border-box;
}

.quickview-variant-option-other{font-size: var(--medium-font-size);border-radius:8px;}
.quickview-color-option.is-selected .quickview-color-swatch, .quickview-variant-option-other.is-selected{
	border: 3px solid #2b8699;
    background-color: #ecf5f7;
}

.quickview-color-option .quickview-color-swatch:hover, .quickview-variant-option-other:hover{
	border-color: #2b8699;
	opacity: 1;
}
.quickview-variant-option-other:hover{
	background-color:var(--white-color);
}

.quickview-color-label{
	margin-top:4px;
	font-size:10px;
	line-height:1.2;
	text-align:center;
	max-width:60px;
	word-break: break-word;
}
.quickview-variant-option.is-disabled{
	opacity:0.5;
}

.quickview-variant-option.quickview-color-option.is-disabled > .quickview-color-swatch, .quickview-variant-option-other.is-disabled {
    border-style: dashed;
}

#quickview-price .product-price-line>.unit-price, #quickview-price span.compare, #quickview-availability .stock-indicator-label.stock-out{font-size: var(--medium-font-size);}
#quickview-price span.compare{color:#777;}

/* Product Reviews*/
#quickview-rating .product-reviews{
	display: flex;
    align-items: center;
	font-size: 1rem;
	margin-top:5px;
}
#quickview-rating .product-rating {
  position: relative;
  display: inline-block;
  font-size: 1em;
  line-height: 1;
  letter-spacing: 1px;
  color: #d0d0d0;
  vertical-align: middle;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Helvetica Neue", Helvetica, "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol", sans-serif;
}
#quickview-rating .product-rating::before {
  content: "★★★★★";
}
#quickview-rating .product-rating .rating-fill {
  position: absolute;
  inset: 0 auto 0 0;
  overflow: hidden;
  white-space: nowrap;
  color: #f59e0b;
}
#quickview-rating .product-rating .rating-fill::before {
  content: "★★★★★";
}
#quickview-rating .product-reviews .product-review-count{font-size:.875em;line-height:1;}

.store-status-in  {color:#679d6d;font-weight: 500;}
.store-status-low {color:#b19533;font-weight: 500;}
.store-status-out {color:#777;font-style:italic;}

.quickview-description{
	border-top: var(--border-gray-1px);
    padding: 10px 0;
    margin-top: 10px;
}
.quickview-description h1, .quickview-description h2, .quickview-description h3, .quickview-description h4, .quickview-description h5, .quickview-description .h1, .quickview-description .h2, .quickview-description .h3, .quickview-description .h4, .quickview-description .h5{
	font-size: var(--large-font-size);
}
/* Store cards: expandable "Store info" panel */
.store-card-info{
	margin-top:8px;
	padding-top:8px;
	border-top: var(--border-light-gray-1px);
	font-size: var(--small-font-size);
	color: #4b5563;
}
.store-card-info-address{
	font-weight:500;
	margin-bottom:4px;
}
.store-card-hours-list{
	list-style:none;
	margin:0;
	padding:0;
}
.store-card-hours-row{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:8px;
	padding:2px 0;
}
.store-card-hours-row--today .store-card-hours-day{
	color:var(--primary-color);
	font-weight:600;
}
.store-card-hours-day{
	white-space:nowrap;
}
.store-card-hours-time{
	flex:1 1 auto;
	text-align:right;
}
.store-card-hours-note{
	display:block;
	flex-basis:100%;
	font-size:0.85em;
	color:#666;
	text-align:right;
}