/* IV 2026-11-09 listing cards (rev 4: model #555c64; rev 3: type T4, Ubuntu 16 px names, brand bold + model grey in Ubuntu; rev 2: shelf edge to edge, square corners), owner's pick (canvas row 29, "2c" + sticker combinations): on listing grids
   (category, search, specials, brands; product_card.twig renders the new markup only when there is no module)
   - stickers stacked top-left on the photo: deal (solid red), Ново / Топ бранд / Само онлайн (solid dark), Популярно (red outline)
   - availability as a shelf under the photo: green for НАЛИЧНО and the Hendi lead time, grey for everything else
   - font rule C on the card: Ubuntu name, Akrobat brand | model (under the name), prices and button */

/* ---------- shared: stickers and shelf ---------- */
.main-products .iv-tags{position:absolute;left:14px;top:14px;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:4px;pointer-events:none}
.main-products .iv-tag{display:inline-block;padding:5px 8px 4px;border-radius:4px;font:14px/1 'Akrobat-Bold',sans-serif;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap}
.main-products .iv-tag--deal{background:#de202a;color:#fff}
.main-products .iv-tag--new,.main-products .iv-tag--top,.main-products .iv-tag--online{background:#1d2125;color:#fff}
.main-products .iv-tag--pop{background:#fff;color:#de202a;box-shadow:inset 0 0 0 1.5px #de202a}
.main-products .iv-avail{display:block;margin:0;padding:8px 8px 7px;border-radius:0;background:#eef0f3;color:#4a5260;text-align:center;font:700 13px/1 Ubuntu,sans-serif;letter-spacing:.2px;text-transform:lowercase}
.main-products .iv-avail::first-letter{text-transform:uppercase}
.main-products .iv-avail--ok{background:#e7f4eb;color:#1e7d3c}

/* ---------- desktop / tablet markup ---------- */
html.desktop-header-active .main-products.product-grid .product-thumb .image:has(+ .iv-avail){padding-bottom:0}
html.desktop-header-active .main-products.product-grid .product-thumb .image:has(+ .iv-avail) img{border-radius:22px 22px 0 0}
html.desktop-header-active .main-products.product-grid .product-thumb .caption{display:flex!important;flex-direction:column;row-gap:0!important}
html.desktop-header-active .main-products.product-grid .product-thumb .caption>*{order:9}
html.desktop-header-active .main-products.product-grid .product-thumb .caption>.name{order:1;margin-top:8px!important}
html.desktop-header-active .main-products.product-grid .product-thumb .caption>.stats{order:2;margin:3px 0 0!important;padding:0!important}
html.desktop-header-active .main-products.product-grid .product-thumb .caption>.price{order:3;margin:12px 0 0!important}
html.desktop-header-active .main-products.product-grid .product-thumb .caption>.buttons-wrapper{order:4;margin-top:12px!important}
html.desktop-header-active .main-products.product-grid .product-thumb .caption>.extra-group{order:5}
html.desktop-header-active .main-products.product-grid .product-thumb .caption .name a{min-height:45px!important;font:700 16px/1.4 Ubuntu,sans-serif!important;color:#1d2125!important}
html.desktop-header-active .main-products.product-grid .product-thumb .caption .stats,
html.desktop-header-active .main-products.product-grid .product-thumb .caption .stats *{font-family:Ubuntu,sans-serif!important;font-size:12.5px!important;line-height:1.35!important;letter-spacing:0!important;text-transform:none!important}
html.desktop-header-active .main-products.product-grid .product-thumb .caption .stats,html.desktop-header-active .main-products.product-grid .product-thumb .caption .stats .stat-sep,html.desktop-header-active .main-products.product-grid .product-thumb .caption .stats .stat-model{font-weight:400!important;color:#555c64!important}
html.desktop-header-active .main-products.product-grid .product-thumb .caption .stats .stat-primary,html.desktop-header-active .main-products.product-grid .product-thumb .caption .stats .stat-primary a{font-weight:700!important;color:#3a3f45!important}
html.desktop-header-active .main-products.product-grid .product-thumb .caption .price-new,
html.desktop-header-active .main-products.product-grid .product-thumb .caption .price-normal{font:22px/1 'Akrobat-Bold',sans-serif!important;letter-spacing:.2px;color:#de202a!important}
html.desktop-header-active .main-products.product-grid .product-thumb .caption .price-old{font:14px/1 'Akrobat-Bold',sans-serif!important;color:#8b9198!important}
html.desktop-header-active .main-products.product-grid .product-thumb .caption .btn-cart{background:#de202a!important}
html.desktop-header-active .main-products.product-grid .product-thumb .caption .btn-cart .btn-text{font:17px/1 'Akrobat-Bold',sans-serif!important;letter-spacing:.8px!important}

/* ---------- phone markup (server-side phone cards) ---------- */
html.mobile-header-active .main-products .iv-tags{left:8px;top:8px;gap:3px}
html.mobile-header-active .main-products .iv-tag{padding:4px 6px 3px;font-size:12px}
html.mobile-header-active .main-products .iv-avail{margin:0;padding:6px 6px 5px;border-radius:0;font-size:11.5px}
html.mobile-header-active .main-products .product-thumb .image:has(+ .iv-avail){padding-bottom:0!important}
html.mobile-header-active .main-products .product-thumb .image:has(+ .iv-avail) img{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}
html.mobile-header-active .main-products .product-thumb .caption .name a{font:700 14px/1.36 Ubuntu,sans-serif!important;color:#1d2125!important}
html.mobile-header-active .main-products .product-thumb .caption .name,html.mobile-header-active .main-products .product-thumb .caption .name a{min-height:0!important}
html.mobile-header-active .main-products .product-thumb .caption .price{margin-top:auto!important;padding-top:8px}
html.mobile-header-active .main-products .iv-bm{margin:-12px 0 0;text-align:center;font:400 11.5px/1.4 Ubuntu,sans-serif;letter-spacing:0;text-transform:none;color:#555c64}
html.mobile-header-active .main-products .iv-bm b{font-weight:700;color:#3a3f45}
html.mobile-header-active .main-products .product-thumb .caption .price>div{display:flex!important;flex-direction:column!important;align-items:center!important}
html.mobile-header-active .main-products .product-thumb .caption .price-new,
html.mobile-header-active .main-products .product-thumb .caption .price-normal{order:1!important;font:21px/1.1 'Akrobat-Bold',sans-serif!important;color:#de202a!important}
html.mobile-header-active .main-products .product-thumb .caption .price-old{order:2!important;font:14px/1.2 'Akrobat-Bold',sans-serif!important;color:#8b9198!important}
html.mobile-header-active .main-products .product-thumb .btn-add-mobile{background:#de202a!important;font:17px/1 'Akrobat-Bold',sans-serif!important;letter-spacing:.8px!important}