/* ET Vendor Services — шаблони банера головної сторінки (A–D).
 * Розміри задані в «одиницях макета» U(n) = n px при ширині 1400: банер масштабується пропорційно.
 * Вужче за 700 px — мобільна розкладка (container query), без обрізання. */
.etvs-tpl{display:block;position:relative;width:100%;container-type:inline-size;text-decoration:none!important;color:#0B2545;font-family:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;border-radius:10px;overflow:hidden;line-height:1.3}
.etvs-tpl span{box-sizing:border-box}
.etvs-tpl__in{--u:calc(100cqw / 1400);display:grid;align-items:center;box-sizing:border-box;width:100%;height:calc(var(--u) * 280);overflow:hidden}
.etvs-tpl .is-ph{opacity:.5}
.etvs-tpl .t-main,.etvs-tpl .t-brand,.etvs-tpl .t-offer,.etvs-tpl .t-card{display:flex;flex-direction:column;min-width:0}
.etvs-tpl .t-kicker,.etvs-tpl .t-head,.etvs-tpl .t-sub,.etvs-tpl .t-company,.etvs-tpl .t-seller,.etvs-tpl .t-label,.etvs-tpl .t-disc,.etvs-tpl .t-group,.etvs-tpl .t-until,.etvs-tpl .t-pname,.etvs-tpl .t-brandname{display:block}
/* логотип: картинка або назва компанії */
.etvs-tpl .t-logo{display:flex;align-items:center;justify-content:center;width:calc(var(--u) * 200);height:calc(var(--u) * 80);border-radius:calc(var(--u) * 10);background:#FFFFFF;border:1px solid #DCE3EC;overflow:hidden;flex-shrink:0}
.etvs-tpl .t-logo img{display:none;width:auto;height:auto;max-width:88%;max-height:80%;object-fit:contain;border-radius:0}
.etvs-tpl .t-logo.has-img img{display:block}
.etvs-tpl .t-logo.has-img .t-logo__txt{display:none}
.etvs-tpl .t-logo__txt{display:block;padding:0 calc(var(--u) * 10);font-size:calc(var(--u) * 17);font-weight:800;line-height:1.2;text-align:center;color:#0B2545}
.etvs-tpl .t-logo:not(.has-img) + .t-company{display:none}
/* фото */
.etvs-tpl .t-photo,.etvs-tpl .t-pphoto{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}
.etvs-tpl .t-photo img,.etvs-tpl .t-pphoto img{display:none;width:100%;height:100%;max-height:none;object-fit:contain;border-radius:0}
.etvs-tpl .has-img img{display:block}
.etvs-tpl .has-img .t-ph{display:none}
.etvs-tpl .t-ph{font-size:calc(var(--u) * 13);font-weight:600;text-align:center;padding:calc(var(--u) * 8)}
.etvs-tpl .t-photo:not(.has-img),.etvs-tpl .t-pphoto:not(.has-img){background:repeating-linear-gradient(45deg,rgba(11,37,69,.06),rgba(11,37,69,.06) 8px,rgba(11,37,69,.02) 8px,rgba(11,37,69,.02) 16px)}
/* кнопка */
.etvs-tpl .t-cta{display:inline-flex;align-items:center;gap:calc(var(--u) * 10);height:calc(var(--u) * 50);padding:0 calc(var(--u) * 22);border-radius:calc(var(--u) * 8);background:var(--acc);color:#FFFFFF;font-size:calc(var(--u) * 17);font-weight:700;white-space:nowrap;flex-shrink:0}
.etvs-tpl .t-arr{width:calc(var(--u) * 19);height:calc(var(--u) * 19);flex-shrink:0}

/* ---------- A · світлий товарний ---------- */
.etvs-tpl--a .etvs-tpl__in{background:#F3F6FA;grid-template-columns:calc(var(--u) * 300) minmax(0,1fr) calc(var(--u) * 440);gap:calc(var(--u) * 40);padding:0 calc(var(--u) * 56)}
.etvs-tpl--a .t-brand{gap:calc(var(--u) * 10)}
.etvs-tpl--a .t-company{font-size:calc(var(--u) * 18);font-weight:700}
.etvs-tpl--a .t-seller{font-size:calc(var(--u) * 13);font-weight:500;color:#5B6B82}
.etvs-tpl--a .t-main{gap:calc(var(--u) * 12)}
.etvs-tpl--a .t-kicker{font-size:calc(var(--u) * 13);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--acc)}
.etvs-tpl--a .t-head{font-size:calc(var(--u) * 36);font-weight:800;line-height:1.15}
.etvs-tpl--a .t-sub{font-size:calc(var(--u) * 16);font-weight:500;line-height:1.4;color:#42526B}
.etvs-tpl--a .t-side{display:flex;align-items:center;justify-content:flex-end;gap:calc(var(--u) * 24)}
.etvs-tpl--a .t-photo{width:calc(var(--u) * 230);height:calc(var(--u) * 208);border-radius:calc(var(--u) * 12);background-color:#FFFFFF;border:1px solid #D5DEEA;color:#5B6B82}

/* ---------- B · темний технічний ---------- */
.etvs-tpl--b{color:#FFFFFF}
.etvs-tpl--b .etvs-tpl__in{background-color:#0B2545;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:calc(var(--u) * 28) calc(var(--u) * 28);grid-template-columns:calc(var(--u) * 240) minmax(0,1fr) calc(var(--u) * 260);gap:calc(var(--u) * 28);padding:0 calc(var(--u) * 44)}
.etvs-tpl--b .t-brand{gap:calc(var(--u) * 10)}
.etvs-tpl--b .t-logo{width:calc(var(--u) * 190);height:calc(var(--u) * 76);max-width:100%}
.etvs-tpl--b .t-company{font-size:calc(var(--u) * 15);font-weight:600;color:#B9C7DA}
.etvs-tpl--b .t-main{align-items:center;text-align:center;gap:calc(var(--u) * 10)}
.etvs-tpl--b .t-kicker{font-size:calc(var(--u) * 13);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--acc)}
.etvs-tpl--b .t-head{font-size:calc(var(--u) * 34);font-weight:800;line-height:1.1;color:#FFFFFF}
.etvs-tpl--b .t-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--u) * 10)}
.etvs-tpl--b .t-chip{display:inline-flex;align-items:center;gap:calc(var(--u) * 6);padding:calc(var(--u) * 5) calc(var(--u) * 11);border:1px solid rgba(255,255,255,.22);border-radius:999px;font-size:calc(var(--u) * 13);font-weight:600;color:#DCE5F0;white-space:nowrap}
.etvs-tpl--b .t-chk{width:calc(var(--u) * 16);height:calc(var(--u) * 16);color:var(--acc);flex-shrink:0}
.etvs-tpl--b .t-cta{height:calc(var(--u) * 48);color:#0B2545;font-weight:800}
.etvs-tpl--b .t-side{display:flex;justify-content:flex-end}
.etvs-tpl--b .t-photo{width:calc(var(--u) * 250);height:calc(var(--u) * 210);border-radius:calc(var(--u) * 12);border:1px solid rgba(255,255,255,.18);color:#B9C7DA;background-color:rgba(255,255,255,.04)}

/* ---------- C · акційний з товарами ---------- */
.etvs-tpl--c .etvs-tpl__in{display:flex;align-items:stretch;background:#FFF4EC}
.etvs-tpl--c .t-offer{width:calc(var(--u) * 380);flex-shrink:0;justify-content:center;gap:calc(var(--u) * 6);padding:calc(var(--u) * 36) calc(var(--u) * 44);background:var(--acc);color:#FFFFFF}
.etvs-tpl--c .t-label{font-size:calc(var(--u) * 15);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.etvs-tpl--c .t-disc{font-size:calc(var(--u) * 76);font-weight:800;line-height:1}
.etvs-tpl--c .t-group{font-size:calc(var(--u) * 20);font-weight:700}
.etvs-tpl--c .t-until{font-size:calc(var(--u) * 15);font-weight:600}
.etvs-tpl--c .t-cards{display:flex;align-items:center;gap:calc(var(--u) * 20);padding:0 calc(var(--u) * 28);flex:1 1 auto;min-width:0}
.etvs-tpl--c .t-card{width:calc(var(--u) * 210);height:calc(var(--u) * 224);gap:calc(var(--u) * 8);padding:calc(var(--u) * 12);background:#FFFFFF;border:1px solid #F1D9C6;border-radius:calc(var(--u) * 12)}
.etvs-tpl--c .t-card:not(:has(.t-pphoto)){justify-content:center}
.etvs-tpl--c .t-pphoto{height:calc(var(--u) * 110);border-radius:calc(var(--u) * 8);background-color:#FAF6F2;color:#7A6A5C}
.etvs-tpl--c .t-pname{font-size:calc(var(--u) * 14);font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.etvs-tpl--c .t-prices{display:flex;align-items:baseline;gap:calc(var(--u) * 8)}
.etvs-tpl--c .t-price{font-size:calc(var(--u) * 18);font-weight:800;color:#B42318}
.etvs-tpl--c .t-old{font-size:calc(var(--u) * 13);color:#6B7280;text-decoration:line-through}
.etvs-tpl--c .t-side{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:calc(var(--u) * 18);padding:0 calc(var(--u) * 40) 0 0;flex-shrink:0}
.etvs-tpl--c .t-logo{width:calc(var(--u) * 170);height:calc(var(--u) * 64)}
.etvs-tpl--c .t-cta{background:#0B2545}

/* ---------- D · дистриб'ютор бренду ---------- */
.etvs-tpl--d .etvs-tpl__in{background:#FFFFFF;box-shadow:inset 0 calc(var(--u) * 6) 0 var(--acc);grid-template-columns:calc(var(--u) * 430) minmax(0,1fr) calc(var(--u) * 260);gap:calc(var(--u) * 40);padding:0 calc(var(--u) * 56)}
.etvs-tpl--d .t-main{gap:calc(var(--u) * 10)}
.etvs-tpl--d .t-kicker{font-size:calc(var(--u) * 14);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#42526B}
.etvs-tpl--d .t-brandname{font-size:calc(var(--u) * 52);font-weight:800;line-height:1;color:var(--acc)}
.etvs-tpl--d .t-sub{font-size:calc(var(--u) * 16);font-weight:500;line-height:1.45;color:#42526B}
.etvs-tpl--d .t-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--u) * 14)}
.etvs-tpl--d .t-line{display:flex;align-items:center;justify-content:center;height:calc(var(--u) * 76);padding:0 calc(var(--u) * 10);border-radius:calc(var(--u) * 10);border:1px solid #DCE3EC;background:#F7F9FC;font-size:calc(var(--u) * 15);font-weight:700;text-align:center}
.etvs-tpl--d .t-side{display:flex;flex-direction:column;align-items:flex-end;gap:calc(var(--u) * 18)}
.etvs-tpl--d .t-logo{width:calc(var(--u) * 180);height:calc(var(--u) * 70)}
.etvs-tpl--d .t-cta{background:#0B2545}

/* ---------- Телефон: перебудова замість обрізання ---------- */
@container (max-width: 699px){
 .etvs-tpl:not(.etvs-tpl--tall) .etvs-tpl__in{height:auto;min-height:140px;padding:16px!important;gap:12px!important}
 .etvs-tpl:not(.etvs-tpl--tall) .t-logo{width:auto;min-width:96px;max-width:60%;height:42px;padding:0 4px;border-radius:6px}
 .etvs-tpl:not(.etvs-tpl--tall) .t-logo img{max-height:34px;max-width:140px}
 .etvs-tpl:not(.etvs-tpl--tall) .t-logo__txt{font-size:12px;padding:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
 .etvs-tpl:not(.etvs-tpl--tall) .t-head,.etvs-tpl:not(.etvs-tpl--tall) .t-brandname,.etvs-tpl:not(.etvs-tpl--tall) .t-disc{overflow-wrap:anywhere}
 .etvs-tpl:not(.etvs-tpl--tall) .t-cta{height:40px;padding:0 14px;gap:6px;border-radius:6px;font-size:14px}
 .etvs-tpl:not(.etvs-tpl--tall) .t-arr{width:16px;height:16px}
 .etvs-tpl:not(.etvs-tpl--tall) .t-photo,.etvs-tpl:not(.etvs-tpl--tall) .t-seller,.etvs-tpl:not(.etvs-tpl--tall) .t-company,.etvs-tpl:not(.etvs-tpl--tall) .t-sub,.etvs-tpl:not(.etvs-tpl--tall) .t-cards,.etvs-tpl:not(.etvs-tpl--tall) .t-lines{display:none!important}
 .etvs-tpl:not(.etvs-tpl--tall) .t-kicker{font-size:11px}
 .etvs-tpl--a .etvs-tpl:not(.etvs-tpl--tall) .etvs-tpl__in{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand side" "main main";align-items:center}
 .etvs-tpl--a .t-brand{grid-area:brand}
 .etvs-tpl--a .t-side{grid-area:side}
 .etvs-tpl--a .t-main{grid-area:main;gap:6px}
 .etvs-tpl--a .t-head{font-size:19px}
 .etvs-tpl--b .etvs-tpl:not(.etvs-tpl--tall) .etvs-tpl__in{grid-template-columns:minmax(0,1fr);background-size:20px 20px}
 .etvs-tpl--b .t-brand{align-items:center}
 .etvs-tpl--b .t-side{display:none}
 .etvs-tpl--b .t-main{gap:8px}
 .etvs-tpl--b .t-head{font-size:20px}
 .etvs-tpl--b .t-chips{gap:6px}
 .etvs-tpl--b .t-chip{font-size:11px;padding:3px 8px;gap:4px}
 .etvs-tpl--b .t-chip:nth-child(3){display:none}
 .etvs-tpl--b .t-chk{width:12px;height:12px}
 .etvs-tpl--c .etvs-tpl:not(.etvs-tpl--tall) .etvs-tpl__in{padding:0!important;gap:0!important}
 .etvs-tpl--c .t-offer{width:auto;flex:1 1 auto;padding:16px;gap:2px}
 .etvs-tpl--c .t-label{font-size:10px}
 .etvs-tpl--c .t-disc{font-size:38px}
 .etvs-tpl--c .t-group{font-size:14px}
 .etvs-tpl--c .t-until{font-size:12px}
 .etvs-tpl--c .t-side{padding:16px;gap:12px;justify-content:center;max-width:55%}
 .etvs-tpl--c .t-logo{max-width:100%}
 .etvs-tpl--d .etvs-tpl:not(.etvs-tpl--tall) .etvs-tpl__in{grid-template-columns:minmax(0,1fr);box-shadow:inset 0 4px 0 var(--acc)}
 .etvs-tpl--d .t-side{flex-direction:row;align-items:center;justify-content:space-between}
 .etvs-tpl--d .t-main{gap:4px}
 .etvs-tpl--d .t-kicker{font-size:10px}
 .etvs-tpl--d .t-brandname{font-size:28px}
 .etvs-tpl--d .t-side{gap:10px}
}
/* слот на головній: стилі картинок банерів не повинні чіпати шаблон */
.etvs-home-ad__slot .etvs-tpl img{max-height:none}

/* ======================================================================
 * Вертикальні шаблони (бічна панель категорії, меню) — макет 600×900, U = ширина/600.
 * Ширше за 340 px (планшет/телефон, де колонка стає на всю ширину) — компактна смужка.
 * ====================================================================== */
.etvs-tpl--tall .etvs-tpl__in{--u:calc(100cqw / 600);display:flex;flex-direction:column;align-items:stretch;height:calc(var(--u) * 900);padding:calc(var(--u) * 40);gap:calc(var(--u) * 26)}
.etvs-tpl--tall .t-top{display:flex;align-items:center;gap:calc(var(--u) * 16);min-width:0}
.etvs-tpl--tall .t-logo{width:calc(var(--u) * 230);height:calc(var(--u) * 92);border-radius:calc(var(--u) * 12)}
.etvs-tpl--tall .t-logo__txt{font-size:calc(var(--u) * 24);padding:0 calc(var(--u) * 12)}
.etvs-tpl--tall .t-logo img{max-height:78%;max-width:86%}
.etvs-tpl--tall .t-company{font-size:calc(var(--u) * 21);font-weight:700;line-height:1.25;min-width:0;overflow-wrap:anywhere}
.etvs-tpl--tall .t-main{display:flex;flex-direction:column;gap:calc(var(--u) * 12);min-width:0}
.etvs-tpl--tall .t-kicker{font-size:calc(var(--u) * 20);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--acc)}
.etvs-tpl--tall .t-head{font-size:calc(var(--u) * 46);font-weight:800;line-height:1.12;overflow-wrap:anywhere}
.etvs-tpl--tall .t-sub{font-size:calc(var(--u) * 22);font-weight:500;line-height:1.4;color:#42526B}
.etvs-tpl--tall .t-photo{flex:1 1 auto;min-height:0;width:100%;border-radius:calc(var(--u) * 16)}
.etvs-tpl--tall .t-photo .t-ph,.etvs-tpl--tall .t-pphoto .t-ph{font-size:calc(var(--u) * 20)}
.etvs-tpl--tall .t-foot{display:flex;flex-direction:column;align-items:stretch;gap:calc(var(--u) * 14);margin-top:auto}
.etvs-tpl--tall .t-cta{justify-content:center;width:100%;height:calc(var(--u) * 78);padding:0 calc(var(--u) * 20);border-radius:calc(var(--u) * 12);font-size:calc(var(--u) * 26);gap:calc(var(--u) * 12)}
.etvs-tpl--tall .t-arr{width:calc(var(--u) * 26);height:calc(var(--u) * 26)}
.etvs-tpl--tall .t-seller{display:block;font-size:calc(var(--u) * 17);font-weight:500;text-align:center;color:#5B6B82}
.etvs-tpl--tall .t-logo:not(.has-img) + .t-company{display:none}

/* без фото — текст по центру висоти, без порожнечі */
.etvs-tpl--va .etvs-tpl__in:not(:has(.t-photo)) .t-main,.etvs-tpl--vb .etvs-tpl__in:not(:has(.t-photo)) .t-main{margin:auto 0}
.etvs-tpl--vb .etvs-tpl__in:not(:has(.t-photo)) .t-chips{margin-bottom:auto}
.etvs-tpl--vd .t-lines{margin:auto 0}
/* vA · світлий */
.etvs-tpl--va .etvs-tpl__in{background:#F3F6FA}
.etvs-tpl--va .t-photo{background-color:#FFFFFF;border:1px solid #D5DEEA;color:#5B6B82}

/* vB · темний технічний */
.etvs-tpl--vb{color:#FFFFFF}
.etvs-tpl--vb .etvs-tpl__in{background-color:#0B2545;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:calc(var(--u) * 30) calc(var(--u) * 30)}
.etvs-tpl--vb .t-company{color:#B9C7DA}
.etvs-tpl--vb .t-head{color:#FFFFFF}
.etvs-tpl--vb .t-chips{display:flex;flex-direction:column;gap:calc(var(--u) * 10)}
.etvs-tpl--vb .t-chip{display:flex;align-items:center;gap:calc(var(--u) * 10);padding:calc(var(--u) * 10) calc(var(--u) * 16);border:1px solid rgba(255,255,255,.2);border-radius:calc(var(--u) * 10);font-size:calc(var(--u) * 21);font-weight:600;color:#DCE5F0}
.etvs-tpl--vb .t-chk{width:calc(var(--u) * 24);height:calc(var(--u) * 24);color:var(--acc);flex-shrink:0}
.etvs-tpl--vb .t-photo{border:1px solid rgba(255,255,255,.18);background-color:rgba(255,255,255,.04);color:#B9C7DA}
.etvs-tpl--vb .t-cta{color:#0B2545;font-weight:800}

/* vC · акційний */
.etvs-tpl--vc .etvs-tpl__in{background:#FFF4EC;padding:0;gap:0}
.etvs-tpl--vc .t-offer{display:flex;flex-direction:column;gap:calc(var(--u) * 6);padding:calc(var(--u) * 40) calc(var(--u) * 40) calc(var(--u) * 34);background:var(--acc);color:#FFFFFF}
.etvs-tpl--vc .t-label{font-size:calc(var(--u) * 20);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.etvs-tpl--vc .t-disc{font-size:calc(var(--u) * 124);font-weight:800;line-height:.95}
.etvs-tpl--vc .t-group{font-size:calc(var(--u) * 28);font-weight:700;line-height:1.2}
.etvs-tpl--vc .t-until{font-size:calc(var(--u) * 20);font-weight:600}
.etvs-tpl--vc .t-cards{display:flex;flex-direction:column;gap:calc(var(--u) * 14);padding:calc(var(--u) * 26) calc(var(--u) * 32) 0;flex:1 1 auto;min-height:0;overflow:hidden}
.etvs-tpl--vc .t-pphoto{flex:0 0 auto}
.etvs-tpl--vc .t-card{display:flex;flex-direction:row;align-items:center;text-align:left;gap:calc(var(--u) * 18);padding:calc(var(--u) * 14);background:#FFFFFF;border:1px solid #F1D9C6;border-radius:calc(var(--u) * 14);min-width:0}
.etvs-tpl--vc .t-pphoto{width:calc(var(--u) * 130);height:calc(var(--u) * 130);border-radius:calc(var(--u) * 10);background-color:#FAF6F2;color:#7A6A5C}
.etvs-tpl--vc .t-cinfo{display:flex;flex-direction:column;gap:calc(var(--u) * 8);min-width:0}
.etvs-tpl--vc .t-pname{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:calc(var(--u) * 22);font-weight:600;line-height:1.3}
.etvs-tpl--vc .t-prices{display:flex;flex-wrap:wrap;align-items:baseline;gap:calc(var(--u) * 10)}
.etvs-tpl--vc .t-price{font-size:calc(var(--u) * 28);font-weight:800;color:#B42318}
.etvs-tpl--vc .t-old{font-size:calc(var(--u) * 18);color:#6B7280;text-decoration:line-through}
.etvs-tpl--vc .t-foot{padding:calc(var(--u) * 26) calc(var(--u) * 32) calc(var(--u) * 32);align-items:center}
.etvs-tpl--vc .t-logo{width:calc(var(--u) * 210);height:calc(var(--u) * 80)}
.etvs-tpl--vc .t-cta{background:#0B2545}

/* vD · дистриб'ютор */
.etvs-tpl--vd .etvs-tpl__in{background:#FFFFFF;box-shadow:inset 0 calc(var(--u) * 10) 0 var(--acc);padding-top:calc(var(--u) * 54)}
.etvs-tpl--vd .t-kicker{color:#42526B;font-size:calc(var(--u) * 19)}
.etvs-tpl--vd .t-brandname{display:block;font-size:calc(var(--u) * 84);font-weight:800;line-height:1;color:var(--acc);overflow-wrap:anywhere}
.etvs-tpl--vd .t-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--u) * 14)}
.etvs-tpl--vd .t-line{display:flex;align-items:center;justify-content:center;height:calc(var(--u) * 100);padding:0 calc(var(--u) * 12);border-radius:calc(var(--u) * 12);border:1px solid #DCE3EC;background:#F7F9FC;font-size:calc(var(--u) * 22);font-weight:700;text-align:center;line-height:1.2}
.etvs-tpl--vd .t-foot{align-items:center}
.etvs-tpl--vd .t-logo{width:calc(var(--u) * 220);height:calc(var(--u) * 84)}
.etvs-tpl--vd .t-cta{background:#0B2545}

/* Смужка: колонка на всю ширину (планшет, телефон) */
@container (min-width: 340px){
 .etvs-tpl--tall .etvs-tpl__in{height:auto;min-height:0;flex-direction:row;flex-wrap:wrap;align-items:center;padding:14px 16px;gap:10px 14px}
 .etvs-tpl--tall .t-photo,.etvs-tpl--tall .t-sub,.etvs-tpl--tall .t-seller,.etvs-tpl--tall .t-chips,.etvs-tpl--tall .t-cards,.etvs-tpl--tall .t-lines,.etvs-tpl--tall .t-company{display:none!important}
 .etvs-tpl--tall .t-top{flex:0 0 auto}
 .etvs-tpl--tall .t-logo{width:auto;min-width:90px;max-width:160px;height:44px;padding:0 6px;border-radius:8px}
 .etvs-tpl--tall .t-logo img{max-height:34px;max-width:140px}
 .etvs-tpl--tall .t-logo__txt{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
 .etvs-tpl--tall .t-main{flex:1 1 180px;gap:4px}
 .etvs-tpl--tall .t-kicker{font-size:11px}
 .etvs-tpl--tall .t-head{font-size:18px}
 .etvs-tpl--tall .t-foot{flex:0 0 auto;margin-top:0;flex-direction:row;align-items:center;gap:12px}
 .etvs-tpl--tall .t-cta{width:auto;height:40px;padding:0 16px;border-radius:8px;font-size:14px;gap:6px}
 .etvs-tpl--tall .t-arr{width:16px;height:16px}
 .etvs-tpl--vc .etvs-tpl__in{padding:0;gap:0}
 .etvs-tpl--vc .t-offer{flex:1 1 160px;align-self:stretch;justify-content:center;padding:12px 16px;gap:2px}
 .etvs-tpl--vc .t-label{font-size:10px}
 .etvs-tpl--vc .t-disc{font-size:36px}
 .etvs-tpl--vc .t-group{font-size:14px}
 .etvs-tpl--vc .t-until{font-size:12px}
 .etvs-tpl--vc .t-foot{padding:12px 16px}
 .etvs-tpl--vd .etvs-tpl__in{padding-top:18px;box-shadow:inset 0 4px 0 var(--acc)}
 .etvs-tpl--vd .t-brandname{font-size:28px}
 .etvs-tpl--vd .t-kicker{font-size:10px}
}

/* Бічна панель: загальні стилі картинок реклами не повинні ламати шаблон */
.et-ads .etvs-tpl,.et-ads__slot .etvs-tpl{max-width:100%;text-align:left}
.et-ads .etvs-tpl img,.et-ads__slot .etvs-tpl img{width:auto!important;height:auto!important;border-radius:0!important}
.et-ads .etvs-tpl .t-photo img,.et-ads .etvs-tpl .t-pphoto img,.et-ads__slot .etvs-tpl .t-photo img,.et-ads__slot .etvs-tpl .t-pphoto img{width:100%!important;height:100%!important}
