


.ss-front{
  --ss-bg:#CED7F7;
  --ss-bg-soft:#7FE7E7;
  --ss-text-soft:#818AA3;
  --ss-accent:#AD9EE4;
  --ss-text:#2D2E34;
  --ss-dark:#5C5D62;
  --ss-border:#818AA3;
  color:var(--ss-text);
}




.ss-products-area{min-width:0}
.ss-page-info{margin:12px 0}
.ss-page-info--top{margin-top:0}
.ss-nav{display:flex;gap:8px;margin:0 0 12px}
.ss-tab{display:inline-block;padding:8px 12px;border:none;background:#f5f5f5;color:var(--ss-text);text-decoration:none !important;border-radius:5px;height:21px !important;margin-top:10px !important}
.ss-tab--active{background:#2b9039;color:#fff;margin-bottom:20px;margin-top:10px;margin-left:10px}
.ss-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.ss-card{border:1px solid var(--ss-border);background:rgba(255,255,255,var(--ss-card-bg-opacity,1));padding:var(--ss-card-padding,30px);border-radius:var(--ss-card-border-radius,3px);margin-top:var(--ss-card-margin-top,0);margin-bottom:var(--ss-card-margin-bottom,0);position:relative;overflow:hidden}
.ss-marking{position:absolute;top:0;right:0;padding:6px 10px;font-size:11px;font-weight:700;line-height:1.2;border-bottom-left-radius:8px;z-index:2}
.ss-marking--preorder{left:0;right:auto;background:#cf3d01;color:#fff;border-bottom-left-radius:0;border-bottom-right-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.ss-spotlight-hook{display:none}
.ss-card.ss-card--spotlight{background:var(--ss-spotlight-bg,#fff);border:none;color:var(--ss-spotlight-text,var(--ss-text))}
.ss-card.ss-card--spotlight h3,.ss-card.ss-card--spotlight h3 a,.ss-card.ss-card--spotlight .ss-sku,.ss-card.ss-card--spotlight .ss-brand,.ss-card.ss-card--spotlight .ss-summary,.ss-card.ss-card--spotlight .ss-price,.ss-card.ss-card--spotlight .ss-price-old,.ss-card.ss-card--spotlight .ss-discount-meta{color:var(--ss-spotlight-text,var(--ss-text))}

.ss-card img {
	width: 100%;
	height: unset;
	object-fit: cover;
	border: 1px solid #eee;
	aspect-ratio: 1/1 !important;
}
.ss-card h3{margin:8px 0 4px;color:var(--ss-accent);font-size:30px;line-height:40px}
.ss-card h3 a{text-decoration:none}
.ss-sku{font-size:12px;color:var(--ss-text-soft)}
.ss-brand{font-size:12px;color:var(--ss-text-soft);font-weight:700}

.ss-summary {
	font-size: 20px;
	margin: 6px 0;
	min-height: 324px;
}
.ss-price-wrap{display:flex;gap:8px;align-items:center;margin:8px 0}
.ss-price-old{text-decoration:line-through;color:#999;opacity:.6}
.ss-price{font-size:20px;font-weight:900;color:var(--ss-accent);margin:12px 0}
.ss-discount-meta{font-size:12px;color:var(--ss-text-soft);margin:-2px 0 8px}
.ss-btn,.ss-btn-lite,.ss-btn-danger{appearance:none;border:none;background:var(--ss-dark);color:#fff;padding:7px 10px;font-weight:700;cursor:pointer;border-radius:var(--ss-button-radius)}
.ss-btn:hover,.ss-btn-lite:hover,.ss-btn-danger:hover{opacity:.85;color:#fff}
.ss-btn--preorder{background:#cf3d01}
.ss-btn--preorder:hover{background:#b83500;color:#fff}
.ss-btn-danger{background:#2D2E34}
.ss-btn-lite {
	background: var(--ss-text-soft);
	text-decoration: none;
}
.ss-btn-lite:hover {
	text-decoration: none;
}
.ss-cart-page > p:first-child {
	margin-top: 0;
}
.ss-products-area .ss-btn{background:var(--ss-accent);width:100%;padding:12px;border-radius:var(--ss-button-radius);text-decoration:none}
.ss-card-auto-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.ss-products-area .ss-btn--campaign,
.ss-products-area .ss-btn--compare{
	width: calc(50% - 4px);
	padding: 6px 20px;
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 8px;
	text-align: center;
}
.detailknop {
	width: calc(100% - 40px) !important;
	display: inline-block;
	max-width: 100%;
	background: var(--ss-button-bg) !important;
	color: var(--ss-button-text) !important;
	border: 1px solid var(--ss-button-bg) !important;
	border-radius: var(--ss-button-radius);
	padding: 14px 20px !important;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.25;
	text-decoration: none;
}
.detailknop:hover {
	color: var(--ss-button-text) !important;
	opacity: .9;
	text-decoration: none;
}
.ss-compare-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 16px;
}
.ss-compare-actions .ss-btn,
.ss-compare-actions .ss-btn-lite {
	width: auto;
	padding: 9px 16px;
	text-decoration: none;
}
.ss-compare-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(240px,1fr));
	gap: 14px;
	align-items: start;
}
.ss-compare-item {
	position: relative;
	min-width: 0;
}
.ss-compare-remove {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 4;
	display: inline-block;
	background: #2D2E34;
	color: #fff !important;
	border-radius: var(--ss-button-radius);
	padding: 5px 9px;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
}
.ss-compare-remove:hover {
	opacity: .85;
	text-decoration: none;
}


.ss-image-wrap{
  width:100%;
  max-height:165px;
  overflow:hidden;
}

.ss-image-wrap img{
  width:100%;
  height:165px;
  object-fit:cover;
  display:block;
}

.ss-image-link{
  display:block;
}

.ss-pickup-datetime-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 8px;
}

.ss-pickup-datetime-row input,
.ss-pickup-datetime-row select {
  width: auto;
  min-width: 160px;
}
#ssPickupCustomDate {
	width: 25%;
}
#ssPickupCustomTime {
	width: 25%;
}


.detailknop.nodetail{display:none !important}
.ss-opt-label{display:block;font-size:18px;color:var(--ss-text-soft);margin:6px 0 2px}
.ss-opt-select{width:100%;margin:0 0 6px;padding:8px;border:1px solid var(--ss-border);border-radius:3px}
.ss-option-values{margin:6px 0}
.ss-option-set{margin:0 0 10px}
.ss-option-custom-fields{display:grid;gap:8px;margin:10px 0 0}
.ss-option-custom-field{display:grid;gap:4px;font-size:16px;color:var(--ss-text)}
.ss-option-custom-field input{width:calc(100% - 73px) !important;margin:0;padding:10px 8px;border:1px solid var(--ss-border);border-radius:3px}
.ss-opt-choice-group{display:grid;gap:8px;margin:0 0 10px}
.ss-opt-choice{display:flex;align-items:flex-start;gap:8px;font-size:16px;color:var(--ss-text)}
.ss-opt-choice input{margin-top:3px}
.ss-amount-wrap {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 6px;
}
.ss-amount-wrap .ss-opt-label {
	margin: 0;
}
.ss-opt-amount {
	width: 100px;
	margin: 0;
	padding: 8px;
	border: 1px solid var(--ss-border);
	border-radius: 3px;
}
.ss-btn-block{width:100%;margin-top:8px}
.ss-cart-page{border:1px solid var(--ss-border);background:rgba(255,255,255,var(--ss-cart-bg-opacity,1));padding:var(--ss-cart-padding,30px);border-radius:var(--ss-cart-border-radius,3px);margin-top:var(--ss-cart-margin-top,0);margin-bottom:var(--ss-cart-margin-bottom,0)}
.ss-cart-page h3{margin:0 0 10px;color:var(--ss-accent)}
.ss-cart-page .ss-btn{background:var(--ss-accent)}
.ss-table{width:100%;border-collapse:collapse}
.ss-table th{border-bottom:1px solid #eee;padding:8px 4px;font-size:16px;text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--ss-text-soft)}
.ss-table td{border-bottom:1px solid #eee;padding:6px 4px;font-size:16px;vertical-align:top}
.ss-inline{display:flex;gap:4px;align-items:center}
.ss-qty{width:62px;padding:4px;border-radius:3px;border:1px solid var(--ss-border)}
.ss-cart-table th:nth-child(4),.ss-cart-table th:nth-child(6),.ss-cart-table td:nth-child(4),.ss-cart-table td:nth-child(6){width:46px;text-align:center}
.ss-cart-item{display:flex;gap:12px;align-items:flex-start;min-width:0}
.ss-cart-thumb{width:72px;height:72px;flex:0 0 72px;border:1px solid #eee;background:#f7f8fc;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ss-cart-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ss-cart-item-main{min-width:0}
.ss-cart-item-name{font-weight:700;color:var(--ss-dark);margin-bottom:2px}
.ss-cart-item-preorder{margin:2px 0 4px;font-size:13px;font-weight:700;color:#cf3d01}
.ss-cart-item-sku,.ss-cart-item-options{font-size:16px;color:var(--ss-text-soft)}
.ss-preorder-note{display:grid;gap:4px;margin:10px 0 0;padding:12px 14px;border:2px solid #cf3d01;background:linear-gradient(180deg,#fff4ee 0%,#ffe8db 100%);color:#7a2200;font-size:13px;line-height:1.4;border-radius:6px}
.ss-preorder-note strong{font-size:12px;letter-spacing:.04em}
.ss-preorder-label{font-weight:700}
.ss-preorder-expected{color:#7a2200}
.ss-preorder-banner{margin:0 0 12px;padding:10px 12px;border:2px solid #cf3d01;background:linear-gradient(180deg,#fff4ee 0%,#ffe8db 100%);color:#7a2200;font-weight:700;border-radius:6px}
.ss-cart-id{white-space:nowrap;color:var(--ss-text-soft)}
.ss-cart-price{min-width:60px;white-space:nowrap}
.ss-cart-detail-row td{padding:0 4px 12px;border-bottom:1px solid #eee}
.ss-cart-detail-row .ss-subscription-card{margin:0}
.ss-icon-btn{appearance:none;border:none;background:transparent;padding:4px;cursor:pointer;line-height:0}
.ss-icon-btn img{width:18px;height:18px;display:block}
.ss-icon-btn:hover{opacity:.75}
.ss-totals{margin-top:8px;font-size:14px}
.ss-totals>div{display:flex;justify-content:space-between;padding:3px 0}
.ss-total{font-size:17px;font-weight:900;color:var(--ss-dark)}
.ss-shipping-info{margin-top:10px;font-size:14px;line-height:1.45}
.ss-shipping-info p{margin:0 0 8px}
.ss-shipinfo{margin-top:8px;padding:8px 10px;border:1px solid var(--ss-border);border-radius:3px;background:var(--ss-bg);font-size:13px}
.ss-checkout{margin-top:10px;border-top:1px solid #eee;padding-top:8px;display:grid;gap:6px}
.ss-checkout input[type="text"], .ss-checkout input[type="email"], .ss-checkout input[type="date"], .ss-checkout select{width:calc(100% - 18px);padding:12px 8px;border:1px solid var(--ss-border);border-radius:3px}
.ss-checkout .pword{width:calc(100% - 18px);padding:11px 8px;background:#DAAE4B;border:1px solid var(--ss-border);border-radius:3px}
.ss-textarea{width:calc(100% - 18px) !important}
.ss-checkout .ss-textarea{width:calc(100% - 18px) !important;min-height:110px;padding:8px;border:1px solid var(--ss-border);border-radius:3px;resize:vertical}
#ssShippingFields input{margin-bottom:6px}
.ss-checkout h4{margin:7px 0 2px;color:var(--ss-accent)}
.ss-subscription-card{margin-top:10px;padding:12px;border:none;background:var(--ss-bg-soft);border-radius:8px}
.ss-subscription-title{font-weight:700;margin:0 0 6px;color:var(--ss-dark)}
.ss-subscription-help{margin:0 0 8px;font-size:13px;color:var(--ss-dark)}
.ss-subscription-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px; padding-right:53px; }
.ss-family-members{display:grid;gap:8px}
.ss-family-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:8px;align-items:center;margin-bottom:0}
.ss-family-row input,.ss-subscription-grid input{margin:0;padding:10px}
.ss-family-add{width:auto;padding:8px 12px;justify-self:start;margin-top:8px}
.ss-family-remove{border-radius:6px;padding:8px}
.ss-family-remove img{width:30px;height:30px}
.ss-custom-fields-card{margin-top:10px !important}
.ss-custom-option-block{margin-top:10px;padding-top:0;border-top:none}
.ss-custom-option-block:first-of-type{margin-top:0;padding-top:0;border-top:none}
.ss-custom-option-title{font-weight:700;margin:0 0 8px;color:var(--ss-dark)}
.ss-custom-instance-title{font-weight:700;margin:0 0 6px;color:var(--ss-dark)}
.ss-custom-field-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:8px}
.ss-confirm-subscriptions{margin:10px 0 0}
.ss-confirm-subscription{padding:10px 0;border-top:1px solid #eee}
.ss-confirm-subscription:first-of-type{border-top:none;padding-top:0}
.ss-confirm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}
.ss-confirm-col{display:flex;flex-direction:column}
.ss-confirm-col h4{margin:0 0 8px;color:var(--ss-accent)}
.ss-confirm-box{border:1px solid var(--ss-accent);background:#fff;padding:10px;border-radius:3px;flex:1}
.ss-confirm-box p{margin:0 0 6px}
.ss-confirm-actions{margin-top:14px;padding-top:12px;border-top:1px solid var(--ss-border)}
.ss-btn--finalize{width:100%;padding:12px 14px;font-size:16px}
.ss-detail-text{margin-top:10px;padding-top:8px;border-top:1px solid var(--ss-border);color:var(--ss-text-soft);font-size:13px}
.ss-detail-card{padding:18px}
.ss-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px;align-items:start; }
.ss-detail-main {
	border: none;
	background: #fff;
}
.ss-detail-main img.ss-detail-main-image {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
	border: 0;
	box-shadow: none;
}
.ss-detail-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}
.ss-detail-thumb {
	appearance: none;
	border: none;
	background: #f7f8fc;
	padding: 0;
	cursor: pointer;
	opacity: 1;
	transition: opacity .2s ease;
}
.ss-detail-thumb.is-active{opacity:.6}
.ss-detail-thumb img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
	border: 0;
	margin-bottom: 0;
	border-radius: 0;
	box-shadow: none;
}
.ss-detail-specs{margin:10px 0;padding-top:10px;border-top:1px solid #e8eaf2}
.ss-detail-buyrow{display:grid;grid-template-columns:150px 1fr;gap:10px;align-items:end}
.ss-detail-buyrow .ss-amount-wrap{margin:0}
.ss-detail-buyrow .ss-opt-amount{margin:0}
.ss-detail-buyrow form{margin:0}
.ss-detail-buyrow .ss-btn {
	width: calc(100% - 40px);
	padding: 12px;
	margin-left: 40px;
}
.ss-payment-help{margin:4px 0 8px;padding:0 0 8px;border-bottom:1px solid var(--ss-border);color:var(--ss-text-soft);font-size:13px}
.ss-pickup-intro{margin:8px 0 4px;font-size:13px;color:var(--ss-text-soft)}
.ss-pickup-dates{margin:0 0 8px 16px;padding:0;font-size:12px;color:var(--ss-text-soft)}
.ss-pickup-dates li{margin:2px 0}
.ss-related{margin-top:14px}
.ss-related h3{margin:0 0 10px;color:var(--ss-accent)}
.ss-related .ss-products{margin-top:0}
.ss-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.ss-account-grid--auth{grid-template-columns:1fr}
.ss-account-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.ss-msg{padding:8px 10px;border:1px solid var(--ss-border);margin-bottom:10px;border-radius:3px}
.ss-msg-ok{background:var(--ss-bg-soft);border-color:var(--ss-border)}
.ss-msg-err{background:#fff;border-color:#2D2E34}
.ss-msg-done{background:var(--ss-bg);border-color:var(--ss-accent)}
.ss-empty{color:var(--ss-text-soft);font-size:13px}

.ss-subscription-grid input {
  border: none !important;
  border-radius: 4px
}
.ss-family-row input {
  border: none !important;
  border-radius: 4px;
}
.ss-custom-field-grid input {
  border: none !important;
  border-radius: 4px;
}


@media (max-width:1080px){
  .ss-products{grid-template-columns:repeat(1,minmax(0,1fr)) !important}
}
@media (max-width:900px){
  .ss-products{grid-template-columns:1fr !important}
}
@media (max-width:640px){
  .ss-nav{flex-wrap:wrap}
  .ss-confirm-grid{grid-template-columns:1fr !important}
  .ss-account-grid{grid-template-columns:1fr !important}
  .ss-subscription-grid{grid-template-columns:1fr}
  .ss-family-row{grid-template-columns:1fr}
  .ss-custom-field-grid{grid-template-columns:1fr}
  .ss-cart-item{flex-direction:column}
  .ss-cart-thumb{width:100%;max-width:120px;height:90px}
  .ss-cart-detail-row td{padding:0 0 12px}
}
@media (max-width:1080px){
  .ss-detail-grid{grid-template-columns:1fr !important}
}




.qsl-copyMove{display:flex;gap:6px;align-items:center;margin-top:6px;flex-wrap:wrap}
.qsl-copyMove .qs-sel{min-width:210px}
.ss-marking-select{min-width:150px}
.ss-spotlight-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ss-spot-current{width:10px;height:10px;border-radius:50%;border:1px solid #999;display:inline-block}
.ss-spot-btn{width:16px;height:16px;border-radius:50%;border:1px solid #8f8f8f;cursor:pointer;padding:0;line-height:1}
.ss-spot-btn.is-on{outline:2px solid #2b9039;outline-offset:1px}
.ss-spot-off{border:1px solid #b9bcc8;background:#fff;border-radius:4px;padding:2px 6px;font-size:11px;cursor:pointer}

.ss-drag-cell{
  width:40px;
  text-align:center;
  vertical-align:middle;
}
.ss-drag-handle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border:1px solid #cfd4dc;
  background:#f7f8fa;
  border-radius:4px;
  cursor:grab;
  font-size:16px;
  line-height:1;
  user-select:none;
}
.ss-coupon-page{display:block;margin:18px 0}
.ss-coupon-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.ss-coupon-card,
.ss-coupon-detail{background:var(--ss-coupon-box-bg, rgba(255,255,255,.88));border:1px solid var(--ss-border);border-radius:var(--ss-coupon-box-border-radius, 10px);padding:var(--ss-coupon-box-padding, 30px);margin-top:var(--ss-coupon-box-margin-top, 0);margin-bottom:var(--ss-coupon-box-margin-bottom, 0)}
.ss-coupon-card img,
.ss-coupon-detail img{display:block;max-width:100%;height:auto;border-radius:8px;margin:0 0 14px}
.ss-coupon-subtitle{font-size:15px;color:var(--ss-text-soft);margin:-6px 0 12px}
.ss-coupon-text{margin:10px 0}
.ss-coupon-meta{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0;font-size:13px;color:var(--ss-text-soft)}
.ss-coupon-meta span{padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.05)}
#ss-product-sortable tr.ss-dragging{
  opacity:.45;
}
#ss-product-sortable tr.ss-drop-target-top{
  border-top:2px solid #2b9039;
}
#ss-product-sortable tr.ss-drop-target-bottom{
  border-bottom:2px solid #2b9039;
}
