/* ==========================================================================
   reskin-platus.css (2026-11-15)

   Parduotuvė prisitaiko prie ekrano pločio. Savininkas: „ant mano 24 coliu
   monitoriaus ji suspausta“ ir „ekrano plotis turi prisiderinti prie kliento
   ekrano“. Maketas: https://claude.ai/artifact/YasQPXRGPXnngotdZmGrtQ
   (lapas docs/prasymai/2026-11-15-uzsakymu-siuntimas.md, 5 punktas).

   Iki šiol #page buvo 1200px (inline style), turinys 958px, kategorijose
   745px. Nuo 1248px ekrano (1200 + po 24px šonuose) puslapis plečiasi kartu
   su ekranu iki 1872px (1920 su laukais), o prekių eilėse stulpelių daugėja.
   Siauresniame ekrane šis failas nieko nekeičia, išskyrus meniu (1 skyrius).

   Kraunamas PASKUTINIS (info.php, home.php, _404.php). Taisyklės su
   `!important`, nes senieji pločiai yra inline (`#page`, `#bottom`,
   `#menu-con`) arba turi `!important` (krepšelio `.full-right`).
   Pločiai liečia tik perpieštus puslapius (`body.reskin:has(.apm)` ir
   pradinį): senojo pavidalo puslapis lieka 1200px, kaip buvo.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Meniu centre ir didesnis. Savininkas 2026-11-15: „reikia centruoti ir
   padidinti, nes dabar jis labai "nuskriaustas"“. Telefone (iki 500px)
   meniu slenkamas, jo nekeičiam.
   -------------------------------------------------------------------------- */
@media all and (min-width: 501px) {
	body.reskin #menu-top ul { width: auto !important; justify-content: center; gap: 12px 40px; padding: 16px 26px; }
	body.reskin #menu-top ul li a { font-size: 16px; font-weight: 500; letter-spacing: 0.01em; padding-bottom: 5px; }
	/* Tas pats poraštės meniu (savininkas: „analogiskai sutvarkyk apacioje“). */
	body.reskin #page-footer .footer-menu ul { justify-content: center; gap: 12px clamp(18px, 1.7vw, 34px); padding-bottom: 22px; }
	body.reskin #page-footer .footer-menu ul li a { font-size: 15px; font-weight: 500; letter-spacing: 0.01em; }
}

/* --------------------------------------------------------------------------
   2. Rėmas: puslapis, turinys, poraštė
   -------------------------------------------------------------------------- */
@media all and (min-width: 1248px) {
	body.reskin #page { width: calc(100% - 48px) !important; max-width: 1872px; }
	body.reskin #page #menu-con,
	body.reskin #page #menu-top { width: 100% !important; }

	/* 222 kairė juosta + 20 tarpas, kaip ir iki šiol (958 = 1200 - 242). */
	/* Prekės puslapis (`body.puslapis-p`) `.apm` žymės neturi, bet irgi perpieštas. */
	body.reskin:has(.apm) #page #middle-right,
	body.puslapis-p.reskin #page #middle-right,
	body.puslapis-pradinis #page #middle-right { width: calc(100% - 242px) !important; }
	body.reskin:has(.apm) #page #bottom,
	body.puslapis-p.reskin #page #bottom,
	body.puslapis-pradinis #page #bottom { width: calc(100% - 242px) !important; }
	/* Kategorijose lieka dešinė 196px juosta: 222 + 19 + 196 + 18 = 455. */
	body.puslapis-k.reskin:has(.apm) #page #middle-right { width: calc(100% - 455px) !important; }

	body.reskin #page-footer { width: calc(100% - 100px); max-width: 1820px; }
	body.reskin #page-footer .footer-menu,
	body.reskin #page-footer .footer-menu ul,
	body.reskin #page-footer .footer-txt,
	body.reskin #page-footer .footer-txt-left { width: 100%; }

	/* Prekių sąrašai (kategorija, paieška, akcijos): stulpelių tiek, kiek telpa,
	   kortelė ne siauresnė nei 210px, bet NE DAUGIAU 5 eilėje (savininkas: „6
	   truputi perdaug akiai“): mažiausias stulpelis yra penktadalis eilės.
	   „Panašios prekės“ (iki 3) lieka po tris. Apatinė juosta „Siūlome“ turi
	   tik 4 prekes, tad jos 4 stulpeliai nekeičiami. */
	body.reskin #page .apm-preke-tinklelis:not(.apm-panasios):not(.apm-perk-tinklas) {
		grid-template-columns: repeat(auto-fill, minmax(max(210px, calc((100% - 80px) / 5)), 1fr)); }

	/* Didesnės nuotraukos: langas auga kartu su kortele (3:4, kaip prekių
	   nuotraukos ir kaip kategorijose), o ne lieka 210px aukščio. */
	body.reskin #page #middle-right .apm-preke .apm-preke-nuotrauka { height: auto; aspect-ratio: 3 / 4; max-height: 380px; }

	/* Tinklaraščio įrašai, atsiliepimai ir katalogo kategorijos: kortelių
	   daugėja, o ne jos pačios tampa milžiniškos. */
	body.reskin #content .apm-blog-sarasas { grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); }
	body.reskin #content .apm-ats-sarasas { grid-template-columns: repeat(auto-fill, minmax(420px, 1fr)); }
	body.reskin #content .apm-kategorijos { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }

	/* Pradinio pirmoji juosta: nuotrauka auga kartu su puslapiu. */
	body.puslapis-pradinis .apm-pradinis-hero { grid-template-columns: 1fr minmax(420px, 44%); }

	/* Prekės puslapis: nuotrauka didėja iki 540px. */
	body.reskin #page .product-main .product { grid-template-columns: clamp(360px, 33%, 540px) minmax(0, 1fr); }
	body.reskin #page .product-main #product-image,
	body.reskin #page .product-main #product-image a,
	body.reskin #page .product-main #product-image img { width: 100% !important; height: auto !important; }
}

/* --------------------------------------------------------------------------
   3. Pradinio eilės: „Perkamiausios“ viena eilė, „Naujai gautos“ ir
   „Akcijos“ dvi eilės (savininko 3b). Stulpelių daugėja su ekranu, bet ne
   daugiau 5 (savininkas: „6 truputi perdaug akiai“). Kortelė ne siauresnė
   nei ~230px.
   -------------------------------------------------------------------------- */
@media all and (min-width: 1300px) {
	body.puslapis-pradinis #content .apm-pradinis-eile { grid-auto-columns: calc((100% - 60px) / 4); }
}
@media all and (min-width: 1540px) {
	body.puslapis-pradinis #content .apm-pradinis-eile { grid-auto-columns: calc((100% - 80px) / 5); }
	body.puslapis-pradinis #page .apm-perk-tinklas { grid-template-columns: repeat(5, minmax(0, 1fr)); }
	body.puslapis-pradinis #page .apm-perk-tinklas > .apm-preke:nth-child(5) { display: block; }
	body.puslapis-pradinis #content .apm-pradinis-ats-korteles { grid-template-columns: repeat(4, 1fr); }
}

/* --------------------------------------------------------------------------
   4. Prekės puslapis plačiame ekrane: kaina, dydis, „Pirkti“ ir garantijos
   trečiu stulpeliu šalia aprašymo (savininko 2a). Dėžes `.preke-informacija`
   ir `.preke-pirkimo-stulpelis` deda function/prekes-vaizdas.php. Siauresniame
   ekrane jos tiesiog stovi viena po kita, kaip iki šiol.
   -------------------------------------------------------------------------- */
@media all and (min-width: 1600px) {
	body.reskin #page .product-main .product-text {
		display: grid; grid-template-columns: minmax(0, 1fr) 340px; column-gap: 40px; align-items: start; }
	body.reskin #page .product-main .preke-informacija { grid-column: 1; grid-row: 1; min-width: 0; }
	body.reskin #page .product-main .preke-pirkimo-stulpelis {
		grid-column: 2; grid-row: 1; position: sticky; top: 20px;
		padding: 20px 22px; border-radius: 10px; background: #F8EEF0; }
	body.reskin #page .product-main .preke-pirkimo-stulpelis .preke-pirkimas { margin-top: 0; padding-top: 0; border-top: 0; }
	body.reskin #page .product-main .preke-pirkimo-stulpelis .add-cart-btn { width: 100%; box-sizing: border-box; justify-content: center; }
	body.reskin #page .product-main .preke-fb { grid-column: 1 / -1; }
	body.reskin #page .product-main #desc-product { max-width: 760px; }
}