/* Дараин – Персонализирана бродерия */
.drn-pz{--g:#0C6E05;--gd:#12260F;--tx:#1F2A1C;--mu:#4A5045;--cr:#F6F3EA;--bd:#D9D2C0;--gold:#C9A24B;--red:#B3202A;--drn-thread:#0C6E05;width:100%;margin:0 0 24px;color:var(--tx);font-size:15px}
.drn-pz *{box-sizing:border-box}
.drn-pz [hidden]{display:none!important}
.drn-pz-step{padding:22px 0;border-top:1px solid #E7E2D5}
.drn-pz-step:first-of-type{border-top:0;padding-top:4px}
.drn-pz-step.has-error .drn-pz-h{color:var(--red)}
.drn-pz-h{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:18px;font-weight:700;color:var(--tx);text-transform:none;letter-spacing:0}
.drn-pz-h span{flex:0 0 30px;height:30px;border-radius:50%;background:var(--g);color:#fff;font-size:14px;display:inline-flex;align-items:center;justify-content:center}
.drn-pz-lbl{display:block;margin:14px 0 8px;font-weight:600;font-size:14px;color:var(--tx)}
.drn-pz-lbl small,.drn-pz-muted{font-weight:400;color:var(--mu)}
.drn-pz-field{display:block;margin:0}
.drn-pz-field .drn-pz-lbl{margin-top:0}
.drn-pz-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.drn-pz input[type=text],.drn-pz select,.drn-pz textarea{width:100%;border:1.5px solid var(--bd);background:#fff;border-radius:6px;padding:11px 14px;font-size:15px;color:var(--tx);min-height:46px}
.drn-pz input[type=text]:focus,.drn-pz select:focus,.drn-pz textarea:focus{border-color:var(--g);outline:0;box-shadow:0 0 0 3px rgba(12,110,5,.12)}
.drn-pz select:disabled{background:#F7F5EF;color:var(--mu)}
.drn-pz-err{margin:12px 0 0;padding:10px 14px;border-left:3px solid var(--red);background:#FBEFEF;color:var(--red);font-size:14px;font-weight:600}
.drn-pz-hint{margin:10px 0 0;font-size:13px;color:var(--mu);line-height:1.5}

/* Скрити radio/checkbox – избират се чрез картите */
.drn-pz-card input,.drn-pz-chip input,.drn-pz-seg input,.drn-pz-font input,.drn-pz-sw input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}

/* 1. Изделия */
.drn-pz-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}
.drn-pz-card{position:relative;margin:0;cursor:pointer}
.drn-pz-card-in{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;height:100%;padding:14px 10px;border:1.5px solid var(--bd);border-radius:8px;background:#fff;transition:border-color .2s,background .2s,box-shadow .2s}
.drn-pz-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px}
.drn-pz-ico{width:64px;height:64px;border-radius:50%;background:var(--cr);color:var(--g);display:flex;align-items:center;justify-content:center;transition:all .2s}
.drn-pz-ico svg{width:40px;height:44px}
.drn-pz-card-t{font-weight:700;font-size:14px;line-height:1.3}
.drn-pz-card-p{font-size:13px;color:var(--mu)}
.drn-pz-card:hover .drn-pz-card-in{border-color:var(--g)}
.drn-pz-card input:checked+.drn-pz-card-in{border-color:var(--g);background:#F1F6EE;box-shadow:0 0 0 1px var(--g)}
.drn-pz-card input:checked+.drn-pz-card-in .drn-pz-ico{background:var(--g);color:#fff}
.drn-pz-card input:focus-visible+.drn-pz-card-in,.drn-pz-chip input:focus-visible+span,.drn-pz-seg input:focus-visible+span,.drn-pz-font input:focus-visible+.drn-pz-font-in,.drn-pz-sw input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}

/* Чипове */
.drn-pz-chips{display:flex;flex-wrap:wrap;gap:8px}
.drn-pz-chip{position:relative;margin:0;cursor:pointer}
.drn-pz-chip>span{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border:1.5px solid var(--bd);border-radius:999px;background:#fff;font-size:14px;font-weight:600;transition:all .2s}
.drn-pz-chip small{font-weight:500;color:var(--mu);font-size:12px}
.drn-pz-chip input:checked+span small{color:#E8F0E4}
.drn-pz-dot{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.25);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.drn-pz-chip em{font-style:normal;font-weight:500;color:var(--mu);font-size:13px}
.drn-pz-chip:hover>span{border-color:var(--g)}
.drn-pz-chip input:checked+span{border-color:var(--g);background:var(--g);color:#fff}
.drn-pz-chip input:checked+span em,.drn-pz-chip input:checked+span em .amount{color:#E8F0E4}

/* Сегменти текст/изображение */
.drn-pz-seg{display:flex;border:1.5px solid var(--bd);border-radius:8px;overflow:hidden;margin-bottom:6px;background:#fff}
.drn-pz-seg label{position:relative;flex:1;margin:0;cursor:pointer}
.drn-pz-seg label>span{display:block;padding:12px 8px;text-align:center;font-weight:600;font-size:14px;border-left:1.5px solid var(--bd);transition:all .2s}
.drn-pz-seg label:first-child span{border-left:0}
.drn-pz-seg input:checked+span{background:var(--g);color:#fff}

/* Шрифтове */
.drn-pz-fonts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.drn-pz-font{position:relative;margin:0;cursor:pointer}
.drn-pz-font-in{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:84px;padding:12px 10px;border:1.5px solid var(--bd);border-radius:8px;background:#fff;text-align:center;transition:all .2s}
.drn-pz-sample{font-size:22px;line-height:1.2;color:var(--drn-thread);word-break:break-word;max-width:100%}
.drn-pz-light-thread .drn-pz-font-in{background:#2A3327}
.drn-pz-light-thread .drn-pz-font-in small{color:#C9CFC4}
.drn-pz-font-in small{font-size:12px;color:var(--mu)}
.drn-pz-font:hover .drn-pz-font-in{border-color:var(--g)}
.drn-pz-font input:checked+.drn-pz-font-in{border-color:var(--g);box-shadow:0 0 0 1px var(--g)}

/* Цветове на конеца */
.drn-pz-swatches{display:flex;flex-wrap:wrap;gap:10px}
.drn-pz-sw{position:relative;margin:0;cursor:pointer}
.drn-pz-sw span{display:block;width:34px;height:34px;border-radius:50%;border:1px solid rgba(0,0,0,.18);box-shadow:inset 0 0 0 3px #fff;transition:transform .15s}
.drn-pz-sw:hover span{transform:scale(1.08)}
.drn-pz-sw input:checked+span{box-shadow:inset 0 0 0 3px #fff,0 0 0 2px var(--g)}

/* Качване */
.drn-pz-drop{position:relative;border:2px dashed var(--bd);border-radius:10px;background:#FCFBF7;padding:26px 16px;text-align:center;transition:all .2s}
.drn-pz-drop.is-over,.drn-pz-drop:hover{border-color:var(--g);background:#F1F6EE}
.drn-pz-drop input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.drn-pz-drop-in{pointer-events:none;color:var(--mu);font-size:14px;line-height:1.6}
.drn-pz-drop-in strong{color:var(--g)}
.drn-pz-drop-in small{display:block;font-size:12px}
.drn-pz-drop.is-loading .drn-pz-drop-in:after{content:"Качване…";display:block;margin-top:6px;color:var(--g);font-weight:600}
.drn-pz-drop.has-file{border-style:solid;border-color:var(--g);padding:14px}
.drn-pz-drop.has-file .drn-pz-drop-in,.drn-pz-drop.has-file input[type=file]{display:none}
.drn-pz-preview{display:flex;align-items:center;gap:14px;text-align:left}
.drn-pz-preview img{width:72px;height:72px;object-fit:contain;background:#fff;border:1px solid var(--bd);border-radius:6px}
.drn-pz-pdf{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:var(--red);color:#fff;font-weight:700;border-radius:6px}
.drn-pz-fname{flex:1;font-weight:600;word-break:break-all;font-size:14px}
.drn-pz-remove{background:none!important;border:0!important;color:var(--red)!important;text-decoration:underline;padding:4px!important;min-height:0!important;font-size:13px!important;text-transform:none!important;box-shadow:none!important}

/* Визуализация */
.drn-pz-viz{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.drn-pz-viz figure{margin:0;background:var(--cr);border:1px solid #E4DFD0;border-radius:8px;padding:6px 6px 10px;text-align:center}
.drn-pz-viz canvas{display:block;width:100%;height:auto;border-radius:6px}
.drn-pz-viz figcaption{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mu);margin-top:4px}
.drn-pz-viz figure[hidden]+figure,.drn-pz-viz:has(figure[hidden]){grid-template-columns:1fr}
.drn-pz-viz:has(figure[hidden]) figure{max-width:340px;margin:0 auto;width:100%}

/* Обобщение */
.drn-pz-sum{margin:18px 0 14px;padding:18px 20px;background:var(--cr);border:1px solid #E4DFD0;border-radius:8px}
.drn-pz-sum-lines div{display:flex;justify-content:space-between;gap:12px;padding:3px 0;font-size:14px;color:var(--mu)}
.drn-pz-total{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px;padding-top:10px;border-top:1px solid #DCD5C3;font-weight:700}
.drn-pz-total strong{font-size:24px;color:var(--gd)}
.drn-pz-lead{margin:8px 0 0;font-size:13px;color:var(--mu)}
.drn-pz-consent{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:14px;line-height:1.5;cursor:pointer}
.drn-pz-consent input{margin-top:3px;flex:0 0 auto;accent-color:var(--g);width:18px;height:18px}
.drn-pz-from{font-size:.7em;font-weight:600;color:var(--mu);text-transform:uppercase;letter-spacing:.04em}

/* Бутон */
form.cart:has(.drn-pz){flex-wrap:wrap}
form.cart:has(.drn-pz) .single_add_to_cart_button{background:var(--g,#0C6E05)!important;border-color:#0C6E05!important;color:#fff!important;min-height:52px;padding:0 34px;letter-spacing:.05em}
form.cart:has(.drn-pz) .single_add_to_cart_button:hover{background:#12260F!important}
.drn-pz-card-notice{margin:0 0 14px;padding:12px 16px;background:#FFF7E6;border-left:3px solid #C9A24B;font-size:14px;color:#1F2A1C}

@media (max-width:767px){
	.drn-pz-row{grid-template-columns:1fr;gap:14px}
	.drn-pz-cards{grid-template-columns:repeat(2,1fr)}
	.drn-pz-fonts{grid-template-columns:repeat(2,1fr)}
	.drn-pz-seg{flex-direction:column}
	.drn-pz-seg label>span{border-left:0;border-top:1.5px solid var(--bd)}
	.drn-pz-seg label:first-child span{border-top:0}
	.drn-pz-h{font-size:17px}
}

/* v1.2 – карта с дизайн за всяка позиция */
.drn-pz-design{border:1.5px solid #E4DFD0;border-radius:10px;padding:14px 16px 16px;margin:0 0 14px;background:#FFFEFB}
.drn-pz-design.has-error{border-color:var(--red)}
.drn-pz-design-h{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:-2px 0 12px;padding-bottom:10px;border-bottom:1px solid #EFEBE0}
.drn-pz-design-h strong{font-size:16px;color:var(--gd);display:inline-flex;align-items:center;gap:8px}
.drn-pz-design-h strong:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--g)}
.drn-pz-copy{display:inline-flex;align-items:center;gap:6px;font-size:13px}
.drn-pz-copy select{min-height:34px!important;padding:4px 8px!important;font-size:13px!important;width:auto!important;border-radius:6px}
.drn-pz-copy-btn{min-height:34px!important;padding:0 12px!important;font-size:12px!important;border:1.5px solid var(--g)!important;background:#fff!important;color:var(--g)!important;border-radius:6px!important;text-transform:none!important;letter-spacing:0!important;order:-1}
.drn-pz-copy-btn:hover{background:var(--g)!important;color:#fff!important}
.drn-pz-design .drn-pz-seg{margin-bottom:4px}

/* v1.3 – визуализацията вляво, закована при скрол (десктоп) */
.drn-pz-side{position:sticky;top:24px;z-index:2;background:#F6F3EA;border:1px solid #E4DFD0;border-radius:12px;padding:16px 16px 12px}
.drn-pz-side[hidden]{display:none!important}
.drn-pz-side-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 10px}
.drn-pz-side-h span{font-family:"Playfair Display",serif;font-size:22px;color:#12260F}
.drn-pz-side-h small{font-size:12px;color:#4A5045}
.drn-pz-side .drn-pz-viz{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.drn-pz-side .drn-pz-viz figure{background:#fff;border-color:#EAE5D8}
.drn-pz-side .drn-pz-hint{margin:10px 0 0;font-size:12px;color:#4A5045}
body.admin-bar .drn-pz-side{top:56px}

.drn-pz-drop.is-loading .drn-pz-drop-in[data-progress]:after{content:attr(data-progress)}

/* v1.5 – снимка на макарата */
.drn-pz-sw span.has-img{width:40px;height:40px;box-shadow:inset 0 0 0 0 #fff;border-color:#D9D2C0}
.drn-pz-sw input:checked+span.has-img{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--g)}

/* v1.6 – „Виж как изглежда“ и таблица с размери */
.drn-pz-cardw{position:relative;display:flex;flex-direction:column}
.drn-pz-cardw .drn-pz-card{flex:1}
.drn-pz-cardw.has-look .drn-pz-card-in{padding-bottom:54px}
.drn-pz-cardw>.drn-pz-look{position:absolute;left:8px;right:8px;bottom:8px;width:auto;z-index:1}
.drn-pz-look{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:34px!important;padding:6px 8px!important;border:1.5px solid var(--bd)!important;border-radius:6px!important;background:#fff!important;color:var(--g)!important;font-size:12px!important;font-weight:700!important;line-height:1.2!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer;box-shadow:none!important;transition:all .2s}
.drn-pz-look svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.drn-pz-look:hover{border-color:var(--g)!important;background:#F1F6EE!important}
.drn-pz-look-big{margin-top:12px;min-height:46px!important;font-size:14px!important;border-color:var(--g)!important;background:var(--g)!important;color:#fff!important}
.drn-pz-look-big:hover{background:#12260F!important;color:#fff!important}
.drn-pz-look-big svg{width:18px;height:18px;flex-basis:18px}
.drn-pz-look[hidden],.drn-pz-chart-btn[hidden]{display:none!important}
.drn-pz-lbl-size{display:flex!important;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.drn-pz-chart-btn{display:inline-flex;align-items:center;gap:5px;padding:0!important;min-height:0!important;border:0!important;background:none!important;color:var(--g)!important;font-size:13px!important;font-weight:600!important;text-decoration:underline;text-underline-offset:3px;text-transform:none!important;letter-spacing:0!important;cursor:pointer;box-shadow:none!important}
.drn-pz-chart-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}

html.drn-pz-noscroll{overflow:hidden}
.drn-pz-modal{position:fixed;inset:0;z-index:100000;background:rgba(18,38,15,.6);display:flex;align-items:center;justify-content:center;padding:16px;font-size:15px;color:#1F2A1C}
.drn-pz-modal *{box-sizing:border-box}
.drn-pz-modal-box{background:#fff;border-radius:12px;width:min(640px,100%);max-height:calc(100vh - 32px);overflow:auto;box-shadow:0 24px 70px rgba(0,0,0,.35)}
.drn-pz-modal-look .drn-pz-modal-box{width:min(720px,100%)}
.drn-pz-modal-h{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:#fff;border-bottom:1px solid #EAE5D8}
.drn-pz-modal-h strong{font-family:"Playfair Display",serif;font-size:20px;font-weight:600;color:#12260F;line-height:1.25}
.drn-pz-modal-x{flex:0 0 36px;width:36px;height:36px;min-height:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#F6F3EA!important;color:#12260F!important;font-size:16px!important;cursor:pointer;box-shadow:none!important}
.drn-pz-modal-x:hover{background:#E9E3D3!important}
.drn-pz-modal-b{padding:16px 18px 18px}
.drn-pz-modal .drn-pz-hint{margin:10px 0 0;font-size:13px;color:#4A5045;line-height:1.5}
.drn-pz-tbl-wrap{overflow-x:auto;border:1px solid #E4DFD0;border-radius:8px}
.drn-pz-tbl{width:100%;border-collapse:collapse;margin:0;font-size:14px;text-align:center}
.drn-pz-tbl th,.drn-pz-tbl td{padding:10px 12px;border:0;border-bottom:1px solid #EFEBE0;white-space:nowrap}
.drn-pz-tbl thead th{background:#12260F;color:#fff;font-weight:600;font-size:13px;text-transform:none;letter-spacing:0}
.drn-pz-tbl tbody th{font-weight:700;color:#12260F;text-align:left}
.drn-pz-tbl tbody tr:nth-child(even){background:#FBF9F4}
.drn-pz-tbl tbody tr:last-child th,.drn-pz-tbl tbody tr:last-child td{border-bottom:0}
.drn-pz-tbl tr[data-size]{cursor:pointer}
.drn-pz-tbl tr[data-size]:hover,.drn-pz-tbl tr[data-size]:focus{background:#F1F6EE;outline:0}
.drn-pz-tbl tr.is-cur{background:#E3EFDD!important}
.drn-pz-tbl tr.is-cur th:after{content:" ✓";color:#0C6E05}
.drn-pz-tbl-note{margin:12px 0 0;font-size:13px;line-height:1.55;color:#1F2A1C;background:#F6F3EA;border-radius:6px;padding:10px 12px}
.drn-pz-tbl-hint{margin:8px 0 0;font-size:12px;color:#4A5045}
.drn-pz-look-tabs{display:flex;gap:6px;margin:0 0 12px}
.drn-pz-look-tabs button{flex:1;min-height:40px!important;padding:6px!important;border:1.5px solid #D9D2C0!important;border-radius:6px!important;background:#fff!important;color:#1F2A1C!important;font-size:14px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer;box-shadow:none!important}
.drn-pz-look-tabs button.is-on{border-color:#0C6E05!important;background:#0C6E05!important;color:#fff!important}
.drn-pz-look-cv{display:block;width:100%;height:auto;max-height:calc(100vh - 220px);object-fit:contain;border-radius:8px;background:#fff}
@media (max-width:767px){.drn-pz-tbl th,.drn-pz-tbl td{padding:9px 8px;font-size:13px}.drn-pz-tbl thead th{font-size:12px;white-space:normal}.drn-pz-modal{padding:8px}.drn-pz-modal-h strong{font-size:17px}.drn-pz-modal-b{padding:12px}}