/*
Theme Name: Padangos
Theme URI: https://padangos.online
Author: built.lt
Author URI: https://built.lt
Description: UAB "Transratai" padangu el. parduotuves tema (padangos.online). Sukurta pagal patvirtinta v2 dizaina.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: padangos
Tags: e-commerce, woocommerce, custom-menu, translation-ready
WC requires at least: 8.0
WC tested up to: 9.4
*/

/* --------------------------------------------------------------------------
   0. SRIFTAS
   Golos Text laikomas pas mus, o ne fonts.googleapis.com: kitaip kiekvieno
   lankytojo IP keliautų pas Google dar prieš jam ką nors paspaudus, o tai
   Lietuvos klientui su privatumo politika yra nereikalinga rizika.
   Vienas kintamasis (variable) failas kiekvienam poaibiui, trys svoriai.
   Lietuviški diakritikai gyvena latin-ext poaibyje.
   -------------------------------------------------------------------------- */
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/golos-text-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/golos-text-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/golos-text-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/golos-text-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/golos-text-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/golos-text-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ==========================================================================
   1. DIZAINO SISTEMA
   Reiksmes perkeltos 1:1 is patvirtinto maketo
   (design/v2/final/index.html, b-katalogas.html, b-preke.html).
   Nekeisti be Roberto sutikimo.
   ========================================================================== */

:root{
  --dark:#16181d;--line-dark:#2b2e35;--on-dark:#f3f4f6;--on-dark-2:#b3b7bf;--on-dark-3:#8a8f98;
  --red:#cc1f2a;--red-press:#ad1a23;
  --bg:#ffffff;--bg-2:#f6f6f7;--ink:#16181d;--ink-2:#5d6169;--ink-3:#6b7076;--line:#e5e7eb;--line-2:#c9ccd1;--ok:#2e7d32;
  /* --ink-3 patamsintas nuo #8a8f98 2026-09-12. Senoji reikšmė ant balto davė
     tik 3,25:1, o WCAG AA smulkiam tekstui reikia 4,5:1. Tai buvo ne formalumas:
     ta spalva rašomi filtrų skaičiai ir puslapiavimo „Ankstesnis" bei „Kitas",
     t. y. vienintelis būdas judėti per 790 katalogo puslapių. Nauja reikšmė
     duoda 4,99 ant balto ir 4,62 ant --bg-2, o hierarchija lieka: --ink-2
     tebėra tamsesnis (6,21). */
}
*{box-sizing:border-box}
html{font-family:"Golos Text","Helvetica Neue",Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;color:var(--ink);background:var(--bg)}
body{margin:0;line-height:1.55}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.2}
h1{font-size:36px;line-height:1.15}
h2{font-size:26px}
h3{font-size:18px}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
table{border-collapse:collapse}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
.num{font-variant-numeric:tabular-nums}
.nw{white-space:nowrap}
a[href^="tel:"]{white-space:nowrap}
.wrap{max-width:1248px;margin:0 auto;padding:0 24px}
.icon{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sr-only{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
:focus-visible{outline:2px solid var(--red);outline-offset:2px}

/* Buttons and controls */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 20px;border-radius:6px;border:1px solid transparent;font-size:15px;font-weight:600;white-space:nowrap;background:none}
.btn:hover{text-decoration:none}
.btn-primary{background:var(--red);color:#fff}
.btn-primary:hover{background:var(--red-press)}
.btn-outline{background:#fff;color:var(--ink);border-color:var(--line-2);font-weight:500}
.btn-outline:hover{border-color:var(--ink)}
.btn-outline-dark{color:var(--on-dark);border-color:rgba(255,255,255,.28);font-weight:500}
.btn-outline-dark:hover{border-color:rgba(255,255,255,.6)}
.btn-sm{height:44px;padding:0 16px}
select.sel{width:100%;height:48px;padding:0 36px 0 12px;border:1px solid var(--line-2);border-radius:6px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%235d6169' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E") no-repeat right 12px center;appearance:none;-webkit-appearance:none;font-size:15px;color:var(--ink)}
select.sel:hover{border-color:var(--ink-3)}
.field label{display:block;font-size:13px;font-weight:500;margin-bottom:6px;color:var(--ink-2)}

/* Header */
.hdr{background:var(--dark);color:var(--on-dark)}
.hdr-row{display:flex;align-items:center;gap:28px;min-height:72px}
.logo{display:inline-flex;align-items:center;min-height:44px;font-size:22px;font-weight:600;white-space:nowrap;color:#fff}
.logo:hover{text-decoration:none}
.hsearch{flex:1;max-width:520px;position:relative}
.hsearch input{width:100%;height:44px;padding:0 48px 0 14px;border:1px solid var(--line-dark);border-radius:6px;background:#fff;color:var(--ink);font-size:15px}
.hsearch input::placeholder{color:var(--ink-3)}
.hsearch input::-webkit-search-decoration,.hsearch input::-webkit-search-cancel-button{-webkit-appearance:none}
.hsearch button{position:absolute;right:0;top:0;width:44px;height:44px;border:0;background:transparent;color:var(--ink-2);display:flex;align-items:center;justify-content:center;border-radius:0 6px 6px 0}
.hsearch button:hover{color:var(--ink)}
.hphone{margin-left:auto;display:flex;align-items:center;gap:10px;min-height:44px;white-space:nowrap}
.hphone:hover{text-decoration:none}
.hphone .icon{color:var(--on-dark-2)}
.hphone b{display:block;font-weight:500;font-size:15px;line-height:1.2}
.hphone small{display:block;font-size:13px;color:var(--on-dark-2);line-height:1.3}
.menu-btn{display:none;align-items:center;gap:8px;height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.28);border-radius:6px;background:transparent;color:#fff;font-size:15px;font-weight:500}
.menu-btn .icon{color:#fff}
.nav{border-top:1px solid var(--line-dark)}
.nav ul{display:flex;gap:4px;justify-content:space-between}
.nav a{display:flex;align-items:center;height:48px;padding:0 12px;font-size:15px;font-weight:500;white-space:nowrap;color:var(--on-dark-2);border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current="page"]{color:#fff;text-decoration:none}
.nav a[aria-current="page"]{border-bottom-color:rgba(255,255,255,.5)}
.nav li:first-child a{padding-left:0}
/* Punktai paskirstyti per visą juostą: anksčiau paslaugų grupė buvo nustumta
   į dešinę, ir tarp „Gamintojai" ir „Montavimas" likdavo tarpas. */
.nav li.push{margin-left:0}
.nav li:last-child a{padding-right:0}

/* Hero */
.hero{background:var(--bg-2);border-bottom:1px solid var(--line)}
.hero .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"h1 finder" "lead finder";column-gap:48px;row-gap:16px;align-items:center;padding-top:48px;padding-bottom:56px}
.hero h1{grid-area:h1;align-self:end;max-width:16ch}
.hero .lead{grid-area:lead;align-self:start}
.hero .lead p{font-size:17px;color:var(--ink-2);max-width:46ch}
.hero .lead .note{font-size:15px;margin-top:16px;color:var(--ink)}
.hero .lead .note a{font-weight:500;text-decoration:underline;text-underline-offset:3px}
.finder{grid-area:finder;background:#fff;border:1px solid var(--line);border-radius:8px;padding:4px 24px 20px}
.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:20px}
.tabs button{background:none;border:0;padding:12px 0;font-size:15px;font-weight:500;color:var(--ink-2);border-bottom:2px solid transparent;margin-bottom:-1px;min-height:44px}
.tabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--red)}
.tabs button:hover{color:var(--ink)}
/* Trys pirmieji laukai yra skaičiai (205, 55, R16), o sezonui reikia daugiau
   vietos: „Universalios" į lygų ketvirtadalį netelpa ir būtų nukirpta. */
.fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:12px;align-items:end}
.fields .btn{min-width:120px}
/* Pagal automobilį: mygtuko nėra, o modifikacijų pavadinimai ilgi („2.0 TDI, 150 AG,
   dyzelinas"). Markė, modelis ir metai vienoje eilutėje, modifikacija per visą plotį. */
.fitment-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
.fitment-fields .field:last-child{grid-column:1 / -1}
.check{display:flex;align-items:center;gap:10px;font-size:14px;margin-top:6px;min-height:44px;cursor:pointer;color:var(--ink-2)}
.check input{width:18px;height:18px;margin:0;accent-color:var(--ink)}
.finder .hint{font-size:13px;color:var(--ink-3)}
.finder [hidden]{display:none}

/* USP strip */
.usp{background:#fff;border-bottom:1px solid var(--line)}
.usp ul{display:flex;justify-content:space-between;gap:24px;padding-top:18px;padding-bottom:18px}
.usp li{display:flex;align-items:center;gap:12px;font-size:14px}
.usp .icon{color:var(--ink-2)}

/* Sections */
.section{padding:56px 0}
.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:24px}
.section-head p{font-size:15px;color:var(--ink-2);margin-top:6px}
.section-head .more{font-size:15px;font-weight:500;white-space:nowrap;color:var(--ink-2)}
.section-head .more:hover{color:var(--ink)}
.band{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.band + .band{border-top:0}
.grid-note{font-size:14px;color:var(--ink-2);margin-top:16px}

/* Category tiles */
.cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cat{display:block;background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px 20px 22px;color:var(--ink)}
.cat:hover{text-decoration:none;border-color:var(--line-2)}
.cat:hover h3{text-decoration:underline;text-underline-offset:3px}
.cat .count{font-size:14px;color:var(--ink-2);margin-top:4px}
.cat p{font-size:14px;color:var(--ink-2);margin-top:12px}

/* Size chips */
.sizes{display:flex;flex-wrap:wrap;gap:8px}
.sizes a{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 16px;border:1px solid var(--line);border-radius:6px;font-size:15px;font-weight:500;background:#fff}
.sizes a:hover{border-color:var(--ink);text-decoration:none}

/* Product cards */
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:10px;min-width:0}
.card:hover{border-color:var(--line-2)}
.plate{aspect-ratio:4/3;padding:8px;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden}
.plate img{width:100%;height:100%;object-fit:contain}
.card-body{display:flex;flex-direction:column;gap:2px}
.card .brand{font-size:14px;color:var(--ink-2)}
.card .model{font-size:16px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}
.card .model a:hover{text-decoration:underline;text-underline-offset:3px}
.card .size{font-size:15px;font-weight:500;margin-top:4px}
.card .meta{font-size:14px;color:var(--ink-2)}
.eu{display:flex;flex-wrap:wrap;gap:6px}
.eu{min-height:27px}
.eu span{font-size:13px;line-height:1;padding:6px 8px;border:1px solid var(--line);border-radius:4px;color:var(--ink);white-space:nowrap}
.eu span.na{color:var(--ink-3);border-style:dashed;white-space:normal}
.stock{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}
.stock .dot{width:8px;height:8px;border-radius:50%;background:var(--ok);flex:none}
.stock.eu-wh{font-weight:400;color:var(--ink-2)}
.stock.eu-wh .dot{background:var(--ink-3)}
.stock + .stock{margin-top:-4px}
.buy{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}
.price{font-size:22px;font-weight:600;line-height:1;white-space:nowrap}
.price small{font-size:13px;font-weight:400;color:var(--ink-2);margin-left:4px}

/* Brands */
.brands{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.brands .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:12px 32px;padding-top:20px;padding-bottom:20px;font-size:15px}
.brands .lbl{color:var(--ink-3);font-size:14px}
.brands a{color:var(--ink-2);font-weight:500}
.brands a:hover{color:var(--ink)}
.brands .all{margin-left:auto;color:var(--ink);font-size:14px}

/* About */
.about{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:start}
.about p{margin-top:16px;max-width:62ch}
.about p:first-of-type{margin-top:20px}
/* Užklausos forma kontaktuose (inc/uzklausa.php) */
.uzklausa-wrap{margin-top:40px;padding-top:32px;border-top:1px solid var(--line);max-width:560px}
.uzklausa-wrap h2{margin:0 0 16px}
.uzklausa .field{margin-bottom:14px}
.uzklausa-2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.uzklausa input,.uzklausa textarea{width:100%;height:48px;padding:0 12px;border:1px solid var(--line-2);border-radius:6px;background:#fff;font:inherit;font-size:15px;color:var(--ink)}
.uzklausa textarea{height:auto;min-height:140px;padding:12px;resize:vertical}
.uzklausa input:focus,.uzklausa textarea:focus{outline:2px solid var(--ink);outline-offset:1px;border-color:var(--ink)}
.uzklausa-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.uzklausa .hint{font-size:13px;color:var(--ink-3);margin:0 0 16px;max-width:none}
.uzklausa .hint a{text-decoration:underline}
.contact{border:1px solid var(--line);border-radius:8px;padding:20px 24px;font-size:15px}
.contact h3{font-size:16px;margin-bottom:12px}
.contact dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 20px}
.contact dt{color:var(--ink-2)}
.contact dd{margin:0}
.contact dd a{font-weight:500}
.contact .rating{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);color:var(--ink-2);font-size:14px}
.contact .rating a{text-decoration:underline;text-underline-offset:3px}

/* Breadcrumbs and page heads */
.crumbs{font-size:14px;color:var(--ink-2);padding:16px 0 8px}
.crumbs a:hover{color:var(--ink)}
.crumbs .sep{margin:0 8px;color:var(--ink-3)}
.page-head{margin:8px 0 28px}
.page-head h1{font-size:32px}
.page-head p{font-size:15px;color:var(--ink-2);margin-top:8px;max-width:64ch}
.info-head p{font-size:17px;line-height:1.6;max-width:72ch}

/* Catalog */
.listing{display:grid;grid-template-columns:264px minmax(0,1fr);gap:32px;align-items:start;padding-bottom:64px}
.filters{border:1px solid var(--line);border-radius:8px;padding:0 20px 20px}
.filters-head{display:flex;justify-content:space-between;align-items:center;min-height:52px;border-bottom:1px solid var(--line)}
.filters-head h2{font-size:16px}
.filters-head a{font-size:14px;color:var(--ink-2)}
.filters fieldset{border:0;margin:0;padding:14px 0;border-bottom:1px solid var(--line);min-width:0}
.filters legend{font-size:15px;font-weight:600;padding:0;margin-bottom:6px}
.opt{display:flex;align-items:center;gap:10px;min-height:36px;font-size:14px;cursor:pointer}
.opt input{width:18px;height:18px;margin:0;accent-color:var(--ink)}
.opt .cnt{margin-left:auto;color:var(--ink-3);font-size:13px}
.filters .more-link{display:inline-block;font-size:14px;color:var(--ink-2);margin-top:6px;text-decoration:underline;text-underline-offset:3px}
.filters .field + .field{margin-top:10px}
.filters .btn{width:100%;margin-top:16px}
.filters-toggle{display:none}
.filters .price-row { display: flex; align-items: center; gap: .5rem; }
.filters .price-row label { flex: 1; }
.filters .price-row input { width: 100%; min-height: 44px; padding: 0 .6rem; border: 1px solid var(--line, #d9d9d9); border-radius: 6px; font: inherit; }
.filters .sel { display: block; margin: .35rem 0; }
.filters .sel select { width: 100%; min-height: 44px; font: inherit; }
.filters-more summary { cursor: pointer; padding: .5rem 0; font-weight: 600; min-height: 44px; display: flex; align-items: center; }
.vh { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
@media (min-width:901px){
  /* Filtrai trumpesni už prekių tinklelį: be sticky slenkant visa kairė pusė
     likdavo tuščia. Už ekraną aukštesnis filtrų blokas slenka savo viduje. */
  .filters{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto;overscroll-behavior:contain}
}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;font-size:14px;color:var(--ink-2)}
.toolbar label{display:flex;align-items:center;gap:10px;white-space:nowrap}
/* Rikiavimas yra tikra GET forma (makete buvo vien <label>), todėl forma pati
   turi elgtis kaip lankstus dėklas, kitaip laukas nesitempia. */
.toolbar .woocommerce-ordering{display:flex;align-items:center;gap:12px}
.toolbar select.sel{width:auto;height:44px}
.pager{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:32px;flex-wrap:wrap}
.pager a,.pager span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:6px;font-size:15px;font-weight:500;background:#fff}
.pager a:hover{border-color:var(--ink);text-decoration:none}
.pager [aria-current="page"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.pager .dots,.pager .off{border-color:transparent;background:transparent;color:var(--ink-3)}

/* Product page */
.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;padding:8px 0 48px;align-items:start}
.pplate{position:relative;border:1px solid var(--line);border-radius:8px;background:#fff;aspect-ratio:1/1;overflow:hidden}
.pplate img{position:absolute;left:32px;top:32px;width:calc(100% - 64px);height:calc(100% - 64px);object-fit:contain}
.pbrand{font-size:15px;color:var(--ink-2)}
/* Gamintojas, modelis ir dydis guli vienoje H1, todel kiekviena eilute pati
   atstato savo dydi, svori ir tarpa: paveldeti is antrastes butu per stambu. */
.pinfo h1{font-size:30px;margin-top:0}
.pinfo h1 .pbrand{display:block;font-weight:400;line-height:1.65}
.pinfo h1 .pname{display:block;margin-top:4px}
.psize{display:block;font-size:18px;font-weight:500;line-height:1.5;margin-top:8px}
.pmeta{font-size:15px;color:var(--ink-2);margin-top:6px}
/* Inkarai (poraste: Ratu balansavimas ir kt.) nesilieciu prie ekrano krasto. */
.entry-content [id]{scroll-margin-top:24px}
/* Nenaujos prekes zyma: turi kristi i akis, todel ne pilka kaip .pmeta. */
.pcondition{display:inline-block;margin-top:10px;padding:4px 10px;border:1px solid var(--line-2);border-radius:4px;font-size:14px;font-weight:500}
.card .pcondition{margin-top:0;padding:0;border:0;font-weight:400}
.pinfo .eu{margin-top:16px}
.pinfo .stock{margin-top:16px}
.pbuy{margin-top:24px;padding:20px 24px;border:1px solid var(--line);border-radius:8px}
.pprice{font-size:30px;font-weight:600;line-height:1}
.pprice small{font-size:14px;font-weight:400;color:var(--ink-2);margin-left:6px}
.qty{display:flex;align-items:center;gap:16px;margin-top:20px;flex-wrap:wrap}
.qty-label{font-size:14px;color:var(--ink-2)}
.seg{display:inline-flex;border:1px solid var(--line-2);border-radius:6px;overflow:hidden}
.seg button{height:44px;min-width:56px;padding:0 14px;border:0;background:#fff;font-size:15px;font-weight:500;border-right:1px solid var(--line-2)}
.seg button:last-child{border-right:0}
.seg button[aria-pressed="true"]{background:var(--ink);color:#fff}
.ptotal{font-size:15px;color:var(--ink-2);margin-top:12px}
.ptotal b{color:var(--ink);font-weight:600}
.pbuy .btn-primary{width:100%;margin-top:16px}
.delivery{margin-top:24px}
.delivery li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line);font-size:15px}
.delivery li:last-child{border-bottom:1px solid var(--line)}
.delivery .icon{color:var(--ink-2);margin-top:3px}
.pdetails{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;padding-bottom:64px;align-items:start}
.pdetails h2{font-size:22px;margin-bottom:16px}
/* overflow-wrap:anywhere: aprašymo tekstas ateina iš importo feed'o, o
   šiam konkrečiam produktui jame įsivėlusios nelūžtančios eilutės (panašu
   į nutekėjusius analitikos slapukų raktus/reikšmes, pvz. „_ga_VJ3CN86M2P").
   Ta pati mobiliojo 333px slinkimo priežastis kaip ir prie .specs žemiau:
   nelūžtantis turinys tempdavo .pdetails tinklelį iki 707px. Duomenų
   pataisyti negalima (importo įskiepys nesuliečiamas šioje užduotyje), bet
   tema turi apsisaugoti nuo bet kokio panašaus turinio ateityje. */
.pdesc{overflow-wrap:anywhere}
.pdesc p{margin-bottom:12px;max-width:66ch}
.pdesc ul{list-style:disc;padding-left:20px;margin-bottom:12px;max-width:66ch}
.pdesc li{margin-bottom:4px}
.pspecs{margin-top:40px;max-width:100%;overflow-x:auto}
/* table-layout:auto (numatytasis) leisdavo lentelei plėstis pagal ilgiausią
   nelūžtantį turinį (pvz. homologacijos sąrašą) ir 390px telefone tempdavo
   visą .pdetails tinklelį iki 723px – 333px horizontalus slinkimas. fixed
   verčia stulpelius laikytis žemiau nurodyto pločio, o overflow-wrap
   apsaugo, jei koks turinys vis tiek nelūžtų. .pspecs overflow-x:auto lieka
   kaip atsarginis variantas, jei kada atsirastų dar ilgesnis turinys. */
.specs{width:100%;font-size:15px;table-layout:fixed}
.specs th,.specs td{text-align:left;padding:10px 0;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:break-word}
.specs th{font-weight:400;color:var(--ink-2);width:44%;padding-right:16px}
.label-box{border:1px solid var(--line);border-radius:8px;padding:24px;display:grid;grid-template-columns:168px minmax(0,1fr);gap:24px}
.label-box img{width:168px;border:1px solid var(--line)}
/* Kai EPREL etiketės paveikslėlio nėra, tekstas užima visą dėžutę. */
.label-box.no-img{grid-template-columns:minmax(0,1fr)}
.label-box dl{margin:0}
.label-box dt{font-weight:600;font-size:15px}
.label-box dd{margin:2px 0 12px;font-size:14px;color:var(--ink-2)}
.label-box .eprel{grid-column:1 / -1;font-size:15px;font-weight:500;text-decoration:underline;text-underline-offset:3px}

/* Footer */
/* Perėjimas iš balto turinio į tamsią poraštę: be jokio šešėlio riba atrodo
   nutrūkusi/atsitiktinė. Švelnus šešėlis virš poraštės viršaus (neigiamas
   vertikalus poslinkis) duoda subtilų vinjetės efektą baltame turinyje prieš
   pat poraštę, o vidinis viršutinio krašto highlight parodo, kad riba yra
   sąmoninga, o ne tiesiog spalvos pasikeitimas be jokio sluoksnio. */
.ftr{background:var(--dark);color:var(--on-dark-2);font-size:14px;position:relative;box-shadow:0 -32px 40px -28px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.06)}
.ftr .cols{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:48px 0 40px}
.ftr h3{color:var(--on-dark);font-size:15px;margin-bottom:14px}
.ftr li{margin-bottom:8px}
.ftr a:hover{color:var(--on-dark)}
.ftr address{font-style:normal;line-height:1.7}
.ftr .ftr-links{margin-top:12px}
.ftr .bottom{border-top:1px solid var(--line-dark);padding:20px 0 28px;font-size:13px;color:var(--on-dark-3)}
.ftr .bottom .row{display:flex;flex-wrap:wrap;gap:8px 32px;justify-content:space-between;margin-top:8px}
.ftr .bottom .credit a{color:var(--on-dark-2)}

/* Responsive */
@media (max-width:1100px){
  .grid,.cats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ftr .cols{grid-template-columns:repeat(2,1fr)}
  .hero .wrap{grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:32px}
  .fields{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fields .btn{grid-column:1 / -1;width:100%}
  .fitment-fields .field:nth-child(3){grid-column:1 / -1}
}
/* Meniu juosta pilnu pavidalu reikalauja apie 1 155 px (išmatuota 2026-09-12:
   paskutinio punkto dešinys ties 1 155). Burgeris anksčiau įsijungdavo tik ties
   900 px, todėl VISAS ruožas nuo 901 iki 1 175 px slinkdavo į šoną, o ten
   patenka planšetė horizontaliai (1 024) ir maži nešiojami. Meniu perjungiam
   anksčiau nei visą maketą: likusi tinklelio logika lieka ties 900 px. */
@media (max-width:1180px){
  .menu-btn{display:inline-flex;align-items:center}
  .nav{display:none}
  .nav.open{display:block}
  .nav ul{flex-direction:column;gap:0;padding-top:8px;padding-bottom:12px}
  .nav a,.nav li:first-child a{height:48px;padding:0}
  .nav li.push{margin-left:0}
}
/* Siauruose telefonuose antraštės elementams pritrūkdavo kelių pikselių
   (išmatuota 2026-09-12: reikia 363 px, o esant 390 px lieka 358), todėl
   „Meniu" nusileisdavo į atskirą eilutę ir antraštė išaugdavo nuo 124 iki
   180 px KIEKVIENAME puslapyje. Palikus vien ikoną viskas telpa į vieną
   eilutę. Mygtukas išlaiko 44 px lietimo taikinį ir aria-label. */
@media (max-width:430px){
  .menu-btn{padding:0;width:44px;justify-content:center}
  .menu-btn-text{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
}
/* Ties 360 px (senesni telefonai, iPhone SE) net ir su ikona pritrūkdavo 5 px,
   nes logotipas užima 177. Sumažintas vienu laipteliu, kad antraštė liktų
   vienos eilutės. Perskaitomumas nenukenčia: 19 px vis dar didesnis už meniu. */
@media (max-width:380px){
  .logo{font-size:19px}
}
/* Filtrų eilutės telefone. Darbalaukyje 36 px yra gerai (pelė tiksli, o tankis
   padeda matyti daugiau iš karto), bet nykščiui to per mažai, o filtrus spaudo
   nuolat. Sąraše eilutės viena po kitos, tad per žemas taikinys reiškia
   pataikymą į kaimyninį. */
@media (max-width:900px){
  .opt{min-height:44px}
  .opt input{width:20px;height:20px}
}
@media (max-width:900px){
  .wrap{padding:0 16px}
  .hdr-row{flex-wrap:wrap;gap:12px 8px;padding-top:12px;padding-bottom:12px}
  .hsearch{order:3;flex:1 0 100%;max-width:none}
  .hphone{width:44px;justify-content:center;border:1px solid rgba(255,255,255,.28);border-radius:6px;gap:0}
  .hphone .icon{color:#fff}
  .hphone span{display:none}
  .hdr .cart{padding:0 11px}
  .hdr .cart span{display:none}
  .menu-btn{display:inline-flex;align-items:center}
  .nav{display:none}
  .nav.open{display:block}
  .nav ul{flex-direction:column;gap:0;padding-top:8px;padding-bottom:12px}
  .nav a,.nav li:first-child a{height:48px;padding:0}
  .nav li.push{margin-left:0}
  .hero .wrap{grid-template-columns:1fr;grid-template-areas:"h1" "finder" "lead";row-gap:16px;padding-top:20px;padding-bottom:28px}
  h1{font-size:30px}
  .hero .lead p{font-size:16px}
  .finder{padding:0 16px 16px}
  /* Sutankinta 2026-09-22: 40px -> 32px tarp sekcijų ir 24px -> 16px po
     antrašte. Puslapis telefone atrodė "labai išretintas" (savininko žodžiai),
     todėl pertraukos tarp sekcijų sutrumpintos, bet ne po vieną elementą --
     kad hierarchija liktų nuosekli visame puslapyje. */
  .section{padding:32px 0}
  h2{font-size:22px}
  .section-head{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:16px}
  .section-head .more{white-space:normal;display:inline-flex;align-items:center;min-height:44px}
  .cat{padding:16px}
  .usp ul{flex-direction:column;gap:4px;padding-top:12px;padding-bottom:12px}
  .usp li{min-height:40px}
  .grid,.cats,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .brands a,.ftr li a,.contact dd a,.crumbs a,.brands .all,.filters .more-link,.pbrand,.label-box .eprel{display:inline-flex;align-items:center;min-height:44px}
  .pinfo h1 .pbrand{display:inline-flex}
  .ftr li{margin-bottom:0}
  .brands .wrap{gap:0 28px;padding-top:8px;padding-bottom:8px}
  .brands .all{margin-left:0}
  .about{grid-template-columns:1fr;gap:32px}
  .uzklausa-2{grid-template-columns:1fr}
  .listing{grid-template-columns:1fr;gap:16px}
  .filters{display:none}
  .filters.open{display:block}
  .filters-toggle{display:inline-flex}
  .toolbar{flex-wrap:wrap}
  .product{grid-template-columns:1fr;gap:24px}
  .pplate{aspect-ratio:4/3}
  .pplate img{left:16px;top:16px;width:calc(100% - 32px);height:calc(100% - 32px)}
  /* minmax(0,1fr), ne plikas 1fr: CSS grid stulpelis be minmax(0,...)
     nesitraukia žemiau savo turinio min-content pločio, tad plati .specs
     lentelė čia tempdavo visą tinklelį – žr. paaiškinimą prie .specs
     aukščiau. */
  .pdetails{grid-template-columns:minmax(0,1fr);gap:40px}
  .page-head h1{font-size:28px}
}
@media (max-width:600px){
  .grid,.cats,.grid-3{grid-template-columns:1fr}
  .card{display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:14px;row-gap:8px;padding:12px}
  .card .plate{grid-column:1;grid-row:1;aspect-ratio:auto;height:112px;padding:0}
  .card .card-body{grid-column:2;grid-row:1;align-self:center}
  .card .eu,.card .stock,.card .buy,.card .cmp{grid-column:1 / -1}
  .card .stock + .stock{margin-top:-6px}
  .card .buy{margin-top:0;padding-top:10px}
  /* Poraštės nuorodos telefone: 4 stulpeliai sukrauti į 1 duodavo ilgą
     išbarstytą sąrašą (viena eilutė vienam nuorodos tipui). 2 stulpeliai
     perpus sutrumpina poraštę ir vis tiek patogiai telpa 390px plotyje. */
  .ftr .cols{grid-template-columns:repeat(2,1fr);gap:20px 24px;padding:28px 0}
  .ftr h3{margin-bottom:10px}
  .ftr .bottom .row{flex-direction:column}
  .label-box{grid-template-columns:1fr}
  .label-box img{width:140px}
  .toolbar .woocommerce-ordering{width:100%}
  .toolbar label{width:100%}
  .toolbar select.sel{flex:1}
  .qty .seg{flex:1}
  .qty .seg button{flex:1}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ==========================================================================
   2. PAPILDYMAI, KURIU MAKETE NEBUVO
   Butini dirbanciai parduotuvei. Tie patys tokenai, ta pati kalba.
   Vizualiai nekeicia nei vieno maketo elemento.
   ========================================================================== */

/* 2.1 Sandelio busena "Pagal uzsakyma" (sutarties 1.14 trecia busena).
   Makete pavaizduotos tik dvi busenos, treciai reikia savo klases. */
.stock.order{font-weight:400;color:var(--ink-2)}
.stock.order .dot{background:var(--line-2)}

/* 2.2 Isjungtas "Pagal automobili" skirtukas (laukiam fitment bazes) */
.tabs button[disabled]{color:var(--ink-3);cursor:not-allowed}
.tabs button[disabled]:hover{color:var(--ink-3)}
.finder .soon{font-size:14px;color:var(--ink-2);padding:4px 0 8px}
.finder .soon + .hint{margin-top:4px}
/* Paieska pagal automobili (inc/fitment.php, js/fitment.js) */
.fitment-results{margin-top:16px}
.fitment-results:empty{margin-top:0}
.fitment-title{font-size:13px;font-weight:500;color:var(--ink-2);margin:0 0 8px}
.fitment-sizes{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.fitment-sizes li{display:block}
/* Visa eilutė spaudžiama: rėmelis ir tarpai yra pačioje nuorodoje. */
.fitment-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 10px;border:1px solid var(--line-2);border-radius:6px;padding:8px 12px;min-height:44px;color:var(--ink);text-decoration:none}
.fitment-main{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:6px}
a.fitment-row:hover{border-color:var(--ink);text-decoration:none}
a.fitment-row:hover .fitment-size,a.fitment-row:focus-visible .fitment-size{text-decoration:underline}
.fitment-size{font-weight:600}
.fitment-index,.fitment-axle,.fitment-count{font-size:13px;color:var(--ink-2)}
.fitment-count.is-empty{color:var(--ink-3)}
/* Kiekis visada dešinėje, ir kai siaurame ekrane nukeliauja į antrą eilutę. */
.fitment-count{margin-left:auto}

/* 2.3 Prekes galerijos papildomos nuotraukos */
.pthumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.pthumbs a{display:block;width:72px;height:72px;border:1px solid var(--line);border-radius:6px;padding:6px;background:#fff}
.pthumbs a:hover{border-color:var(--line-2)}
.pthumbs img{width:100%;height:100%;object-fit:contain}

/* 2.4 Turinio puslapiai (page.php, index.php, 404) */
.entry{padding:8px 0 64px}
.entry-content{max-width:66ch;font-size:16px}
.entry-content > * + *{margin-top:16px}
.entry-content h2{font-size:22px;margin-top:32px}
.entry-content h3{font-size:18px;margin-top:24px}
.entry-content ul,.entry-content ol{list-style:disc;padding-left:20px}
.entry-content ol{list-style:decimal}
.entry-content li + li{margin-top:4px}
/* Krepselis, atsiskaitymas ir paskyra naudoja index.php, todel patenka i
   .entry-content. Teksto sarasu taisykles negali lipti ant WooCommerce
   valdikliu: pristatymo budu sarasas su radio mygtukais gaudavo taskus. */
.entry-content ul.woocommerce-shipping-methods,
.entry-content ul.payment_methods,
.entry-content ul.wc-item-meta,
.entry-content ul.order_details,
.entry-content ul.woocommerce-error,
.entry-content ul.woocommerce-info,
.entry-content ul.woocommerce-message,
.entry-content .woocommerce-MyAccount-navigation ul{list-style:none;padding-left:0}
.entry-content ul.woocommerce-shipping-methods li + li,
.entry-content ul.payment_methods li + li{margin-top:8px}
/* WooCommerce prekes eilutes papildoma info („Pagal uzsakyma: 4") reiksme
   ideda i <p>, todel ji nukrisdavo i atskira eilute po uzrasu. */
ul.wc-item-meta li{display:flex;flex-wrap:wrap;gap:4px}
ul.wc-item-meta p{margin:0}
.woocommerce-shipping-methods li{display:flex;align-items:flex-start;gap:8px}
.woocommerce-shipping-methods li input[type=radio]{margin:3px 0 0;flex:0 0 auto}
.woocommerce-shipping-methods li label{margin:0}
.entry-content a{text-decoration:underline;text-underline-offset:3px}
.entry-content table{width:100%;font-size:15px}
.entry-content th,.entry-content td{text-align:left;padding:10px 0;border-bottom:1px solid var(--line)}
.entry-content img{border-radius:8px}

/* Informaciniai puslapiai (inc/informacija.php): lengvesnis skaitymas */
.info{display:grid;grid-template-columns:220px minmax(0,1fr);gap:56px;align-items:start;padding-bottom:72px}
.info-side{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow-y:auto;overscroll-behavior:contain}
.info-side nav + nav{margin-top:28px}
.info-side-title{font-size:15px;font-weight:600;margin:0 0 6px}
.info-side ul{list-style:none;margin:0;padding:0}
.info-side a{display:flex;align-items:center;min-height:40px;padding:0 12px;border-left:2px solid var(--line);font-size:15px;line-height:1.35;color:var(--ink-2);text-decoration:none}
.info-side a:hover{color:var(--ink);border-left-color:var(--line-2);text-decoration:none}
.info-side a[aria-current="page"]{color:var(--ink);font-weight:500;border-left-color:var(--ink)}
.info-main{min-width:0}
.info-toc{max-width:72ch;margin:0 0 36px;padding:16px 20px;border:1px solid var(--line);border-radius:8px;background:var(--bg-2)}
.info-toc-title{font-size:15px;font-weight:600;margin:0 0 6px}
.info-toc ul{list-style:none;margin:0;padding:0;columns:2;column-gap:32px}
.info-toc li{break-inside:avoid}
.info-toc a{display:inline-block;padding:5px 0;font-size:15px;line-height:1.4;color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px}
.info-toc a:hover{text-decoration-color:var(--ink)}
.info .entry-content{max-width:72ch;font-size:17px;line-height:1.7}
.info .entry-content > * + *{margin-top:18px}
.info .entry-content h2{font-size:24px;line-height:1.3;margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}
.info .entry-content > h2:first-child{margin-top:0;padding-top:0;border-top:0}
.info .entry-content h2 + *{margin-top:14px}
.info .entry-content h3{font-size:19px;line-height:1.35;margin-top:32px}
.info .entry-content h3 + *{margin-top:10px}
.info .entry-content ul,.info .entry-content ol{padding-left:22px}
.info .entry-content li{padding-left:4px}
.info .entry-content li + li{margin-top:10px}
.info .entry-content li::marker{color:var(--ink-3)}
.info .entry-content strong{font-weight:600}
.info .table-wrap{border:1px solid var(--line);border-radius:8px;overflow:hidden}
.info .entry-content table{width:100%;font-size:16px;line-height:1.5;border-collapse:collapse}
.info .entry-content th{background:var(--bg-2);font-size:14px;font-weight:600;color:var(--ink-2)}
.info .entry-content th,.info .entry-content td{padding:12px 16px;vertical-align:top;border-bottom:1px solid var(--line)}
.info .entry-content tbody tr:last-child td{border-bottom:0}
.info .entry-content tbody td:first-child{font-weight:500}
@media (max-width:900px){
  .info{grid-template-columns:minmax(0,1fr);gap:40px}
  .info-side{position:static;max-height:none;overflow:visible;order:2;padding-top:28px;border-top:1px solid var(--line)}
  .info .entry-content{font-size:16px}
  .info .entry-content h2{font-size:21px;margin-top:40px;padding-top:28px}
  .info-side a{min-height:44px}
}
@media (max-width:600px){
  .info-toc ul{columns:1}
  .info-toc a{padding:8px 0}
  /* Telefone lentelė virsta kortelėmis: kiekviena eilutė atskirai, prie reikšmės stulpelio pavadinimas. */
  .info .entry-content table.has-labels thead{display:none}
  .info .entry-content table.has-labels,.info .entry-content table.has-labels tbody,.info .entry-content table.has-labels tr,.info .entry-content table.has-labels td{display:block;width:100%}
  .info .entry-content table.has-labels tr{padding:12px 16px;border-bottom:1px solid var(--line)}
  .info .entry-content table.has-labels tbody tr:last-child{border-bottom:0}
  .info .entry-content table.has-labels td{padding:3px 0;border:0}
  .info .entry-content table.has-labels td[data-label]::before{content:attr(data-label) ": ";font-weight:400;color:var(--ink-2)}
  .info .entry-content table.has-labels tbody td:first-child{font-size:17px}
  .info .entry-content table.has-labels tbody td:first-child::before{content:none}
}
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:64px}
.post-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px}
.post-card:hover{border-color:var(--line-2)}
.post-card h2{font-size:18px}
.post-card .date{font-size:14px;color:var(--ink-2);margin-top:4px}
.post-card p{font-size:15px;color:var(--ink-2);margin-top:12px}
/* 404: ne aklavietė, o trys keliai toliau (dydžio paieška, sezonai, telefonas).
   Ankstesnis 52ch plotis buvo skirtas vien tekstui ir suspausdavo dydžio
   laukus tiek, kad „Žieminės" nebetilpdavo į sezono laukelį. */
.notfound{padding:48px 0 64px;max-width:860px}
.notfound-lead{color:var(--ink-2);font-size:17px;max-width:52ch;margin-top:12px}
.notfound-finder{margin-top:28px;max-width:720px}
.notfound-links{margin-top:28px;display:flex;flex-wrap:wrap;gap:10px}
.notfound-links .btn{margin-top:0}
.notfound-help{margin-top:28px;color:var(--ink-2);font-size:15px;max-width:52ch}
.notfound .btn{margin-top:24px}
.notfound .searchform{margin-top:24px;display:flex;gap:8px;max-width:420px}
.notfound .searchform input{flex:1;height:48px;padding:0 14px;border:1px solid var(--line-2);border-radius:6px;font-size:15px}
@media (max-width:900px){.posts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.posts{grid-template-columns:1fr}}

/* 2.5 WooCommerce pranesimai */
.woocommerce-notices-wrapper:not(:empty){padding-top:16px}
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews{list-style:none;margin:0 0 16px;padding:14px 16px;border:1px solid var(--line);border-left-width:3px;border-radius:6px;background:var(--bg-2);font-size:15px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.woocommerce-message{border-left-color:var(--ok)}
.woocommerce-info{border-left-color:var(--ink-3)}
.woocommerce-error{border-left-color:var(--red)}
.woocommerce-error li + li{margin-top:6px}
.woocommerce-message .button,.woocommerce-info .button{margin-left:auto}

/* 2.6 Bendri Woo mygtukai ir formos, kad paveldetu ta pacia sistema */
.woocommerce .button,.woocommerce button.button,.woocommerce input.button,.woocommerce a.button,
.woocommerce #respond input#submit,.wc-block-components-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 20px;border-radius:6px;border:1px solid var(--line-2);background:#fff;color:var(--ink);font-size:15px;font-weight:500;white-space:nowrap;text-decoration:none}
.woocommerce .button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce a.button:hover{border-color:var(--ink);text-decoration:none}
.woocommerce .button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce a.button.alt,
.woocommerce #respond input#submit.alt,.woocommerce .checkout-button{background:var(--red);border-color:var(--red);color:#fff;font-weight:600}
.woocommerce .button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover,
.woocommerce a.button.alt:hover,.woocommerce .checkout-button:hover{background:var(--red-press);border-color:var(--red-press)}
.woocommerce .button[disabled],.woocommerce button.button:disabled{opacity:.5;cursor:not-allowed}
.woocommerce form .form-row{display:block;margin:0 0 16px}
.woocommerce form .form-row label{display:block;font-size:13px;font-weight:500;margin-bottom:6px;color:var(--ink-2)}
.woocommerce form .form-row .required{color:var(--red);text-decoration:none}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,
.woocommerce .select2-container .select2-selection--single{width:100%;height:48px;padding:0 12px;border:1px solid var(--line-2);border-radius:6px;background:#fff;font-size:15px;color:var(--ink)}
.woocommerce form .form-row textarea{height:auto;min-height:112px;padding:12px}
.woocommerce form .form-row input.input-text:hover,.woocommerce form .form-row select:hover{border-color:var(--ink-3)}
.woocommerce .quantity input.qty{width:88px;height:48px;padding:0 8px;border:1px solid var(--line-2);border-radius:6px;text-align:center;font-variant-numeric:tabular-nums}
.woocommerce-form-login,.woocommerce-form-register,.woocommerce-ResetPassword,.woocommerce-form-coupon,
.woocommerce .checkout_coupon{border:1px solid var(--line);border-radius:8px;padding:20px 24px;margin-bottom:24px;max-width:560px}

/* 2.7 Krepselis, atsiskaitymas, paskyra */
.woo-page{padding:8px 0 64px}
.woocommerce table.shop_table{width:100%;border:1px solid var(--line);border-radius:8px;font-size:15px;border-collapse:separate;border-spacing:0;margin-bottom:24px}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.woocommerce table.shop_table thead th{font-size:14px;font-weight:500;color:var(--ink-2);background:var(--bg-2)}
.woocommerce table.shop_table tr:last-child td{border-bottom:0}
.woocommerce table.shop_table .product-thumbnail img{width:64px;height:64px;object-fit:contain}
.woocommerce table.shop_table .product-name a{font-weight:500}
.woocommerce table.shop_table .amount{font-variant-numeric:tabular-nums;font-weight:600}
.woocommerce .cart_totals,.woocommerce-checkout-review-order{border:1px solid var(--line);border-radius:8px;padding:20px 24px}
.woocommerce .cart_totals h2,.woocommerce-checkout h3,.woocommerce-billing-fields h3{font-size:18px;margin-bottom:16px}
.woocommerce .cart_totals table.shop_table{border:0;margin-bottom:16px}
.woocommerce .cart_totals table.shop_table th,.woocommerce .cart_totals table.shop_table td{padding:10px 0}
.woocommerce .cart-collaterals{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:start}
.woocommerce .cart-collaterals .cross-sells{grid-column:1}
.woocommerce .cart-collaterals .cart_totals{grid-column:2}
.woocommerce .checkout.woocommerce-checkout{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:start}
.woocommerce .checkout #customer_details{grid-column:1}
.woocommerce .checkout #order_review_heading,.woocommerce .checkout #order_review{grid-column:2}
.woocommerce .woocommerce-checkout-payment{background:var(--bg-2);border:1px solid var(--line);border-radius:6px;padding:16px;margin-top:16px}
.woocommerce .woocommerce-checkout-payment ul.payment_methods{list-style:none;padding:0;margin:0 0 16px}
.woocommerce .woocommerce-checkout-payment li{padding:8px 0;border-bottom:1px solid var(--line)}
.woocommerce .woocommerce-checkout-payment li:last-child{border-bottom:0}
.woocommerce .woocommerce-checkout-payment .place-order .button{width:100%}
.woocommerce-account .woocommerce{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;align-items:start}
.woocommerce-MyAccount-navigation ul{border:1px solid var(--line);border-radius:8px;overflow:hidden}
.woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--line)}
.woocommerce-MyAccount-navigation li:last-child{border-bottom:0}
.woocommerce-MyAccount-navigation a{display:flex;align-items:center;min-height:48px;padding:0 16px;font-size:15px;color:var(--ink-2)}
.woocommerce-MyAccount-navigation a:hover{color:var(--ink);text-decoration:none;background:var(--bg-2)}
.woocommerce-MyAccount-navigation .is-active a{color:var(--ink);font-weight:500;background:var(--bg-2)}
.woocommerce-MyAccount-content{font-size:15px}
.woocommerce-order,.woocommerce-thankyou-order-received{font-size:16px}
.woocommerce ul.order_details{display:flex;flex-wrap:wrap;gap:16px 32px;padding:20px 24px;border:1px solid var(--line);border-radius:8px;margin:16px 0 32px;font-size:14px;color:var(--ink-2)}
.woocommerce ul.order_details strong{display:block;font-size:16px;color:var(--ink);font-weight:600}
@media (max-width:900px){
  .woocommerce .cart-collaterals{grid-template-columns:1fr}
  .woocommerce .cart-collaterals .cross-sells,.woocommerce .cart-collaterals .cart_totals{grid-column:1}
  .woocommerce .checkout.woocommerce-checkout{grid-template-columns:1fr;gap:32px}
  .woocommerce .checkout #customer_details,.woocommerce .checkout #order_review_heading,
  .woocommerce .checkout #order_review{grid-column:1}
  .woocommerce-account .woocommerce{grid-template-columns:1fr}
  .woocommerce table.shop_table thead{display:none}
  .woocommerce table.shop_table tr{display:block;border-bottom:1px solid var(--line);padding:12px 0}
  .woocommerce table.shop_table tr:last-child{border-bottom:0}
  .woocommerce table.shop_table td{display:flex;justify-content:space-between;gap:16px;border-bottom:0;padding:6px 16px}
  .woocommerce table.shop_table td::before{content:attr(data-title);color:var(--ink-2);font-size:14px}
  .woocommerce table.shop_table td.product-remove::before,.woocommerce table.shop_table td.product-thumbnail::before{content:none}
}

/* 2.8 Mazasis krepselis (krepselio valdiklis).
   Makete jo nebuvo, Woo bendrieji stiliai isjungti, todel klases aprasomos cia.
   Tie patys tokenai kaip visur, jokiu nauju spalvu. */
.woocommerce-mini-cart{border:1px solid var(--line);border-radius:8px;padding:4px 16px}
.woocommerce-mini-cart-item{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:12px;padding:12px 24px 12px 0;border-bottom:1px solid var(--line);font-size:14px}
.woocommerce-mini-cart-item:last-child{border-bottom:0}
.woocommerce-mini-cart-item img{grid-column:1;grid-row:1 / span 3;width:56px;height:56px;object-fit:contain}
.woocommerce-mini-cart-item > a{grid-column:2;font-weight:500;color:var(--ink)}
.woocommerce-mini-cart-item .pmeta{grid-column:2;font-size:14px;color:var(--ink-2)}
.woocommerce-mini-cart-item .quantity{grid-column:2;font-size:14px;color:var(--ink-2)}
.woocommerce-mini-cart-item .remove{position:absolute;right:0;top:12px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;color:var(--ink-3)}
.woocommerce-mini-cart-item .remove:hover{color:var(--ink);text-decoration:none}
.woocommerce-mini-cart__total{display:flex;justify-content:space-between;gap:16px;margin-top:16px;font-size:15px;color:var(--ink-2)}
.woocommerce-mini-cart__total .amount{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.woocommerce-mini-cart__buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.woocommerce-mini-cart__buttons .button{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 16px;border:1px solid var(--line-2);border-radius:6px;background:#fff;color:var(--ink);font-size:15px;font-weight:500}
.woocommerce-mini-cart__buttons .button:hover{border-color:var(--ink);text-decoration:none}
.woocommerce-mini-cart__buttons .button.checkout{background:var(--red);border-color:var(--red);color:#fff;font-weight:600}
.woocommerce-mini-cart__buttons .button.checkout:hover{background:var(--red-press);border-color:var(--red-press)}
.woocommerce-mini-cart__empty-message{font-size:15px;color:var(--ink-2)}

/* 2.9 Atsiskaitymo, patvirtinimo ir paskyros smulkmenos.
   Krepselis, atsiskaitymas ir paskyra yra paprasti puslapiai su trumpiniais,
   todel juos piesia page.php turinio apvalkalas. Ten teksto plotis ribotas
   (66ch), o siems puslapiams reikia viso plocio. */
body.padangos-woo-page .entry-content{max-width:none}
.woocommerce-checkout-review-order .delivery{margin-top:20px}
.woocommerce-order .return-to-shop,.woocommerce-MyAccount-content .return-to-shop{margin-top:24px}
.woocommerce-thankyou-order-failed-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}

/* Turinio nuoroda pabraukiama (.entry-content a), o krepselio, atsiskaitymo ir
   paskyros puslapiai gyvena tame paciame apvalkale, todel pabraukimas uzlipdavo
   ant lenteliu, mygtuku ir paskyros meniu. Isimtis tik siems puslapiams. */
body.padangos-woo-page .entry-content a{text-decoration:none}
body.padangos-woo-page .entry-content p a:not(.btn):not(.button),
body.padangos-woo-page .entry-content .woocommerce-info a:not(.button),
body.padangos-woo-page .entry-content .woocommerce-message a:not(.button){text-decoration:underline;text-underline-offset:3px}
body.padangos-woo-page .entry-content .product-name a:hover{text-decoration:underline;text-underline-offset:3px}
.woocommerce-MyAccount-navigation ul,.woocommerce ul.order_details{list-style:none}
.woocommerce-MyAccount-navigation ul{margin:0;padding:0}

/* Krepselio veiksmu eilute: nuolaidos kodas kaireje, mygtukai salia. */
.woocommerce table.shop_table td.actions{white-space:normal}
.woocommerce table.shop_table td.actions .coupon{display:inline-flex;flex-wrap:wrap;gap:8px;margin-right:16px;vertical-align:middle}
.woocommerce table.shop_table td.actions .button,.woocommerce table.shop_table td.actions .btn{vertical-align:middle;margin-right:8px}
.woocommerce table.shop_table td.actions .coupon input.input-text{width:200px;height:48px;padding:0 12px;border:1px solid var(--line-2);border-radius:6px;background:#fff;font-size:15px;color:var(--ink)}
.woocommerce table.shop_table td.actions .coupon input.input-text:hover{border-color:var(--ink-3)}
.woocommerce table.shop_table td.product-remove .remove{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:18px;line-height:1;color:var(--ink-3)}
.woocommerce table.shop_table td.product-remove .remove:hover{color:var(--ink);background:var(--bg-2)}
.woocommerce .wc-proceed-to-checkout .checkout-button{width:100%}

/* Pastabu laukas: be sio narsykle piesia monospace srifta. */
.woocommerce form .form-row textarea{font-family:inherit}

@media (max-width:900px){
  /* Prekes langelis telefone: pavadinimas, dydis ir likutis vienas po kito,
     o ne viena eilute (bendra taisykle td paverčia flex eilute). */
  .woocommerce table.shop_table td.product-name{display:block}
  .woocommerce table.shop_table td.product-name::before{display:block;margin-bottom:4px}
  /* Suvestineje antraste jau yra th, todel data-title kartotusi. */
  .woocommerce .cart_totals table.shop_table td::before{content:none}
  /* Veiksmu eilute telefone: kodo laukas per visa ploti, mygtukai po juo. */
  .woocommerce table.shop_table td.actions{display:block}
  .woocommerce table.shop_table td.actions .coupon{display:flex;width:100%;margin:0 0 8px}
  .woocommerce table.shop_table td.actions .coupon input.input-text{flex:1;width:auto;min-width:0}
  .woocommerce table.shop_table td.actions .button,.woocommerce table.shop_table td.actions .btn{margin:0 8px 8px 0}
}

@media (min-width:901px){
  /* Uzsakymo suvestine desineje prasideda nuo formos virsaus, o ne nuo apacios:
     pirma eilute tik antrastei, antra - visam likusiam aukstiui. */
  .woocommerce .checkout.woocommerce-checkout{grid-template-rows:min-content 1fr;row-gap:0}
  .woocommerce .checkout #customer_details{grid-row:1 / span 2}
  .woocommerce .checkout #order_review_heading{grid-row:1}
  .woocommerce .checkout #order_review{grid-row:2}
}

/* 2.10 Smulkmenos */
.screen-reader-text{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:8px;top:8px;z-index:100;width:auto;height:auto;padding:10px 16px;background:#fff;border:1px solid var(--ink);border-radius:6px}
.no-results{padding:32px 0 64px;font-size:16px;color:var(--ink-2);max-width:56ch}
.no-results .btn{margin-top:20px}
.results .woocommerce-notices-wrapper{margin-bottom:16px}

/* --------------------------------------------------------------------------
   Papildymai po 09-08 perziuros
   -------------------------------------------------------------------------- */

/* ES etiketes bloko pastaba, kai srautas atsiunte ne visas reiksmes. */
.label-box .label-note{margin-top:12px;font-size:13px;color:var(--ink-2);line-height:1.5}

/* Krepselio kairysis stulpelis: anksciau ten buvo ~850x300 tuscios vietos. */
.woocommerce .cart-collaterals .cart-delivery{grid-column:1}
.woocommerce .cart-collaterals .cart-delivery h2{font-size:18px;margin-bottom:16px}
.woocommerce .cart-collaterals .cart-delivery .note{margin-top:16px;font-size:14px;color:var(--ink-2)}

/* Gamintoju puslapis: tos pacios plyteles kaip katalogo kategorijos. */
.brand-list{grid-template-columns:repeat(4,minmax(0,1fr))}
.brand-list .cat h2{font-size:17px;font-weight:600;line-height:1.3}
@media (max-width:900px){.brand-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* 59 gamintojų 1 stulpeliu telefone bemaž dvigubai ilgesnis, o kiekviena
   kortelė tik pavadinimas + skaičius -- laisvai telpa 2 stulpeliais net 390px. */

/*
 * Woo po iddejimo i krepseli programiskai fokusuoja pranesima (tabindex=-1).
 * Chrome tam taiko :focus-visible, todel aplink zalia "prekes idetos" juosta
 * atsirasdavo raudonas remelis ir ji atrode kaip klaida.
 */
.woocommerce-message:focus,.woocommerce-message:focus-visible,
.woocommerce-info:focus,.woocommerce-info:focus-visible,
.woocommerce-error:focus,.woocommerce-error:focus-visible{outline:2px solid var(--line-2);outline-offset:2px}

/* --------------------------------------------------------------------------
   SLAPUKU SUTIKIMAS
   Ta pati kalba kaip visur kitur: baltas blokas, 1px --line remelis,
   8px kampai, sakinio raide, raudona tik pirminiam veiksmui. Juosta yra
   position:fixed, todel ji nepastumia turinio ir neduoda layout shift.
   -------------------------------------------------------------------------- */
.cc{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:0 0 16px;pointer-events:none}
/* Narsykles [hidden] yra UA stiliuje, todel bet koks musu .cc-cats{display:grid}
   ar .btn{display:inline-flex} ji nustelbia. Be sitos eilutes kategoriju
   sluoksnis ir „Issaugoti pasirinkima" matosi is karto. */
.cc [hidden],.ftr .cc-open[hidden]{display:none!important}
.cc-box{pointer-events:auto;background:#fff;border:1px solid var(--line-2);border-radius:8px;
  box-shadow:0 8px 32px rgba(22,24,29,.14);padding:24px;display:grid;gap:20px;max-width:1000px}
.cc-box:focus{outline:none}
.cc-box:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.cc-intro h2{font-size:20px;margin-bottom:8px}
.cc-intro p{font-size:15px;color:var(--ink-2);max-width:78ch}

/* Kategoriju sluoksnis */
.cc-cats{display:grid;gap:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}
.cc-cat-head{display:flex;align-items:center;gap:10px;min-height:32px;cursor:pointer;font-size:15px;font-weight:500}
.cc-cat-head input{width:18px;height:18px;margin:0;accent-color:var(--ink);flex:none}
.cc-cat-head input:disabled{cursor:default}
.cc-cat-head:has(input:disabled){cursor:default}
.cc-cat-flag{font-size:13px;font-weight:400;color:var(--ink-3)}
.cc-cat-text{font-size:14px;color:var(--ink-2);margin-top:4px;padding-left:28px;max-width:78ch}

/* Veiksmai. „Sutinku" ir „Nesutinku" yra vienodo dydzio, vienodo svorio ir
   vienoje eiluteje: nei vienas is ju nera paslepetas ar nuslopintas. */
.cc-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px}
.cc-actions{display:flex;flex-wrap:wrap;gap:12px}
.cc-btn{min-width:180px;font-weight:600}
.cc-yes{background:var(--red);color:#fff}
.cc-yes:hover{background:var(--red-press)}
.cc-no{background:#fff;color:var(--ink);border-color:var(--ink)}
.cc-no:hover{background:var(--bg-2)}
/* Atidarius kategorijas, raudona lieka tik ties „Sutinku": dvi raudonos
   salia viena kitos siulytu, kad issaugoti ir sutikti yra tas pats. */
.cc-save{background:#fff;color:var(--ink);border-color:var(--ink)}
.cc-save:hover{background:var(--bg-2)}
.cc-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;font-size:14px}
.cc-links a{color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}
.cc-links a:hover{color:var(--ink)}
.cc-link{background:none;border:0;padding:0;font-size:14px;color:var(--ink-2);
  text-decoration:underline;text-underline-offset:3px}
.cc-link:hover{color:var(--ink)}

/* Porastes mygtukas: atrodo kaip kita porastes nuoroda, ne kaip mygtukas. */
.ftr .cc-open{background:none;border:0;padding:0;font:inherit;color:var(--on-dark-3);
  text-align:left;text-decoration:underline;text-underline-offset:3px}
.ftr .cc-open:hover{color:var(--on-dark-2)}

@media (max-width:900px){
  .cc{padding:0}
  .cc-box{border-radius:0;border-left:0;border-right:0;border-bottom:0;padding:20px 16px;gap:16px;
    max-height:88vh;overflow-y:auto}
  .cc-intro h2{font-size:18px}
  .cc-foot{display:block}
  .cc-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .cc-btn{min-width:0;width:100%}
  .cc-save{grid-column:1 / -1}
  .cc-links{margin-top:14px}
}
@media (max-width:480px){
  .cc-actions{grid-template-columns:1fr}
}

/* Slapuku politikos lenteles: slapuku vardai yra tikri identifikatoriai,
   todel monospace cia yra funkcinis, o ne dekoratyvinis. */
.entry-content code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;
  background:var(--bg-2);border:1px solid var(--line);border-radius:4px;padding:1px 5px;word-break:break-word}
.entry-content th{font-weight:600;color:var(--ink)}
.entry-content td{vertical-align:top}
/* Slapuku politikoje trys teksto stulpeliai: plociai fiksuoti, kad slapuku vardai
   netemptu lenteles. Teksto ploti nustato informaciniu puslapiu maketas, o telefone
   (iki 600 px) lentele virsta kortelemis, tad stulpeliu plociai ten netaikomi. */
@media (min-width:601px){
  body.padangos-slapukai .entry-content table{table-layout:fixed}
  body.padangos-slapukai .entry-content th:first-child,
  body.padangos-slapukai .entry-content td:first-child{width:28%}
  body.padangos-slapukai .entry-content th:last-child,
  body.padangos-slapukai .entry-content td:last-child{width:22%}
}
@media (min-width:601px) and (max-width:700px){
  body.padangos-slapukai .entry-content th:first-child,
  body.padangos-slapukai .entry-content td:first-child{width:38%}
  body.padangos-slapukai .entry-content th:last-child,
  body.padangos-slapukai .entry-content td:last-child{width:26%}
  body.padangos-slapukai .entry-content table{font-size:14px}
}

/* --------------------------------------------------------------------------
   Tuscias rezultatas (paieska ir filtrai)
   Anksciau tai buvo viena eilute ir mygtukas, tad nieko neradusiam pirkejui
   likdavo tik uzdaryti langa. Dabar cia yra kelias toliau: sezonai ir telefonas.
   -------------------------------------------------------------------------- */
.no-results p+p{margin-top:12px}
.no-results .no-results-lead{margin-top:20px}
.no-results-links{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 0;padding:0;list-style:none}
.no-results-links a{display:inline-flex;align-items:center;height:44px;padding:0 16px;border:1px solid var(--line-2);border-radius:6px;font-size:15px;font-weight:500;color:var(--ink);background:#fff}
.no-results-links a:hover{border-color:var(--ink);text-decoration:none}

/* Nuolaida: ankstesnė kaina perbraukta, dabartinė lieka pagrindine.
   Rodoma tik tada, kai kainų istorija ją pagrindžia (CK 6.353 str. 8 d.). */
.price del,.pprice del{font-weight:400;color:var(--muted,#6b7076);text-decoration:line-through;margin-right:6px}
.price del .woocommerce-Price-amount,.pprice del .woocommerce-Price-amount{font-size:.8em}
.pprice-note{margin:4px 0 0;font-size:13px;color:var(--muted,#6b7076)}

/* Pasiulymas tusciai paieskai. */
.did-you-mean{margin-top:14px;font-size:17px;color:var(--ink)}
.did-you-mean a{text-decoration:underline;text-underline-offset:3px}

/* Visų dydžių sąrašas. Tinklelis, o ne stulpelis: 440 dydžių stulpeliu būtų
   kelių ekranų ritinys, o pirkėjas savo dydį randa akimis, ne skaitydamas. */
.size-group{margin-top:36px}
.size-group h2{font-size:20px;margin-bottom:14px}
.size-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:8px}
.size-list a{display:flex;align-items:center;justify-content:space-between;gap:8px;
  min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:6px;
  background:#fff;font-size:15px;font-weight:500}
.size-list a:hover{border-color:var(--ink-3);text-decoration:none}
.size-list small{color:var(--ink-3);font-weight:400;font-size:13px}
@media (max-width:900px){
  .size-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
}
.page-head-price{margin-top:6px;color:var(--ink-2);font-size:15px}

/* --------------------------------------------------------------------------
   PABAIGA: taisyklės, kurios privalo nusverti WooCommerce stilius.
   CSS laimi vėlesnis, kai specifiškumas vienodas, todėl šitos gyvena gale.
   -------------------------------------------------------------------------- */

/* Gamintojų banerių juosta tituliniame (inc/baneriai.php) */
.promo { padding: 1.5rem 0 0; }
.promo .promo-track { position: relative; }
.promo-slide { display: none; border-radius: 10px; overflow: hidden; }
.promo-slide.is-on { display: block; }
.promo-slide img { display: block; width: 100%; height: auto; }
.promo-dots { display: flex; gap: .5rem; justify-content: center; padding: .75rem 0 0; }
.promo-dot { width: 44px; height: 44px; padding: 0; border: 0; background: none; cursor: pointer; position: relative; }
.promo-dot::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 9px; height: 9px; border-radius: 50%; background: #c9ccd2; transition: background .2s; }
.promo-dot.is-on::after { background: #101114; }
.promo-dot:focus-visible { outline: 2px solid #101114; outline-offset: -8px; border-radius: 6px; }
@media (max-width: 700px) { .promo { padding-top: 1rem; } .promo-slide { border-radius: 8px; } }
/* Akcijų puslapis (page-akcijos.php) */
.akcija { max-width: 56rem; margin: 0 0 2.5rem; }
.akcija picture img { width: 100%; height: auto; border-radius: 10px; display: block; margin-bottom: 1.5rem; }
.akcija h2 { margin: 0 0 .75rem; }
.akcija h3 { margin: 1.5rem 0 .5rem; }
.akcija ol { padding-left: 1.25rem; }
.akcija ol li { margin: .35rem 0; }
.akcija-lentele { border-collapse: collapse; margin: 1rem 0; min-width: 18rem; }
.akcija-lentele th, .akcija-lentele td { padding: .5rem .9rem; border-bottom: 1px solid #e5e5e5; text-align: left; }
.akcija-lentele thead th { font-weight: 600; }
.akcija-smulkiai { font-size: .9rem; color: #5a5f66; margin: 1.25rem 0; }
.posts-empty { margin: 1rem 0 1.5rem; }

/* iOS Safari priartina puslapį, kai bakstelimas laukas, kurio šriftas mažesnis
   nei 16 px. Atsiskaitymo forma buvo 15 px, tad pirkėjas telefone po kiekvieno
   lauko turėdavo pirštais atitraukti puslapį atgal. Išmatuota 2026-09-12:
   24 iš 25 laukų. Darbalaukyje 15 px lieka, ten jokio priartinimo nėra. */
@media (max-width:900px){
  input:not([type=checkbox]):not([type=radio]),
  select,
  textarea,
  select.sel,
  .hsearch input,
  .notfound .searchform input,
  .woocommerce form .form-row input.input-text,
  .woocommerce form .form-row textarea,
  .woocommerce form .form-row select,
  .woocommerce .select2-container .select2-selection--single,
  .woocommerce table.shop_table td.actions .coupon input.input-text{font-size:16px}
.notfound-cta{margin-top:18px}

/* Toliau: keturi mažo tap-taikinio (<40px) taisymai, QA 2026-09-22 task 1.2
   #4. VISI SĄMONINGAI dedami TIK į šį (jau neuždarytą, žr. failo galą)
   @media (max-width:900px) bloką – veikia tik telefone. Tie patys elementai
   liko <40px ir darbalaukyje (QA.md chromium-1440 eilutėse), bet ten pelė
   tiksli ir juos padidinus pasikeistų darbalaukio išvaizda, ko užduotis
   aiškiai prašė nedaryti (tas pats pagrindimas kaip .opt aukščiau:
   „Darbalaukyje 36 px yra gerai, bet nykščiui to per mažai“). */
button.cc-link,.cc-links a{min-height:44px;display:inline-flex;align-items:center}
a.num{min-height:44px;display:inline-flex;align-items:center}
.woocommerce table.shop_table td.product-remove .remove{width:44px;height:44px}
.showlogin,.showcoupon{min-height:44px;display:inline-flex;align-items:center}
/* Šie du rasti QA pilname sąraše (ne aiškiai išvardinti užduoty punkte), bet
   ta pati < 40px problema ir tas pats pagrindinis pirkimo kelias (katalogo
   kortelės pavadinimas → prekės puslapis; krepšelio eilutės pavadinimas). */
.card h3.model a{min-height:44px;display:inline-flex;align-items:center}
.woocommerce table.shop_table .product-name a{min-height:44px;display:inline-flex;align-items:center}
}

/* --------------------------------------------------------------------------
   PREKIŲ PALYGINIMAS (sutartis 1.7.1)
   Pasirinkimas gyvena naršyklėje (js/palyginimas.js, localStorage), o lentelė
   yra paprastas puslapis /palyginimas/?ids=, kuris veikia ir be JS: šis blokas
   yra UŽ paskutinio @media ribų (žr. Task 2.2 pastabą), todėl galioja visur.
   -------------------------------------------------------------------------- */
.cmp{min-height:44px;width:100%;padding:0 .75rem;border:1px solid var(--line-2);border-radius:6px;background:#fff;color:var(--ink);font:inherit;font-weight:500;cursor:pointer}
.cmp:hover{border-color:var(--ink)}
.cmp[aria-pressed="true"]{border-color:var(--red);color:var(--red)}
.cmp-single{margin-top:12px}

.cmp-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom));background:#101114;color:#fff}
/* .cmp-bar[hidden]{display:flex} laimėtų prieš UA [hidden] be šitos, nes abi
   yra paprastos author taisyklės su vienoda kilme – tas pats spąstas ir tas
   pats sprendimas, kaip .cc [hidden]{display:none!important} aukščiau. */
#cmp-bar[hidden]{display:none}
/* Kol slapukų juosta (#slapuku-juosta) neuždaryta, ji ir #cmp-bar abi yra
   position:fixed;bottom:0, ir be šitos jos persidengia apačioje. Slapukų
   sutikimas svarbesnis, todėl palyginimo juosta lieka paslėpta, kol jis
   neišspręstas – vėl atsiranda, kai juosta uždaroma. */
body:has(#slapuku-juosta:not([hidden])) #cmp-bar{display:none}
.cmp-bar .cmp-text{font-weight:500}
.cmp-bar .cmp-msg{flex-basis:100%;font-size:.9rem;color:#ffb4b4}
.cmp-bar .cmp-link{min-height:44px}
.cmp-bar .cmp-clear{background:none;border:0;color:#fff;text-decoration:underline;min-height:44px;padding:0 4px;font:inherit;cursor:pointer}
/* js/palyginimas.js (ResizeObserver) įrašo juostos realų aukštį čia. Pridedama
   prie .ftr (ne prie body), kad papildoma vieta liktų tamsi -- ne baltas
   tarpas tarp poraštės ir juostos. */
:root{--cmp-bar-h:0px}
.ftr{padding-bottom:var(--cmp-bar-h)}
@media (max-width:600px){
  /* Telefone tekstas + Išvalyti viena eilute, Palyginti mygtukas per visą plotį
     eilute žemiau -- kaip įprasta pirkinių krepšelio juosta, ne du atsitiktinio
     pločio elementai. Abu 44px, bet mažesnis padding/tarpas nei anksčiau, kad
     juosta neatrodytų kaip pusė ekrano. */
  .cmp-bar{padding:.5rem .875rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom));gap:.375rem .75rem}
  .cmp-bar .cmp-text{order:1;flex:1;font-size:14px}
  .cmp-bar .cmp-clear{order:2;font-size:14px}
  .cmp-bar .cmp-msg{order:3}
  .cmp-bar .cmp-link{order:4;flex-basis:100%;width:100%;height:44px}
}

.cmp-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:20px}
.cmp-table{border-collapse:collapse;min-width:640px;width:100%}
.cmp-table th,.cmp-table td{padding:.6rem .75rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:15px}
.cmp-table thead th{vertical-align:top}
.cmp-table .cmp-lbl{width:11rem;font-weight:600;position:sticky;left:0;z-index:1;background:var(--bg)}
/* Nuotraukų langeliai: fiksuotas aukštis + object-fit:contain, vertikaliai
   centruota. Anksčiau (display:block, height:auto) skirtingų proporcijų
   padangų nuotraukos duodavo skirtingo aukščio stulpelius, o kadangi
   thead th buvo vertical-align:bottom, trumpesnis stulpelis "nukrisdavo"
   žemyn ir tarp jo nuotraukos ir teksto likdavo didelis tuščias plotas. */
.cmp-table thead .plate{display:flex;align-items:center;justify-content:center;height:160px;margin:0 0 8px;padding:8px;background:var(--bg-2);border-radius:8px}
.cmp-table thead .plate img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.cmp-table thead .brand{font-size:13px;color:var(--ink-3)}
.cmp-table thead .model{display:block;font-weight:600;margin:2px 0 8px}
.cmp-table thead .cmp-remove{width:100%}
@media (max-width:900px){
  .cmp-table .cmp-lbl{width:8rem;font-size:14px}
  .cmp-table thead .plate{height:128px}
}

/* --------------------------------------------------------------------------
   ATSILIEPIMAI SU MODERAVIMU (sutartis 1.7.2, 1.22.1)
   Numatytasis WooCommerce/WordPress komentarų šablonas, tik su temos
   spalvomis ir 44px tap taikiniais. Šis blokas irgi UŽ paskutinio @media
   ribų dėl tos pačios priežasties kaip palyginimo blokas aukščiau.
   -------------------------------------------------------------------------- */
.reviews{margin:2.5rem 0}
.reviews .commentlist{list-style:none;padding:0}
.reviews .comment_container{display:flex;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--line,#e5e5e5)}
.reviews .comment_container img.avatar{display:none}
.reviews .comment-form label{display:block;margin-top:.75rem}
.reviews .comment-form textarea,.reviews .comment-form input[type=text],.reviews .comment-form input[type=email]{width:100%;min-height:44px;font:inherit;padding:.5rem;border:1px solid var(--line,#d9d9d9);border-radius:6px}
.reviews .stars a{min-width:24px;min-height:44px;display:inline-flex;align-items:center}
.card-rating{display:flex;align-items:center;gap:.35rem;padding:0 1rem;font-size:.85rem}

/* --------------------------------------------------------------------------
   DYDŽIO PUSLAPIŲ DUK (Task 3.6)
   Įvado pastraipos gyvena .page-head kaip ir bendras sezono įvadas, be
   papildomo CSS. Šis blokas yra tik akordeonui po prekių sąrašu. UŽ
   paskutinio @media ribų dėl tos pačios priežasties kaip palyginimo ir
   atsiliepimų blokai aukščiau.
   -------------------------------------------------------------------------- */
.seo-faq{max-width:52rem;margin:2rem 0}
.seo-faq details{border-top:1px solid var(--line,#e5e5e5)}
.seo-faq summary{min-height:48px;display:flex;align-items:center;font-weight:600;cursor:pointer}
.seo-faq p{margin:0 0 1rem}