.pto-front{
  --pto-bg:#CED7F7;
  --pto-bg-soft:#7FE7E7;
  --pto-text-soft:#818AA3;
  --pto-accent:#AD9EE4;
  --pto-text:#2D2E34;
  --pto-dark:#5C5D62;
  --pto-border:#818AA3;
  --pto-btn-bg:#58c5ea;
  --pto-btn-text:#0d1420;
  --pto-btn-hover-bg:#2aaad7;
  --pto-btn-hover-text:#ffffff;
  --pto-overview-ratio:4/3;
  --pto-detail-ratio:4/3;
  color:var(--pto-text);
}
.pto-products-area {
	min-width: 0;
	margin-top: 50px;
}

.pto-page-info{margin:12px 0}
.pto-page-info--top{margin-top:0}
.pto-nav{display:flex;gap:8px;margin:0 0 12px}
.pto-tab{display:inline-block;padding:8px 12px;border:none;background:#f5f5f5;color:var(--pto-text);text-decoration:none !important;border-radius:5px;height:21px !important;margin-top:10px !important}
.pto-tab--active{background:#2b9039;color:#fff;margin-bottom:20px;margin-top:10px;margin-left:10px; height: auto !important;}
.pto-products {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(320px,1fr));
	gap: 14px;
	margin: 50px 0;
}

.pto-card{border:1px solid var(--pto-border);background:#fff;padding:20px;border-radius:3px;position:relative;overflow:hidden}
.pto-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}
.pto-spotlight-hook{display:none}
.pto-card.pto-card--spotlight{
	background:transparent;
	border:none;
	color:var(--pto-spotlight-text,var(--pto-text));
	position:relative;
	isolation:isolate;
}
.pto-card.pto-card--spotlight::before{
	content:"";
	position:absolute;
	inset:0;
	background:var(--pto-spotlight-bg,#fff);
	opacity:.6;
	z-index:0;
}
.pto-card.pto-card--spotlight > *{position:relative;z-index:1}
.pto-card.pto-card--spotlight h3,.pto-card.pto-card--spotlight h3 a,.pto-card.pto-card--spotlight .pto-sku,.pto-card.pto-card--spotlight .pto-brand,.pto-card.pto-card--spotlight .pto-summary,.pto-card.pto-card--spotlight .pto-price,.pto-card.pto-card--spotlight .pto-price-old,.pto-card.pto-card--spotlight .pto-discount-meta{color:var(--pto-spotlight-text,var(--pto-text))}
.pto-card.pto-card--spotlight .pto-opt-label,
.pto-card.pto-card--spotlight .pto-size-hint,
.pto-card.pto-card--spotlight .pto-tier-row,
.pto-card.pto-card--spotlight .pto-upload-wrap label{
	color:var(--pto-spotlight-text,var(--pto-text));
}
.pto-card img{width:100%;height:auto;aspect-ratio:var(--pto-overview-ratio);object-fit:cover;border:1px solid #eee}
.pto-card h3{margin:8px 0 4px;color:var(--pto-accent);font-size:30px;line-height:40px}

.pto-card h3 a {
	text-decoration: none;
	color: var(--pto-accent) !important;
	font-size: 20px;
}


.pto-sku{font-size:14px;color:var(--pto-text-soft)}
.pto-brand{font-size:14px;color:var(--pto-text-soft);font-weight:700}

.pto-summary {
	font-size: 13px;
	margin: 6px 0;
	min-height: 200px;
}
.pto-price-wrap{display:flex;gap:8px;align-items:center;margin:8px 0}
.pto-price-old{text-decoration:line-through;color:#999;opacity:.6}

.pto-price {
	font-size: 30px;
	color: var(--pto-accent);
	margin: 12px 0;
	text-align: right;
	width: 100%;
}
.pto-discount-meta{font-size:14px;color:var(--pto-text-soft);margin:-2px 0 8px}
.pto-btn, .pto-btn-lite, .pto-btn-danger {
	appearance: none;
	border: none;
	background: var(--pto-btn-bg) !important;
	color: var(--pto-btn-text);
	padding: 7px 10px;
	font-weight: 700;
	cursor: pointer;
	border-radius: 5px;
}

.pto-btn:hover,.pto-btn-lite:hover,.pto-btn-danger:hover{opacity:1;background:var(--pto-btn-hover-bg);color:var(--pto-btn-hover-text)}
.pto-btn-danger{background:#2D2E34}
.pto-btn-lite {
	background: var(--pto-text-soft);
	text-decoration: none;
}
.pto-btn-lite:hover {
	text-decoration: none;
}
.pto-products-area .pto-btn {
	background: var(--pto-btn-bg);
	color: var(--pto-btn-text);
	width: 100%;
	padding: 14px;
	border-radius: 12px;
	text-decoration: none;
	font-size: 16px;
}
.pto-upload-wrap {
	margin-bottom: 20px;
}
.detailknop {
	width: 100% !important;
	display: inline-block;
	max-width: calc(100% - 20px);
	padding: 10px !important;
	text-align: center;
	font-size: 15px;
}
.detailknop.nodetail{display:none !important}
.pto-opt-label{display:block;font-size:14px;color:var(--pto-text-soft);margin:6px 0 2px}
.pto-opt-select{width:100%;margin:0 0 6px;padding:8px;border:1px solid var(--pto-border);border-radius:3px}
.pto-option-values{margin:6px 0}
.pto-opt-amount{width:100%;margin:0 0 6px;padding:8px;border:1px solid var(--pto-border);border-radius:3px}
.pto-btn-block{width:100%;margin-top:8px}
.pto-cart-page{border:1px solid var(--pto-border);background:#fff;padding:12px;border-radius:3px}
.pto-cart-page h3{margin:0 0 10px;color:var(--pto-accent)}
.pto-cart-page .pto-btn{background:var(--pto-btn-bg);color:var(--pto-btn-text)}
.pto-table{width:100%;border-collapse:collapse}
.pto-table td{border-bottom:1px solid #eee;padding:6px 4px;font-size:13px;vertical-align:top}
.pto-inline{display:flex;gap:4px;align-items:center}
.pto-qty{width:62px;padding:4px;border-radius:3px;border:1px solid var(--pto-border)}
.pto-totals{margin-top:8px;font-size:14px}
.pto-totals>div{display:flex;justify-content:space-between;padding:3px 0}
.pto-total{font-size:17px;font-weight:900;color:var(--pto-dark)}
.pto-shipinfo{margin-top:8px;padding:8px 10px;border:1px solid var(--pto-border);border-radius:3px;background:var(--pto-bg);font-size:13px}
.pto-checkout{margin-top:10px;border-top:1px solid #eee;padding-top:8px;display:grid;gap:6px}
.pto-checkout input[type="text"], .pto-checkout input[type="email"], .pto-checkout input[type="date"], .pto-checkout select{width:calc(100% - 18px);padding:12px 8px;border:1px solid var(--pto-border);border-radius:3px}
.pto-checkout .pword{width:calc(100% - 18px);padding:11px 8px;background:#DAAE4B;border:1px solid var(--pto-border);border-radius:3px}
.pto-textarea{width:calc(100% - 18px) !important}
.pto-checkout .pto-textarea{width:calc(100% - 18px) !important;min-height:110px;padding:8px;border:1px solid var(--pto-border);border-radius:3px;resize:vertical}
.pto-checkout h4{margin:7px 0 2px;color:var(--pto-accent)}
.pto-family-row{display:grid;grid-template-columns:2fr 1fr;gap:8px;margin-bottom:6px}
.pto-family-add{width:auto;padding:8px 12px;justify-self:start}
.pto-confirm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}
.pto-confirm-col{display:flex;flex-direction:column}
.pto-confirm-col h4{margin:0 0 8px;color:var(--pto-accent)}
.pto-confirm-box{border:1px solid var(--pto-accent);background:#fff;padding:10px;border-radius:3px;flex:1}
.pto-confirm-box p{margin:0 0 6px}
.pto-confirm-actions{margin-top:14px;padding-top:12px;border-top:1px solid var(--pto-border)}
.pto-btn--finalize{width:100%;padding:12px 14px;font-size:16px}
.pto-detail-text{margin-top:10px;padding-top:8px;border-top:1px solid var(--pto-border);color:var(--pto-text-soft);font-size:13px}
.pto-detail-card{padding:18px}
.pto-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start; }
.pto-detail-main {
	border: none;
	background: #fff;
}
.pto-detail-main img.pto-detail-main-image{display:block;width:100%;height:auto;aspect-ratio:var(--pto-detail-ratio);object-fit:cover;border:0; box-shadow: none;}
.pto-detail-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}
.pto-detail-thumb {
	appearance: none;
	border: none;
	background: #f7f8fc;
	padding: 0;
	cursor: pointer;
	opacity: 1;
	transition: opacity .2s ease;
}
.pto-detail-thumb.is-active{opacity:.6}
.pto-detail-thumb img {
	display: block;
	width: 100%;
	height: 110px;
	object-fit: cover;
	border: 0;
	margin-bottom: 0;
	border-radius: 0;
	box-shadow: none;
}
.pto-detail-specs{margin:10px 0;padding-top:10px;border-top:1px solid #e8eaf2}
.pto-detail-buyrow{display:grid;grid-template-columns:150px 1fr;gap:10px;align-items:end}
.pto-detail-buyrow .pto-amount-wrap{margin:0}
.pto-detail-buyrow .pto-opt-amount{margin:0}
.pto-detail-buyrow form{margin:0}
.pto-detail-buyrow .pto-btn{width:100%;padding:12px}
.pto-payment-help{margin:4px 0 8px;padding:0 0 8px;border-bottom:1px solid var(--pto-border);color:var(--pto-text-soft);font-size:13px}
.pto-pickup-intro{margin:8px 0 4px;font-size:13px;color:var(--pto-text-soft)}
.pto-pickup-dates{margin:0 0 8px 16px;padding:0;font-size:14px;color:var(--pto-text-soft)}
.pto-pickup-dates li{margin:2px 0}
.pto-related{margin-top:14px}
.pto-related h3{margin:0 0 10px;color:var(--pto-accent)}
.pto-related .pto-products{margin-top:0}
.pto-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.pto-account-grid--auth{grid-template-columns:1fr}
.pto-account-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.pto-msg{padding:8px 10px;border:1px solid var(--pto-border);margin-bottom:10px;border-radius:3px}
.pto-msg-ok{background:var(--pto-bg-soft);border-color:var(--pto-border)}
.pto-msg-err{background:#fff;border-color:#2D2E34}
.pto-msg-done{background:var(--pto-bg);border-color:var(--pto-accent)}
.pto-empty{color:var(--pto-text-soft);font-size:13px}
.pto-subtitle{font-weight:700;margin-bottom:4px}

.pto-tier-box {
	margin: 6px 0 10px;
	background: var(--pto-bg-soft);
	padding: 8px 14px;
	border-radius: 6px;
	min-height: 250px;
}
.pto-tier-row{display:flex;justify-content:space-between;gap:12px;font-size:14px}
.pto-size-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pto-size-hint{font-size:14px;color:var(--pto-text-soft);margin:4px 0 8px;white-space:pre-line}
.pto-upload-wrap input[type="file"]{width:100%;padding:8px;border:1px dashed var(--pto-border);background:#f5f5f5; min-height:110px;}
@media (max-width:640px){
  .pto-nav{flex-wrap:wrap}
  .pto-confirm-grid{grid-template-columns:1fr}
  .pto-account-grid{grid-template-columns:1fr}
}
@media (max-width:1000px){
  .pto-detail-grid{grid-template-columns:1fr}
}