.dpot-fs {
	margin: 20px 0;
	max-width: 560px;
}

.dpot-fs__per-meter {
	font-size: 0.5em;
	font-weight: 400;
	text-transform: lowercase;
	opacity: 0.7;
	margin-left: 4px;
}

.dpot-fs__quick-bar {
	padding-bottom: 18px;
	margin-bottom: 18px;
	border-bottom: 1px solid #e2e2e2;
}

.dpot-fs__tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 18px;
}

.dpot-fs__tab {
	background: none;
	border: 1px solid #d8d8d8;
	border-radius: 3px 3px 0 0;
	flex: 1 1 0;
	padding: 10px 8px;
	font-size: 14px;
	font-weight: 600;
	color: #777;
	cursor: pointer;
	text-align: center;
	border-bottom: 2px solid transparent;
	transition: color .15s ease, border-color .15s ease;
}

.dpot-fs__tab:hover {
	color: #222;
}

.dpot-fs__tab.is-active {
	color: #222;
	border-bottom-color: var(--wd-brand-color, #222);
}

.dpot-fs__panel {
	display: none;
}

.dpot-fs__panel.is-active {
	display: block;
}

.dpot-fs__label {
	display: block;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 6px;
	color: #333;
}

.dpot-fs__helper {
	font-size: 13px;
	color: #777;
	margin-bottom: 16px;
	line-height: 1.5;
}

.dpot-fs__quick-row {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 8px;
}

.dpot-fs__quick-row input[type="number"] {
	width: 110px;
	padding: 10px 12px;
	border: 1px solid #d8d8d8;
	border-radius: 3px;
	font-size: 15px;
}

.dpot-fs__quick-total {
	font-size: 20px;
	font-weight: 800;
	color: #c0392b;
}

.dpot-fs__summary p.dpot-fs__notice {
	font-size: 15px;
	color: #999;
	margin: 4px 0 16px;
}

.dpot-fs__row {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	margin-bottom: 14px;
}

.dpot-fs__row--shared {
	padding-bottom: 16px;
	border-bottom: 1px dashed #e2e2e2;
	margin-bottom: 18px;
}

.dpot-fs__field {
	flex: 1 1 220px;
}

.dpot-fs__field input[type="number"] {
	width: 100%;
	padding: 9px 11px;
	border: 1px solid #d8d8d8;
	border-radius: 3px;
	font-size: 14px;
	box-sizing: border-box;
}

.dpot-fs__field select {
	width: 100%;
	padding: 9px 11px;
	border: 1px solid #d8d8d8;
	border-radius: 3px;
	font-size: 14px;
}

.dpot-fs__hint {
	display: block;
	font-size: 11px;
	color: #999;
	margin-top: 4px;
}

.dpot-fs__choice-group {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.dpot-fs__choice {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 1px solid #d8d8d8;
	border-radius: 3px;
	padding: 8px 14px;
	font-size: 13px;
	cursor: pointer;
	transition: border-color .15s ease, background .15s ease;
}

.dpot-fs__choice svg {
	color: #999;
	flex-shrink: 0;
}

.dpot-fs__choice:has(input:checked) {
	border-color: var(--wd-brand-color, #222);
	background: rgba(0,0,0,0.03);
}

.dpot-fs__choice:has(input:checked) svg {
	color: var(--wd-brand-color, #222);
}

.dpot-fs__choice input {
	margin: 0;
}

.dpot-fs__window {
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	padding: 16px;
	margin-bottom: 14px;
	background: #fafafa;
}

.dpot-fs__window-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
}

.dpot-fs__window-title {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: #555;
}

.dpot-fs__remove-window {
	background: none;
	border: none;
	color: #b3261e;
	font-size: 12px;
	cursor: pointer;
	text-decoration: underline;
	padding: 0;
}

.dpot-fs__window-result {
	font-size: 13px;
	font-weight: 600;
	color: #333;
	margin-top: 6px;
}

.dpot-fs__add-window {
	background: none;
	border: 1px dashed #bbb;
	border-radius: 3px;
	padding: 9px 16px;
	font-size: 13px;
	color: #555;
	cursor: pointer;
	margin-bottom: 18px;
	width: 100%;
}

.dpot-fs__add-window:hover {
	border-color: #888;
	color: #222;
}

.dpot-fs__summary {
	min-height: 20px;
	margin-bottom: 14px;
}

.dpot-fs__summary p {
	font-size: 19px;
	line-height: 1.4;
	margin: 0;
}

.dpot-fs__summary-price {
	font-size: 1.25em;
	font-weight: 800;
	color: #c0392b;
}

.dpot-fs__cta {
	width: 100%;
	text-align: center;
}

.dpot-fs__cta[disabled] {
	opacity: 0.5;
	cursor: not-allowed;
}

.dpot-fs__feedback {
	margin-top: 10px;
	font-size: 13px;
	min-height: 18px;
}

.dpot-fs__feedback.is-error {
	color: #b3261e;
}

.dpot-fs__feedback.is-success {
	color: #2e7d32;
	font-weight: 600;
}

.dpot-fs__seating-items {
	margin-bottom: 4px;
}

.dpot-fs__seating-item {
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	padding: 16px;
	margin-bottom: 14px;
	background: #fafafa;
}

.dpot-fs__choice-group--seating {
	gap: 6px;
}

.dpot-fs__choice-group--seating .dpot-fs__choice {
	flex: 1 1 auto;
	padding: 6px 10px 6px 8px;
	font-size: 12px;
	gap: 5px;
}

.dpot-fs__choice-group--seating .dpot-fs__choice svg {
	width: 20px;
	height: 15px;
}

.dpot-fs__techdetails {
	margin: 24px 0;
	padding-top: 18px;
	border-top: 1px solid #e2e2e2;
	max-width: 560px;
}

.dpot-fs__techdetails-title {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: #333;
	margin: 0 0 10px;
}

.dpot-fs__techdetails-list {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 13px;
	color: #444;
	line-height: 1.8;
}

.dpot-fs__techdetails-label {
	font-weight: 600;
	color: #222;
}

@media (max-width: 480px) {
	.dpot-fs__row {
		flex-direction: column;
		gap: 12px;
	}
}




/* D-POT: finestra anteprima arricciatura */
.dpot-fs__fmodal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(18,24,32,.62)}
.dpot-fs__fmodal[hidden]{display:none}
.dpot-fs__fmodal-box{position:relative;background:#fff;border-radius:12px;max-width:640px;width:100%;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.28)}
.dpot-fs__fmodal-box img{display:block;width:100%;height:auto}
.dpot-fs__fmodal-txt{padding:14px 16px;border-top:1px solid #eef0f2}
.dpot-fs__fmodal-txt strong{display:block;font-size:16px;color:#1f2933}
.dpot-fs__fmodal-txt span{display:block;font-size:13px;color:#6b7785;margin-top:3px}
.dpot-fs__fmodal-x{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#1f2933;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.dpot-fs__fmodal-x:hover{background:#fff}


/* D-POT: tendina arricciatura con anteprima al passaggio del mouse */
.dpot-fs__dd{position:relative;display:block;max-width:420px}
.dpot-fs__dd-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px 12px;border:1px solid #cfd4da;border-radius:6px;background:#fff;font:inherit;font-size:15px;color:#1f2933;cursor:pointer;text-align:left}
.dpot-fs__dd-btn:hover{border-color:#9fb6cd}
.dpot-fs__dd.is-open .dpot-fs__dd-btn{border-color:#3a6ea5;box-shadow:0 0 0 1px #3a6ea5}
.dpot-fs__dd-btn i{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #6b7785;flex:0 0 auto}
.dpot-fs__dd-list{position:absolute;z-index:60;top:calc(100% + 4px);left:0;right:0;margin:0;padding:4px;list-style:none;background:#fff;border:1px solid #cfd4da;border-radius:6px;box-shadow:0 10px 28px rgba(0,0,0,.14)}
.dpot-fs__dd-list[hidden]{display:none}
.dpot-fs__dd-list li{padding:9px 11px;border-radius:4px;font-size:15px;color:#1f2933;cursor:pointer;list-style:none;margin:0}
.dpot-fs__dd-list li:hover{background:#eef4fa}
.dpot-fs__dd-list li.is-on{background:#e3edf7;font-weight:500}
.dpot-fs__dd-prev{position:absolute;z-index:61;left:calc(100% + 12px);top:0;width:300px;background:#fff;border:1px solid #e3e6ea;border-radius:10px;overflow:hidden;box-shadow:0 14px 36px rgba(0,0,0,.18);pointer-events:none}
.dpot-fs__dd-prev[hidden]{display:none}
.dpot-fs__dd-prev img{display:block;width:100%;height:auto}
.dpot-fs__dd-prev div{padding:9px 11px;border-top:1px solid #eef0f2}
.dpot-fs__dd-prev strong{display:block;font-size:14px;color:#1f2933}
.dpot-fs__dd-prev span{display:block;font-size:12px;color:#6b7785;margin-top:2px}
@media (max-width:820px){.dpot-fs__dd-prev{left:0;right:0;width:auto;top:auto;bottom:calc(100% + 8px)}}

.dpot-fs__dd-list li{display:flex;align-items:center;gap:10px}
.dpot-fs__dd-thumb{width:56px;height:32px;object-fit:cover;border-radius:3px;border:1px solid #e3e6ea;flex:0 0 auto}
@media (hover:hover) and (min-width:821px){.dpot-fs__dd-thumb{display:none}}
@media (hover:none),(max-width:820px){.dpot-fs__dd-prev{display:none!important}}

/* D-POT: su schermi stretti le voci diventano schede con immagine grande */
@media (hover:none),(max-width:820px){
.dpot-fs__dd-list{padding:6px;max-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch}
.dpot-fs__dd-list li{display:block;padding:6px;margin-bottom:6px;border:1px solid #e3e6ea;border-radius:8px}
.dpot-fs__dd-list li:last-child{margin-bottom:0}
.dpot-fs__dd-list li.is-on{border-color:#3a6ea5;box-shadow:inset 0 0 0 1px #3a6ea5}
.dpot-fs__dd-thumb{width:100%;height:auto;border:0;border-radius:6px;display:block}
.dpot-fs__dd-txt{display:block;margin-top:6px;font-size:14px}
}

.dpot-fs__dd-btn.is-placeholder span{color:#6b7785}


/* D-POT: servizio di sartoria */
.dpot-fs__sart{margin:12px 0 0;padding:12px 14px;border:1px solid #e3e6ea;border-radius:8px;background:#fafbfc}
.dpot-fs__sart label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;margin:0}
.dpot-fs__sart input{margin-top:3px;flex:0 0 auto}
.dpot-fs__sart strong{display:block;font-size:15px;color:#1f2933}
.dpot-fs__sart small{display:block;font-size:13px;color:#6b7785;margin-top:2px;line-height:1.45}
.dpot-fs__sart-out{margin-top:10px;padding-top:10px;border-top:1px solid #eef0f2}
.dpot-fs__sart-out[hidden]{display:none}
.dpot-fs__sart-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:15px;color:#1f2933}
.dpot-fs__sart-row strong{font-size:17px;color:#b03a2e;white-space:nowrap}
.dpot-fs__sart-note{margin:8px 0 0;font-size:12px;color:#6b7785;line-height:1.5}



/* D-POT: selettore colore a striscia scorrevole */
.dpot-model-colours{margin:0 0 20px}
.dpot-model-colours__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.dpot-model-colours__nav{display:flex;gap:6px}
.dpot-model-colours__nav button{width:30px;height:30px;border:1px solid #dcdfe3;border-radius:50%;background:#fff;color:#3a4a5a;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.dpot-model-colours__nav button:hover{border-color:#3a6ea5;color:#3a6ea5}
.dpot-model-colours__nav button[disabled]{opacity:.3;cursor:default}
.dpot-model-colours__grid{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:2px 2px 6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.dpot-model-colours__grid::-webkit-scrollbar{display:none}
.dpot-model-colour{flex:0 0 auto;width:120px;scroll-snap-align:start;display:block;padding:0;border:1px solid #dcdfe3;border-radius:10px;overflow:hidden;text-decoration:none;background:#fff}
.dpot-model-colour:hover{border-color:#9fb6cd}
.dpot-model-colour.is-current{border-color:#3a6ea5;box-shadow:0 0 0 1px #3a6ea5}
.dpot-model-colour__img{display:block;line-height:0;background:#f4f5f6}
.dpot-model-colour__img img{display:block;width:100%;height:120px;object-fit:cover}
.dpot-model-colour__t{display:block;padding:8px 10px 9px}
.dpot-model-colour__t strong{display:block;font-size:14px;color:#1f2933;line-height:1.25}
.dpot-model-colour__t small{display:block;font-size:11px;color:#6b7785;margin-top:2px}
@media (max-width:640px){.dpot-model-colour{width:104px}.dpot-model-colour__img img{height:104px}}