/* Количка, каса, профил, регистрация — общ вид. */

.woocommerce-cart .cart_totals h2,
.woocommerce-checkout h3,
.woocommerce-account h2,
.woocommerce-account legend{font-family:var(--po-disp);font-weight:400;letter-spacing:-.01em}

/* никакви дребни надписи по бутоните — изрично искане */
.woocommerce .button,.woocommerce button.button,.woocommerce input.button,
.woocommerce a.button,.wc-block-components-button{font-size:var(--po-fs-btn) !important;letter-spacing:.01em}
.woocommerce .button.alt,.woocommerce button.button.alt{background:var(--po-ink) !important;color:#fff !important;border-radius:999px}
.woocommerce .button.alt:hover,.woocommerce button.button.alt:hover{background:var(--po-red) !important}

/* количка */
.woocommerce-cart table.cart img{width:86px;height:auto;border-radius:6px}
.woocommerce-cart table.cart td,.woocommerce-cart table.cart th{padding:14px 12px}
.woocommerce-cart .product-name a{color:var(--po-ink);font-size:15px}
.woocommerce-cart .cart_totals{border:1px solid var(--po-line);border-radius:12px;padding:20px}
.po-empty{text-align:center;padding:clamp(40px,7vw,90px) 20px}
.po-empty-h{font-family:var(--po-disp);font-size:clamp(24px,3.2vw,36px);margin:0 0 8px}
.po-empty-t{color:var(--po-muted);margin:0 0 22px}
.po-btn{display:inline-block;background:var(--po-ink);color:#fff;text-decoration:none;padding:13px 26px;border-radius:999px}
.po-btn:hover{background:var(--po-red);color:#fff}

/* каса */
.woocommerce-checkout .col2-set .col-1,.woocommerce-checkout .col2-set .col-2{width:100%}
#order_review,.woocommerce-checkout-review-order{border:1px solid var(--po-line);border-radius:12px;padding:20px;background:#fff}
.po-pay-note{background:var(--po-paper-soft);border:1px solid var(--po-line);border-radius:8px;
             padding:11px 14px;font-size:14px;color:var(--po-ink-2,#4A403C);margin:0 0 14px}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{
  border:1px solid var(--po-line);border-radius:8px;padding:12px 14px;font-size:15px}
.woocommerce form .form-row input.input-text:focus{border-color:var(--po-ink);outline:0}
.woocommerce form .form-row label{font-size:14px;font-weight:500;margin-bottom:6px}

/* профил */
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.woocommerce-MyAccount-navigation a{display:block;padding:11px 14px;border-radius:8px;color:var(--po-ink);text-decoration:none;font-size:15px}
.woocommerce-MyAccount-navigation a:hover{background:var(--po-paper-soft)}
.woocommerce-MyAccount-navigation .is-active a{background:var(--po-ink);color:#fff}

/* вход и регистрация */
.woocommerce-account .col2-set{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(18px,3vw,40px)}
.woocommerce-account .col2-set .col-1,.woocommerce-account .col2-set .col-2{width:auto;float:none}
.woocommerce form.login,.woocommerce form.register{border:1px solid var(--po-line);border-radius:12px;padding:clamp(18px,2.4vw,28px)}
.po-reg-note{font-size:14.5px;color:var(--po-muted);margin:0 0 16px}
/* Полето беше около НАША отметка „клиент на едро“. Тя отпадна — формата вече
   има своя („Регистрирам се като фирма“) и две отметки за едно и също бъркат.
   Остана само обяснението и то стои в същото поле, до тяхната отметка. */
.po-wholesale,
.po-wholesale-note{background:var(--po-paper-soft);border:1px solid var(--po-line);
  border-radius:10px;padding:14px;margin:0 0 14px}
.po-wholesale-note .po-hint{margin-top:0}
.po-check{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:15px}
.po-check input{width:17px;height:17px;accent-color:var(--po-red)}
.po-hint{display:block;margin-top:7px;font-size:13.5px;color:var(--po-muted)}

/* съобщения */
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top-color:var(--po-red) !important;border-radius:8px}

/* 404 и празни състояния */
.error404 .site-content{min-height:44vh}

@media(max-width:900px){
  .woocommerce-cart table.cart img{width:60px}
  #order_review,.woocommerce-checkout-review-order{padding:14px}
}
/* ═══ КАСАТА ═══ ПИПА СЕ САМО ВИДЪТ.
   Еконт и Speedy вършат истинска работа — избор на офис, товарителница, връзка
   с куриера. Тук няма нито едно правило, което да ги скрива или да мени
   поведението им. Само размери, разстояния и побиране в екрана.
   Мерките идват от обиколка на живо: заглавията бяха 10,72 px при правило
   нищо под 12; полетата за фактуриране бяха 1 325 px широки на екран 1 440 —
   поле от метър и половина за десет цифри телефон; редът за доставка беше
   18 px висок, а съдържаше три реда, и кръгчетата лежаха върху линията. */

.woocommerce-checkout .woocommerce h3,
.woocommerce-checkout h3{font-size:clamp(19px,2.2vw,24px);line-height:1.25;margin:0 0 14px}
.woocommerce-checkout #order_review_heading{font-size:clamp(19px,2.2vw,24px)}
/* ⛔ НИЩО ПОД 12 ПИКСЕЛА — изрично правило на собственика. */
.woocommerce-checkout,.woocommerce-checkout p,.woocommerce-checkout label,
.woocommerce-checkout td,.woocommerce-checkout th{font-size:max(14px,1em)}
.woocommerce-checkout small,.woocommerce-checkout .small{font-size:13px}

/* Двете колони. Дотук касата беше една ивица през целия екран. */
@media (min-width:1000px){
  .woocommerce-checkout form.checkout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);
    gap:clamp(28px,3.4vw,56px);align-items:start;max-width:1180px;margin-inline:auto}
  .woocommerce-checkout form.checkout > .col2-set,
  .woocommerce-checkout form.checkout > #customer_details{grid-column:1}
  .woocommerce-checkout form.checkout > #order_review_heading,
  .woocommerce-checkout form.checkout > #order_review{grid-column:2}
  .woocommerce-checkout form.checkout > #order_review{position:sticky;top:96px}
}
.woocommerce-checkout form.checkout{max-width:1180px;margin-inline:auto}

/* Полетата — на две в ред, а не по цялата ширина. */
@media (min-width:640px){
  .woocommerce-billing-fields__field-wrapper,
  .woocommerce-shipping-fields__field-wrapper,
  .woocommerce-additional-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
  .woocommerce-checkout .form-row-wide,
  .woocommerce-checkout #billing_address_1_field,
  .woocommerce-checkout #billing_address_2_field,
  .woocommerce-checkout #order_comments_field{grid-column:1 / -1}
}
.woocommerce-checkout .form-row{margin:0 0 14px;float:none;width:auto;padding:0}
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea{width:100%;max-width:100%}

/* Начините за доставка — ред с място за трите си реда. */
.woocommerce-checkout #shipping_method{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.woocommerce-checkout #shipping_method li{display:flex;align-items:flex-start;gap:10px;
  min-height:0;height:auto;line-height:1.45;padding:10px 12px;border:1px solid var(--po-line);border-radius:8px}
.woocommerce-checkout #shipping_method li input[type=radio]{margin:3px 0 0;flex:0 0 auto}
.woocommerce-checkout #shipping_method li label{margin:0;display:block;font-size:15px;font-weight:500}
.woocommerce-checkout .woocommerce-shipping-totals td{padding-top:10px}

/* ⛔ ЧУЖДИЯТ ПРОЗОРЕЦ НА ЕКОНТ — само се побира, не се пипа.
   Беше 1 245 px широк на екран 1 440 и излизаше извън колоната. */
.woocommerce-checkout iframe,
#delivery_with_econt_iframe,
iframe[id*="econt"],iframe[src*="econt"]{max-width:100% !important;width:100% !important;
  border:1px solid var(--po-line);border-radius:10px;display:block}
@media (max-width:640px){
  .woocommerce-checkout iframe,#delivery_with_econt_iframe{min-height:520px}
}
.econt-alert{margin:0 0 14px}

/* Бутонът за поръчка — да се вижда, че е той. */
.woocommerce-checkout #place_order{width:100%;padding:15px 22px;font-size:16px}
@media (max-width:640px){
  .woocommerce-checkout form.checkout{max-width:none}
  .woocommerce-checkout #order_review{padding:14px}
}

/* ⛔ ЗАГЛАВИЯТА В КАСАТА СА „h6“, НЕ „h3“.
   Темата ги рисува с клас „ninetheme-form-title“ върху h6, а h6 няма зададен
   размер — браузърът му дава 0,67 от основния, тоест 10,72 пиксела. „Данни за
   фактура“ и „Вашата поръчка“ излизаха по-дребни от ситния шрифт наоколо.
   Измерено на екран, не предположено. */
.woocommerce-checkout .ninetheme-form-title,
.woocommerce-checkout h6.ninetheme-form-title,
.woocommerce-checkout #order_review_heading{
  font-family:var(--po-disp);font-weight:400;letter-spacing:-.01em;
  font-size:clamp(19px,2.2vw,24px) !important;line-height:1.25;margin:0 0 14px}

/* ─────────────────────────────────────────────────────────────────────────
   КОДЪТ ЗА ОТСТЪПКА В КОЛИЧКАТА

   Обвивката на темата се казва „ninetheme-flex“, но идва с display:block —
   затова полето и двата бутона падаха един под друг, залепени без нито един
   пиксел между тях, с три различни ширини. Изглеждаше като струпани копчета.

   Тук се връща редът, който името обещава: полето и „Приложи код“ на един
   ред, „Обновяване на количката“ отделено. Под 560 px всичко се изправя в
   колона и заема цялата широчина — там редът не се побира.
   Открито на 04.08 по бележка на собственика.
   ───────────────────────────────────────────────────────────────────────── */
.pos--cart .coupon .ninetheme-flex,
.pos--cart form .ninetheme-flex:has(#coupon_code) {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 10px;
  max-width: 560px;
}

.pos--cart #coupon_code {
  /* колоната, в която стои, е около 376 px — полето трябва да остави място за
     бутона до себе си, иначе се пренася и двете се долепват без отстояние */
  flex: 1 1 120px;
  min-width: 0;
  height: 50px;
}

.pos--cart .cart-apply-button {
  flex: 0 0 auto;
  white-space: nowrap;
}

/* „Обновяване“ е второстепенно действие — не бива да тежи колкото главното */
.pos--cart .cart-update-button-wrapper {
  margin-top: 14px;
}

.pos--cart .cart-update-button.ninetheme-btn.ninetheme-btn-primary {
  background: transparent;
  color: var(--po-ink, #151616);
  border: 1px solid rgba(21, 22, 22, .22);
}

.pos--cart .cart-update-button.ninetheme-btn.ninetheme-btn-primary:hover:not(:disabled) {
  background: var(--po-ink, #151616);
  color: #fff;
  border-color: var(--po-ink, #151616);
}

@media (max-width: 560px) {
  .pos--cart .coupon .ninetheme-flex,
  .pos--cart form .ninetheme-flex:has(#coupon_code) {
    flex-direction: column;
    flex-wrap: wrap;
    max-width: none;
  }
  /* ⛔ В КОЛОНА „flex-basis“ Е ВИСОЧИНА, НЕ ШИРОЧИНА.
     Полето беше „flex: 1 1 120px“ заради реда на широк екран; щом посоката
     стане колона, същите 120 px станаха ВИСОЧИНА и полето израстваше на
     120 px срещу 50 px на бутоните. Тук се нулира изрично. Моя грешка от
     04.08, хваната при проверка на телефонен изглед. */
  .pos--cart #coupon_code {
    flex: 0 0 auto;
    width: 100%;
    height: 50px;
  }
  .pos--cart .cart-apply-button,
  .pos--cart .cart-update-button { width: 100%; justify-content: center; }
  /* колоната на темата стеснява до 58 % и вдясно зее празно */
  .pos--cart .coupon,
  .pos--cart .cart-update-button-wrapper { width: 100%; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   КАСАТА — ТЕМАТА ДАВА НА ДОСТАВЧИЦИТЕ 15 ПИКСЕЛА ВИСОЧИНА
   ───────────────────────────────────────────────────────────────────────────
   Ето го виновника, дословно от gemstone/css/woocommerce-checkout-page.css:

     .ninetheme-checkout-review-order-table
     .ninetheme-checkout-review-order-footer #shipping_method { height: 15px; }

   Петнайсет пиксела за списък с два начина на доставка, всеки с кръгче и
   надпис на два реда. Останалото просто се излива навън и се рисува върху
   съседите — оттам „Доставка“ лежи върху Еконт, а Еконт върху „Данни за
   доставка и фактуриране“. Не е наша грешка в мерките: чужд код е задал
   фиксирана височина на нещо, чиято височина не се знае предварително.

   Същият файл налага и „display:flex; align-items:center; line-height:1“ на
   целия ред — тоест надписът и списъкът се борят за една линия.

   ⚠ И ВТОРО: нашият стил се зарежда ПРЕДИ този на темата и преди този на
   Еконт. При еднаква тежест печели последният, тоест верните ни правила не
   стигаха до екрана. Затова тук се пише с изрична тежест — не от мързел, а
   защото редът на зареждане не е наш.

   ⛔ Приставките на Еконт и Спиди не се пипат. Пипа се само това, което
   темата им е наложила. Открито по бележка на собственика на 05.08.
   ═══════════════════════════════════════════════════════════════════════════ */
body.woocommerce-checkout .ninetheme-checkout-review-order-table
  .ninetheme-checkout-review-order-footer #shipping_method,
body.woocommerce-cart .ninetheme-checkout-review-order-table
  .ninetheme-checkout-review-order-footer #shipping_method{
  height:auto !important;min-height:0 !important;overflow:visible !important;
  margin:0 !important;padding:0 !important;list-style:none !important;
  line-height:1.35 !important;color:inherit !important;font-weight:400 !important}

body.woocommerce-checkout .ninetheme-checkout-footer-item.woocommerce-shipping-totals.shipping,
body.woocommerce-cart .ninetheme-checkout-footer-item.woocommerce-shipping-totals.shipping{
  display:block !important;align-items:stretch !important;line-height:1.4 !important;
  padding:12px 0 !important}
body.woocommerce-checkout .ninetheme-checkout-footer-item.woocommerce-shipping-totals.shipping > *:first-child,
body.woocommerce-cart .ninetheme-checkout-footer-item.woocommerce-shipping-totals.shipping > *:first-child{
  display:block !important;font-weight:600;margin-bottom:8px}
body.woocommerce-checkout .ninetheme-checkout-footer-item.woocommerce-shipping-totals.shipping > *:last-child,
body.woocommerce-cart .ninetheme-checkout-footer-item.woocommerce-shipping-totals.shipping > *:last-child{
  display:block !important;text-align:left !important;width:100% !important}

body.woocommerce-checkout #shipping_method li,
body.woocommerce-cart #shipping_method li{
  display:flex !important;align-items:flex-start !important;gap:10px !important;
  margin:0 !important;padding:9px 0 !important;line-height:1.35 !important;float:none !important}
body.woocommerce-checkout #shipping_method li input,
body.woocommerce-cart #shipping_method li input{flex:0 0 auto !important;margin:3px 0 0 !important}
body.woocommerce-checkout #shipping_method li label,
body.woocommerce-cart #shipping_method li label{
  flex:1 1 auto !important;margin:0 !important;display:block !important;
  line-height:1.35 !important;white-space:normal !important}

/* останалите редове на сметката — име и стойност, без застъпване */
body.woocommerce-checkout .ninetheme-checkout-review-order-table .ninetheme-checkout-footer-item{
  align-items:flex-start !important;gap:16px;padding:10px 0}
body.woocommerce-checkout .ninetheme-checkout-review-order-table .ninetheme-checkout-footer-item > *{
  min-width:0;float:none}

/* полето, което Еконт отваря под избора — колкото му трябва */
body.woocommerce-checkout [id*="econt"],
body.woocommerce-checkout [class*="econt"],
body.woocommerce-checkout [class*="speedy"]{height:auto !important;max-width:100% !important}

/* заглавието на следващия раздел започва на чисто */
body.woocommerce-checkout h3{clear:both !important;margin-top:26px}

@media (max-width:560px){
  body.woocommerce-checkout .ninetheme-checkout-review-order-table .ninetheme-checkout-footer-item{
    display:block !important}
  body.woocommerce-checkout .ninetheme-checkout-review-order-table .ninetheme-checkout-footer-item > *:first-child{
    margin-bottom:3px}
  body.woocommerce-checkout .ninetheme-checkout-review-order-table .ninetheme-checkout-footer-item > *:last-child{
    text-align:left !important}
}

/* ═══ ПРАЗНИТЕ СТРАНИЦИ НА ТЕЛЕФОН ═══
   Изречението „Тук още няма нищо…“ идваше с размера на темата, мерен във „vw“:
   на 390 пиксела ставаше едро колкото заглавие и заемаше цял екран. Тук се
   слага таван. Класовете са на темата, затова се назовават изрично. */
@media (max-width:640px){
  .wishlist-empty-content .empty-title,
  .cart-empty-content .empty-title,
  .empty-title.ninetheme-small-title{font-size:22px !important;line-height:1.25 !important}
  .wishlist-empty-content .empty-text,
  .cart-empty-content .empty-text{font-size:15px !important;line-height:1.45 !important}
  .wishlist-empty-content,.cart-empty-content{padding-inline:18px}
}

/* ────────────────────────────────────────────────────────────────────────────
   КЛИЕНТИТЕ НА ЕДРО. Вижда се само от влязъл търговец; за всички останали
   тези класове изобщо не се извеждат.
   ──────────────────────────────────────────────────────────────────────────── */

.po-b2b-info{
  border:1px solid #e4e0d9;border-left:3px solid #e30a0a;
  background:#faf9f7;padding:20px 22px;margin:0 0 28px;border-radius:2px;
}
.po-b2b-info h2{font-size:19px;margin:0 0 8px;letter-spacing:.01em}
.po-b2b-info p{margin:0 0 10px;font-size:15px;line-height:1.6}
.po-b2b-info ul{margin:0 0 14px;padding-left:18px;font-size:14px;line-height:1.7;color:#4a4a4a}
.po-b2b-vrazki{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.po-b2b-vrazki a:not(.po-b2b-knopka){font-size:14px;text-decoration:underline}

.po-b2b-knopka{
  display:inline-block;background:#111;color:#fff;border:0;cursor:pointer;
  padding:11px 20px;font-size:14px;letter-spacing:.04em;text-transform:uppercase;
  border-radius:2px;text-decoration:none;line-height:1.2;
}
.po-b2b-knopka:hover{background:#e30a0a;color:#fff}
.po-b2b-glaven{padding:14px 30px;font-size:15px;margin-top:18px}

.po-b2b-vod{font-size:15px;color:#4a4a4a;margin:0 0 18px;line-height:1.6}
.po-b2b-pod{font-size:13px;color:#6b6b6b;line-height:1.55;margin:6px 0 10px}

.po-b2b-glava,.po-b2b-red{display:grid;grid-template-columns:1fr 120px;gap:10px}
.po-b2b-glava{
  font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#6b6b6b;
  padding:0 0 6px;border-bottom:1px solid #e4e0d9;margin-bottom:10px;
}
.po-b2b-red{margin-bottom:8px}
.po-b2b-red input{
  width:100%;padding:10px 12px;border:1px solid #d8d3ca;border-radius:2px;
  font-size:15px;background:#fff;
}
.po-b2b-red input:focus{outline:2px solid #111;outline-offset:-1px;border-color:#111}
/* числата в колона се четат по-лесно, когато цифрите са с еднаква ширина */
.po-b2b-red input[type=number]{font-variant-numeric:tabular-nums;text-align:center}

.po-b2b-oshte{
  background:none;border:1px dashed #c9c3b8;color:#4a4a4a;cursor:pointer;
  padding:9px 16px;font-size:13px;border-radius:2px;margin-top:6px;
}
.po-b2b-oshte:hover{border-color:#111;color:#111}

.po-b2b-poste{margin:22px 0 0;border-top:1px solid #e4e0d9;padding-top:16px}
.po-b2b-poste summary{cursor:pointer;font-size:14px;letter-spacing:.02em}
.po-b2b-poste textarea{
  width:100%;padding:12px;border:1px solid #d8d3ca;border-radius:2px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;line-height:1.6;
}

.po-b2b-otchet{margin:0 0 26px}
.po-b2b-ok{color:#1c6b2e;font-size:15px;margin:0 0 8px}
.po-b2b-vnimanie{color:#8a5a00;font-size:15px;margin:14px 0 6px}
.po-b2b-greshka{color:#b3261e;font-size:15px;margin:14px 0 6px}
.po-b2b-spisak{list-style:none;margin:0;padding:0;font-size:14px;line-height:1.8}
.po-b2b-spisak li{border-bottom:1px solid #efece7;padding:4px 0}
.po-b2b-kod{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  background:#f2efe9;padding:1px 7px;border-radius:2px;margin-right:8px;
}
.po-b2b-broj{color:#6b6b6b;margin-left:6px}

/* бързите бройки до полето за количество на продуктовата страница */
.po-b2b-stapki{display:inline-flex;gap:6px;margin-left:10px;vertical-align:middle}
.po-b2b-stapka{
  background:#f2efe9;border:1px solid #ddd7cd;color:#333;cursor:pointer;
  padding:7px 11px;font-size:13px;border-radius:2px;line-height:1;
  font-variant-numeric:tabular-nums;
}
.po-b2b-stapka:hover{background:#111;border-color:#111;color:#fff}

@media (max-width:560px){
  .po-b2b-glava,.po-b2b-red{grid-template-columns:1fr 88px}
  .po-b2b-info{padding:16px}
  .po-b2b-stapki{margin:8px 0 0;width:100%}
}

/* ────────────────────────────────────────────────────────────────────────────
   РЕГИСТРАЦИЯТА — по бележка 4 на клиента от 05.08.

   Условието за петдесет броя стоеше като отделен ред НАД формата, далеч от
   мястото, където има значение, и се четеше като реклама. Клиентът поиска да
   отпадне оттам; текстът му е преместен в самата отметка „Регистрирам се като
   фирма“, която пък става по-едра — тя е решението, което човек взима, а
   дотук изглеждаше като дребна бележка под другите полета.
   ──────────────────────────────────────────────────────────────────────────── */
.pos--account .promo-info{display:none}

.pos--account .woocommerce-form-register label.woocommerce-form__label-for-checkbox{
  display:flex;align-items:flex-start;gap:10px;
  margin:6px 0 4px;padding:14px 16px;
  border:1px solid var(--po-line,#e4e0d9);border-radius:3px;
  background:var(--po-paper-soft,#faf9f7);cursor:pointer;
}
.pos--account .woocommerce-form-register label.woocommerce-form__label-for-checkbox span{
  font-size:16px;line-height:1.45;font-weight:600;color:var(--po-ink,#0c0d0d);
}
.pos--account .woocommerce-form-register input.woocommerce-form__input-checkbox{
  width:18px;height:18px;margin-top:2px;flex:0 0 auto;accent-color:#d3222a;
}
@media (hover:hover){
  .pos--account .woocommerce-form-register label.woocommerce-form__label-for-checkbox:hover{
    border-color:var(--po-ink,#0c0d0d);
  }
}
@media (max-width:560px){
  .pos--account .woocommerce-form-register label.woocommerce-form__label-for-checkbox span{font-size:15px}
}

/* Бутонът „Изчисти количката“ — по бележка на клиента от 07.08.
   Нарочно НЕ е ярък: това е рядко и необратимо действие, а не покана. */
/* Същият ръст като „Обнови количката“ до него — по бележка на собственика от
   07.08: подчертан ситен надпис до едър бутон не се вижда. Формата е същата,
   но без плътен фон: това е рядко и необратимо действие, не покана. */
.po-cart-clear{
  display:inline-block;margin-left:14px;
  padding:13px 26px;border:1px solid var(--po-line,#e4e0d9);border-radius:999px;
  font-size:15px;line-height:1.2;color:var(--po-muted,#6b6b6b);
  text-decoration:none;
  transition:color .15s ease,border-color .15s ease;
}
.po-cart-clear:hover{color:#b3261e;border-color:#b3261e}
@media (max-width:560px){
  .po-cart-clear{display:block;margin:12px 0 0;text-align:center}
}