.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:#fff;padding:20px;border-radius:3px;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-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:180px;object-fit:cover;border:1px solid #eee}
.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:34px}
.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:5px}
.ss-btn:hover,.ss-btn-lite:hover,.ss-btn-danger:hover{opacity:.85;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-products-area .ss-btn{background:var(--ss-accent);width:100%;padding:12px;border-radius:12px;text-decoration:none}
.detailknop {
	width: 100% !important;
	display: inline-block;
	max-width: calc(100% - 20px);
	padding: 10px !important;
	text-align: center;
	font-size: 15px;
}


.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-opt-amount {
	width: calc(100% - 18px);
	margin: 0 0 6px;
	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:#fff;padding:12px;border-radius:3px}
.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 td{border-bottom:1px solid #eee;padding:6px 4px;font-size:13px;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-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-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}
.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}
.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{appearance:none;border:none;background:#2D2E34;color:#fff;border-radius:6px;padding:9px 11px;cursor:pointer;font-weight:700}
.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,1fr);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:460px;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: 110px;
	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:100%;padding:12px}
.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}
@media (max-width:1080px){
  .ss-products{grid-template-columns:repeat(2,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}
}
@media (max-width:1000px){
  .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-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;
}