/* ioc-desktop-list.css - desktop refresh 2026-10-27, stream LIST (preview theme): category pages, product lists,
 * toolbar, pager, filters, breadcrumbs, search suggestions, lot line, product price, contact form. COMPUTERS ONLY:
 * every rule sits in the desktop query (1025 px+, mouse), so phones, touch tablets and 641-1024 px mouse windows are
 * unchanged. Markup printed "hidden" for computers is revealed here. Loaded (hashed copy) by ioc_mobile/search.xml.
 * Old browsers: plain selectors, flex gap, grid, line-clamp; photo boxes: aspect-ratio, padding-top where unsupported (10).
 * M 1025-1279, L 1280-1679, XL 1680+. v2 1 Nov 2026: left column back (1, 1b), grid beside it (3, 9), filters in it (5).
 * QA 1 Nov: the left list looks like the home's (1b), long hover panels in columns (js). */

@media only screen and (min-width: 64.0625em) and (hover: hover) and (pointer: fine) {

	/* ==== 1. Page frame */
	/* v2 (1 Nov): the left column is back wherever live has it (categories, CMS, contact, account). Only /shopby
	   ("Ultimi prodotti") keeps the v1 full width; there the filters go to the toolbar. */
	body.amshopby-index-index .main-container.col2-left-layout .col-left.sidebar { display: none; }
	body.amshopby-index-index .main-container.col2-left-layout .col-main { width: 100%; float: none; }

	/* ==== 1b. Left "Categorie" list: the same look as the homepage list (ioc-desktop-home.css section 1; QA 1 Nov:
	   before, capitals on the home and normal case here). Today's capitals and Roboto Condensed title, chevron at the
	   right, light tint and a 4 px light-blue mark on hover; the same flex row as on the home, so names wrap at the same
	   width. Rows are 40 px here (44 on the home), so the filters under the list stay where they were. This page's department and sub-category are coloured by catalog/category/view.phtml.
	   The home's own rules (.ioc-home) are more specific and win there. */
	.category-block {
		box-sizing: border-box; margin: 0 0 24px; padding: 14px 14px 6px;
		border: 1px solid #cfd8e3; border-radius: 10px; background: #fff; box-shadow: none;
	}
	.category-block .block-title { margin: 0; padding: 0; border: 0; font-size: 16px; }
	.category-block .block-title h3 {
		margin: 0 0 4px; padding: 0 0 10px 2px; border: 0; border-bottom: 1px solid #cfd8e3;
		font-family: "Roboto Condensed", Roboto, Helvetica, Arial, sans-serif;
		font-size: 22px; line-height: 1.3; font-weight: 500; letter-spacing: 0; text-transform: none; color: #003482;
	}
	.category-block ul.featured-cats { margin: 0; padding: 0; list-style: none; font-size: 16px; }
	.category-block ul.featured-cats > li.cat {
		position: relative; display: flex; align-items: center; min-height: 40px; margin: 0; padding: 0;
		border: 0; border-bottom: 1px solid #e3e8ee; background: none; list-style: none; font-size: 16px; line-height: 1.3;
	}
	.category-block ul.featured-cats > li.cat:last-child { border-bottom: 0; }
	.category-block ul.featured-cats > li.cat > a {
		flex: 1 1 auto; display: block; min-width: 0; padding: 9px 0 9px 10px;
		font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 22px; font-weight: 400;
		letter-spacing: 0; text-transform: uppercase; color: #1a1a1a; text-decoration: none; overflow-wrap: break-word; word-wrap: break-word;
	}
	.category-block ul.featured-cats > li.cat > i {
		position: static; flex: 0 0 auto; width: 20px; margin: 0 4px 0 6px;
		font-size: 18px; line-height: 1; text-align: center; color: #5f6b7a; pointer-events: none;
	}
	.category-block ul.featured-cats > li.cat:hover { background: #eef4fa; box-shadow: inset 4px 0 0 #0298da; }
	.category-block ul.featured-cats > li.cat:hover > a,
	.category-block ul.featured-cats > li.cat > a:hover,
	.category-block ul.featured-cats > li.cat > a:focus { color: #003482; text-decoration: underline; text-underline-offset: 3px; }
	.category-block ul.featured-cats > li.cat:hover > i { color: #003482; }
	/* sub-categories: the hover panel opens to the right, as today; long lists in columns (classes from
	   js/ioc-desktop-list.js, the same as the home's; without JS one column, as today) */
	.category-block ul.featured-cats li ul.featured-sub-cats { display: none; }
	.category-block ul.featured-cats > li.cat:hover > ul.featured-sub-cats {
		display: block; position: absolute; top: -1px; left: 100%; z-index: 20; box-sizing: border-box;
		width: 300px; margin: 0; padding: 4px 0;
		border: 1px solid #b9c9da; border-radius: 0 6px 6px 0; background: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12); list-style: none;
	}
	.category-block ul.featured-sub-cats > li.sub-cat {
		margin: 0; padding: 0; border: 0; border-bottom: 1px solid #eef1f5; background: #fff; list-style: none;
	}
	.category-block ul.featured-sub-cats > li.sub-cat:last-child { border-bottom: 0; }
	.category-block ul.featured-sub-cats > li.sub-cat:hover { background: #eef4fa; }
	.category-block ul.featured-sub-cats > li.sub-cat > a {
		display: block; padding: 9px 14px; background: none;
		font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 22px; font-weight: 400;
		letter-spacing: 0; text-transform: uppercase; color: #1a1a1a; text-decoration: none; overflow-wrap: break-word; word-wrap: break-word;
	}
	.category-block ul.featured-sub-cats > li.sub-cat > a:hover,
	.category-block ul.featured-sub-cats > li.sub-cat > a:focus { background: none; color: #003482; text-decoration: underline; text-underline-offset: 3px; }
	.category-block ul.featured-cats > li.cat:hover > ul.featured-sub-cats.ioc-dk-flyout--2 {
		width: 560px; -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 0; column-gap: 0;
	}
	.category-block ul.featured-cats > li.cat:hover > ul.featured-sub-cats.ioc-dk-flyout--4 {
		width: 960px; max-width: calc(75vw - 10px); -webkit-columns: 200px 4; columns: 200px 4; -webkit-column-gap: 0; column-gap: 0;
	}
	.category-block ul.featured-sub-cats.ioc-dk-flyout--2 > li.sub-cat,
	.category-block ul.featured-sub-cats.ioc-dk-flyout--4 > li.sub-cat {
		-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; border-bottom: 0;
	}
	/* keyboard: tabbing onto a department opens its panel (a separate rule: browsers without :focus-within skip it) */
	.category-block ul.featured-cats > li.cat:focus-within > ul.featured-sub-cats {
		display: block; position: absolute; top: -1px; left: 100%; z-index: 20; box-sizing: border-box;
		width: 300px; margin: 0; padding: 4px 0;
		border: 1px solid #b9c9da; border-radius: 0 6px 6px 0; background: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12); list-style: none;
	}
	.category-block ul.featured-cats > li.cat:focus-within > ul.featured-sub-cats.ioc-dk-flyout--2 {
		width: 560px; -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 0; column-gap: 0;
	}
	.category-block ul.featured-cats > li.cat:focus-within > ul.featured-sub-cats.ioc-dk-flyout--4 {
		width: 960px; max-width: calc(75vw - 10px); -webkit-columns: 200px 4; columns: 200px 4; -webkit-column-gap: 0; column-gap: 0;
	}
	/* this page's department and sub-category: colours set by catalog/category/view.phtml (match on the link) */
	.category-block ul.featured-cats li a:focus { outline: 3px solid #0b3c6b; outline-offset: -3px; }

	/* breadcrumbs: 17 px, "›", 44 px links */
	.site-breadcrumbs { margin: 6px 0 0; }
	.site-breadcrumbs ul.breadcrumbs {
		display: flex; flex-wrap: wrap; align-items: center;
		margin: 0 0 4px !important; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; overflow: visible;
	}
	.site-breadcrumbs ul.breadcrumbs > li {
		display: inline-flex; align-items: center; float: none; margin: 0; padding: 0;
		font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 17px; line-height: 1.35; font-weight: 400;
		text-transform: none; letter-spacing: 0; color: #1a1a1a;
	}
	.site-breadcrumbs ul.breadcrumbs > li::before {
		content: "\203A"; position: static; top: 0; margin: 0 8px 0 6px;
		font-size: 22px; line-height: 1; color: #5f6b7a; text-transform: none;
	}
	.site-breadcrumbs ul.breadcrumbs > li:first-child::before { content: none; margin: 0; }
	.site-breadcrumbs ul.breadcrumbs > li > a {
		display: inline-flex; align-items: center; min-height: 44px; padding: 0 4px;
		font-size: 17px; line-height: 1.35; text-transform: none; color: #005b8f; text-decoration: none;
	}
	.site-breadcrumbs ul.breadcrumbs > li > a:hover,
	.site-breadcrumbs ul.breadcrumbs > li > a:focus { color: #003a5c; text-decoration: underline; text-underline-offset: 3px; }
	.site-breadcrumbs ul.breadcrumbs > li.current,
	.site-breadcrumbs ul.breadcrumbs > li.current span { color: #1a1a1a; font-size: 17px; text-transform: none; }
	/* "‹ Torna ai risultati" */
	.site-breadcrumbs a.ioc-crumb-results { display: inline-flex; min-height: 44px; margin: 2px 0 0; padding: 0 4px 0 0; font-size: 17px; }

	/* page titles (stored capitals stay) */
	.col-main .category-head h1,
	.ioc-sr .ioc-sr-title h1,
	body.cms-page-view .col-main .page-title h1,
	body.contacts-index-index .col-main .page-title h1 {
		margin: 8px 0 12px; padding: 0; border: 0;
		font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 30px; line-height: 1.25; font-weight: 700;
		letter-spacing: 0; text-transform: none; color: #0b3c6b;
	}
	.col-main .category-head { margin: 0; padding: 0; }

	/* description: 2 lines + Leggi tutto */
	.category-description.ioc-cat-desc { max-width: 960px; margin: 0 0 4px; font-size: 18px; line-height: 1.6; color: #1a1a1a; }
	.category-description.ioc-cat-desc p { margin: 0 0 0.6em; font-size: 18px; line-height: 1.6; }
	.category-description.ioc-cat-desc.ioc-clamp:not(.ioc-open) { display: block; overflow: hidden; max-height: 3.2em; }
	.category-description.ioc-cat-desc.ioc-clamp:not(.ioc-open) p { margin: 0; }
	button.ioc-readmore,
	button.ioc-readmore:hover,
	button.ioc-readmore:focus {
		display: inline-flex; align-items: center; min-height: 44px; margin: 6px 0 16px; padding: 0 16px;
		border: 2px solid #0b3c6b; border-radius: 8px; background: #fff; box-shadow: none;
		font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 17px; line-height: 1.2; font-weight: 500;
		text-transform: none; text-decoration: none; color: #0b3c6b;
	}
	button.ioc-readmore:hover { background: #eef3f8; }
	/* department pages: list first, description after (display order only) */
	.ioc-cat-flow { display: flex; flex-direction: column; }
	.ioc-cat-flow > .category-description.ioc-cat-desc { order: 2; margin-top: 8px; }
	.ioc-cat-flow > button.ioc-readmore { order: 3; align-self: flex-start; }
	/* no jump while the list loads (category/view.phtml) */
	.ioc-cat-flow.ioc-dk-list-wait > .category-description,
	.ioc-cat-flow.ioc-dk-list-wait > button.ioc-readmore { visibility: hidden; }

	/* ==== 2. Department and sub-category pages */
	ul.sub-category-wrapper.ioc-sc-desk { display: none !important; }
	nav.ioc-sc-phone { display: block; margin: 4px 0 32px; }
	.ioc-sc-phone h2.ioc-sc-title {
		margin: 8px 0 12px; padding: 0; border: 0;
		font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 24px; line-height: 1.3; font-weight: 700;
		text-transform: none; color: #0b3c6b;
	}
	.ioc-sc-phone * + h2.ioc-sc-title { margin-top: 28px; }
	.ioc-sc-phone ul.ioc-sc-list {
		display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px;
		margin: 0; padding: 0; border: 0; list-style: none;
	}
	.ioc-sc-phone ul.ioc-sc-list > li { margin: 0; padding: 0; border: 0; list-style: none; min-width: 0; }
	.ioc-sc-phone a.ioc-sc-row {
		display: flex; align-items: center; gap: 12px; box-sizing: border-box; height: 100%; min-height: 64px;
		padding: 8px 12px 8px 16px; border: 1px solid #cfd8e3; border-radius: 8px; background: #fff;
		color: #0b3c6b; text-decoration: none;
	}
	.ioc-sc-phone ul.ioc-sc-with-thumbs a.ioc-sc-row { min-height: 72px; padding-left: 8px; }
	.ioc-sc-phone a.ioc-sc-row:hover { border-color: #0b3c6b; background: #eef3f8; }
	.ioc-sc-phone a.ioc-sc-row:hover .ioc-sc-name { text-decoration: underline; text-underline-offset: 3px; }
	.ioc-sc-phone .ioc-sc-thumb { display: block; flex: 0 0 56px; width: 56px; height: 56px; object-fit: contain; }
	.ioc-sc-phone .ioc-sc-name {
		flex: 1 1 auto; min-width: 0; padding: 4px 0;
		font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1.35; font-weight: 500;
		text-transform: none; color: #0b3c6b; overflow-wrap: anywhere;
	}
	.ioc-sc-phone .ioc-sc-arrow { flex: 0 0 auto; padding: 0 2px 4px; font-size: 28px; line-height: 1; color: #0b3c6b; }
	/* normal-case names (sub-categories.phtml) */
	.ioc-sc-phone a.ioc-dk-list-has-dname > .ioc-sc-name:not(.ioc-dk-list-dname) { display: none; }
	.ioc-sc-phone a.ioc-sc-row > .ioc-dk-list-dname[hidden] { display: block; }

	/* year picker */
	.ioc-sc-phone .ioc-decade {
		display: grid; grid-template-columns: 160px minmax(0, 1fr); align-items: start;
		padding: 8px 0; border-top: 1px solid #d3dbe4;
	}
	.ioc-sc-phone .ioc-decade:first-of-type { border-top: 0; }
	.ioc-sc-phone .ioc-decade > ul.ioc-years:first-child { grid-column: 1 / -1; }
	.ioc-sc-phone h3.ioc-decade-title {
		margin: 0; padding: 13px 0 0;
		font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 20px; line-height: 1.3; font-weight: 700;
		text-transform: none; color: #0b3c6b;
	}
	.ioc-sc-phone ul.ioc-years { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
	.ioc-sc-phone ul.ioc-years > li { margin: 0; padding: 0; list-style: none; }
	.ioc-sc-phone a.ioc-year {
		display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box;
		min-width: 96px; min-height: 52px; height: auto; padding: 0 10px;
		border: 2px solid #b9c9da; border-radius: 8px; background: #fff;
		font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1.2; font-weight: 500;
		letter-spacing: 0; color: #0b3c6b; text-decoration: none; white-space: nowrap;
	}
	.ioc-sc-phone a.ioc-year.ioc-year-range { min-width: 0; padding: 0 14px; font-size: 18px; }
	.ioc-sc-phone a.ioc-year:hover,
	.ioc-sc-phone a.ioc-year:focus { border-color: #0b3c6b; background: #0b3c6b; color: #fff; }
	.ioc-sc-phone ul.ioc-years.ioc-periods a.ioc-year { min-width: 128px; padding: 0 14px; font-size: 18px; }

	/* ==== 3. Product cards (list.phtml) */
	ul.products-list.ioc-plist {
		display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px;
		margin: 16px 0 24px; padding: 0; list-style: none;
	}
	/* v2: beside the left column 3 per row (cards 230-374 px), 4 from 1536 px (section 9); 4 per row under
	   1470 px would wrap the buy button */
	body:not(.amshopby-index-index) .col2-left-layout ul.products-list.ioc-plist { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	ul.products-list.ioc-plist::before,
	ul.products-list.ioc-plist::after { display: none; content: none; }
	ul.products-list.ioc-plist li.item.ioc-card {
		position: relative; display: flex; flex-direction: column; min-width: 0;
		margin: 0; padding: 12px 12px 16px; border: 1px solid #cfd8e3; border-radius: 10px;
		background: #fff; box-shadow: none; list-style: none;
	}
	ul.products-list.ioc-plist li.item.ioc-card:hover { border-color: #0b3c6b; box-shadow: 0 2px 8px rgba(11, 60, 107, 0.12); }
	ul.products-list.ioc-plist li.ioc-card > .row {
		display: flex; flex-direction: column; flex: 1 1 auto; width: auto; max-width: none; margin: 0;
	}
	ul.products-list.ioc-plist li.ioc-card .row::before,
	ul.products-list.ioc-plist li.ioc-card .row::after { display: none; content: none; }
	ul.products-list.ioc-plist li.ioc-card .row .columns { float: none; width: 100%; padding: 0; position: static; }
	ul.products-list.ioc-plist li.ioc-card .row.collapse { margin: 0; }
	/* photo: a reserved 5:4 box */
	ul.products-list.ioc-plist li.ioc-card .ioc-card-photo { flex: 0 0 auto; margin: 0; text-align: center; }
	ul.products-list.ioc-plist li.ioc-card .ioc-card-photo a {
		display: block; box-sizing: border-box; width: 100%; max-width: 300px; aspect-ratio: 5 / 4; margin: 0 auto;
		overflow: hidden; border-radius: 6px; background: #f5f8fb; line-height: 0;
	}
	ul.products-list.ioc-plist li.ioc-card .ioc-card-photo picture { display: block; width: 100%; height: 100%; }
	ul.products-list.ioc-plist li.ioc-card .ioc-card-photo img {
		display: block; width: 100%; height: 100%; max-width: none; margin: 0; border: 0; object-fit: contain;
	}
	ul.products-list.ioc-plist li.ioc-card .ioc-card-body { display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0; }
	ul.products-list.ioc-plist li.item a.product-name.ioc-card-link {
		display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
		margin: 12px 0 4px; padding: 0;
		font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1.35; font-weight: 500;
		text-transform: none; letter-spacing: 0; color: #111; text-decoration: none; overflow-wrap: anywhere;
	}
	ul.products-list.ioc-plist li.item a.product-name.ioc-card-link:hover,
	ul.products-list.ioc-plist li.item a.product-name.ioc-card-link:focus { color: #111; text-decoration: underline; text-underline-offset: 3px; }
	ul.products-list.ioc-plist li.ioc-card .ioc-name-full { display: none; }
	ul.products-list.ioc-plist li.ioc-card .ioc-name-short { display: inline; }
	/* lot and date lines (printed hidden by list.phtml) */
	ul.products-list.ioc-plist li.ioc-card p.ioc-dk-list-lot[hidden],
	ul.products-list.ioc-plist li.ioc-card p.ioc-dk-list-added[hidden] {
		display: block; margin: 0 0 2px; padding: 0;
		font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 17px; line-height: 1.4; font-weight: 400;
		color: #5f6b7a; overflow-wrap: anywhere;
	}
	ul.products-list.ioc-plist li.ioc-card p.ioc-dk-list-added[hidden] { color: #333; }
	ul.products-list.ioc-plist li.ioc-card .ioc-card-price .ioc-lot,
	ul.products-list.ioc-plist li.ioc-card p.ioc-card-added { display: none; }
	/* 3-line excerpt, not the raw coloured description */
	ul.products-list.ioc-plist .product-description.hide-for-small { display: none !important; }
	ul.products-list.ioc-plist li.ioc-card p.ioc-card-excerpt {
		display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
		margin: 6px 0 0; padding: 0;
		font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 17px; line-height: 1.45; font-weight: 400; font-style: normal;
		text-transform: none; color: #3d3d3d; overflow-wrap: anywhere;
	}
	/* price and button at the card bottom */
	ul.products-list.ioc-plist li.ioc-card .ioc-card-body > .row.collapse {
		display: flex; flex-direction: column; align-items: stretch; flex: 0 0 auto; margin: auto 0 0; padding-top: 12px;
	}
	ul.products-list.ioc-plist li.ioc-card .ioc-card-details { display: none; }
	ul.products-list.ioc-plist li.ioc-card .ioc-card-price { text-align: left; }
	ul.products-list.ioc-plist li.ioc-card .price-box { margin: 0; padding: 0; text-align: left; }
	ul.products-list.ioc-plist li.ioc-card .price-box .regular-price,
	ul.products-list.ioc-plist li.ioc-card .price-box .price {
		display: inline; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 24px; line-height: 1.25;
		font-weight: 700; color: #1a1a1a; white-space: nowrap;
	}
	ul.products-list.ioc-plist li.ioc-card .price-box p { margin: 0; }
	ul.products-list.ioc-plist li.ioc-card .price-box .price-label { font-size: 17px; font-weight: 400; color: #5f6b7a; }
	ul.products-list.ioc-plist li.ioc-card .price-box .old-price .price {
		font-size: 17px; font-weight: 400; color: #5f6b7a; text-decoration: line-through;
	}
	ul.products-list.ioc-plist li.ioc-card .ioc-card-buy { margin: 10px 0 0; text-align: center; }
	ul.products-list.ioc-plist li.ioc-card .ioc-card-buy .ioc-card-btn,
	ul.products-list.ioc-plist li.ioc-card .ioc-card-buy .ioc-card-btn:hover,
	ul.products-list.ioc-plist li.ioc-card .ioc-card-buy .ioc-card-btn:focus {
		display: flex; align-items: center; justify-content: center; gap: 8px; box-sizing: border-box;
		width: 100%; min-height: 48px; margin: 0; padding: 6px 12px; border-radius: 8px; box-shadow: none;
		font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1.25; font-weight: 700;
		text-transform: none; letter-spacing: 0; text-decoration: none; transition: none;
	}
	/* green "Nel carrello" (two lines): 48 px too */
	ul.products-list.ioc-plist li.ioc-card .ioc-card-buy .ioc-card-btn.ioc-btn-incart { padding: 2px 12px; font-size: 17px; line-height: 1.15; }
	ul.products-list.ioc-plist li.ioc-card .ioc-card-buy button.btn-cart { background-color: #b85c00; border: 1px solid #b85c00; color: #fff; }
	ul.products-list.ioc-plist li.ioc-card .ioc-card-buy button.btn-cart:hover,
	ul.products-list.ioc-plist li.ioc-card .ioc-card-buy button.btn-cart:focus { background-color: #8f4700; border-color: #8f4700; color: #fff; }
	ul.products-list.ioc-plist li.ioc-card .ioc-card-buy button.btn-cart i { margin: 0; color: inherit; }
	ul.products-list.ioc-plist li.ioc-card .ioc-card-buy .out-of-stock {
		display: flex; align-items: center; justify-content: center; min-height: 48px; margin: 0; padding: 6px 12px;
		border-radius: 8px; background: #f2f4f7; font-size: 17px; color: #4a4f57;
	}
	ul.products-list.ioc-plist li.ioc-card .ioc-card-buy .out-of-stock span { font-size: 17px; color: #4a4f57; background: none; padding: 0; }

	/* ==== 4. Toolbar ("131 prodotti", Ordina, Mostra) and pager */
	.ioc-tb div.pager {
		overflow: visible; margin: 0; padding: 0; border: 0; border-radius: 0; background: none;
	}
	.ioc-tb .pager > .row {
		display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px;
		min-height: 64px; width: auto; max-width: none; margin: 0;
	}
	.ioc-tb .pager > .row::before,
	.ioc-tb .pager > .row::after,
	.ioc-tb .limiter > .row::before,
	.ioc-tb .limiter > .row::after { display: none; content: none; }
	.ioc-tb .pager > .row > .columns,
	.ioc-tb .limiter > .row > .columns { float: none; width: auto; padding: 0; position: static; }
	.ioc-tb .amount { order: 1; margin: 0; }
	.ioc-tb .amount strong { font-size: 18px; line-height: 1.3; font-weight: 700; color: #1a1a1a; }
	.ioc-tb .sorter { order: 3; display: flex; align-items: center; gap: 10px; margin-left: auto; }
	.ioc-tb .limiter { order: 4; }
	.ioc-tb .limiter > .row { display: flex; align-items: center; gap: 10px; width: auto; max-width: none; margin: 0; }
	.ioc-tb .pager label,
	.ioc-tb .sorter .ioc-sort-label {
		display: inline; margin: 0; padding: 0; font-size: 17px; line-height: 1.3; font-weight: 400; color: #1a1a1a; white-space: nowrap;
	}
	.ioc-tb .pager select {
		-webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box;
		width: auto; height: 48px; min-height: 48px; margin: 0; padding: 0 40px 0 12px;
		border: 1px solid #6b6b6b; border-radius: 4px; background-color: #fff;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%231a1a1a' stroke-width='2'/%3E%3C/svg%3E") !important;
		background-repeat: no-repeat; background-position: right 14px center; background-size: 14px 9px;
		font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1.3; color: #1a1a1a; cursor: pointer;
	}
	.ioc-tb .pager select:hover { border-color: #0b3c6b; }
	.ioc-toolbar-top .ioc-tb { border-bottom: 1px solid #d3dbe4; }
	.ioc-toolbar-top .ioc-tb-pages { display: none; }
	/* bottom: pages, then Ordina */
	.ioc-toolbar-bottom .ioc-tb { margin-top: 8px; border-top: 1px solid #d3dbe4; padding-top: 16px; }
	.ioc-toolbar-bottom .ioc-tb .amount,
	.ioc-toolbar-bottom .ioc-tb .limiter { display: none; }
	.ioc-toolbar-bottom .ioc-tb .ioc-tb-pages {
		order: 1; flex: 1 1 100%; display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center;
	}
	.ioc-toolbar-bottom .ioc-tb .sorter { order: 2; margin: 0 auto 8px; }
	.ioc-tb .ioc-pager-small { order: 1; display: block; margin: 0; }
	.ioc-tb .ioc-pager-small .ioc-pager-where { margin: 0 0 10px; font-size: 18px; line-height: 1.4; text-align: center; color: #1a1a1a; }
	.ioc-tb .ioc-pager-small .ioc-pager-buttons { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
	.ioc-tb .ioc-pager-small a.ioc-pager-btn {
		display: inline-flex; align-items: center; justify-content: center; gap: 8px; box-sizing: border-box;
		min-height: 52px; padding: 0 22px; border: 2px solid #0b3c6b; border-radius: 8px; background: #fff; color: #0b3c6b;
		font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1.2; font-weight: 500;
		text-decoration: none; text-transform: none;
	}
	.ioc-tb .ioc-pager-small a.ioc-pager-btn span { font-size: 28px; line-height: 1; margin-top: -3px; }
	.ioc-tb .ioc-pager-small a.ioc-pager-btn:hover { background: #0b3c6b; color: #fff; }
	.ioc-tb .pages.ioc-pages-numbers { order: 2; display: block; margin: 0; text-align: center; }
	.ioc-tb .pages.ioc-pages-numbers > strong { display: none; }
	.ioc-tb .pages.ioc-pages-numbers ol { display: block; margin: 0; padding: 0; font-size: 0; line-height: 0; list-style: none; }
	.ioc-tb .pages.ioc-pages-numbers ol li {
		display: inline-block; float: none; margin: 0; padding: 0; vertical-align: top; list-style: none;
		font-size: 18px; line-height: 1; background: none;
	}
	.ioc-tb .pages.ioc-pages-numbers ol li > a,
	.ioc-tb .pages.ioc-pages-numbers ol li.current {
		display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box;
		min-width: 48px; height: 48px; margin: 4px; padding: 0 10px;
		border: 1px solid #b9c9da; border-radius: 8px; background: #fff; color: #0b3c6b;
		font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1; font-weight: 500;
		text-decoration: none; transition: none;
	}
	.ioc-tb .pages.ioc-pages-numbers ol li > a:hover { border-color: #0b3c6b; background: #eef3f8; color: #0b3c6b; }
	.ioc-tb .pages.ioc-pages-numbers ol li.current { border-color: #0b3c6b; background: #0b3c6b; color: #fff; font-weight: 700; }
	.ioc-tb .pages.ioc-pages-numbers ol li > a.previous,
	.ioc-tb .pages.ioc-pages-numbers ol li > a.next { display: none; }

	/* ==== 5. Filters ("Filtra prodotti", moved into the toolbar by JS) */
	.ioc-tb .ioc-filter-bar.show-for-small,
	.col-main .ioc-filter-bar.ioc-dk-list-nobar.show-for-small {
		display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px 16px; order: 2; margin: 0; text-align: left;
	}
	.col-main .ioc-filter-bar.ioc-dk-list-nobar.show-for-small { margin: 12px 0; }
	.ioc-filter-bar button.ioc-filter-toggle,
	.ioc-filter-bar button.ioc-filter-toggle:hover,
	.ioc-filter-bar button.ioc-filter-toggle:focus {
		display: inline-flex; align-items: center; justify-content: center; gap: 8px; box-sizing: border-box;
		width: auto; min-height: 48px; margin: 0; padding: 0 18px;
		border: 2px solid #0b3c6b; border-radius: 8px; background: #fff; color: #0b3c6b; box-shadow: none;
		font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1.2; font-weight: 500; text-transform: none;
	}
	.ioc-filter-bar button.ioc-filter-toggle:hover { background: #eef3f8; }
	.ioc-filter-bar button.ioc-filter-toggle[aria-expanded="true"] { background: #0b3c6b; color: #fff; }
	.ioc-filter-bar button.ioc-filter-toggle i { color: inherit; }
	.ioc-filter-bar .ioc-filter-state { margin: 0; padding: 4px 12px; border-radius: 8px; background: #eef3f8; text-align: left; }
	/* v2: category pages: the active filters in one line under the toolbar (printed hidden by list.phtml, no script) */
	body:not(.amshopby-index-index) .col2-left-layout .ioc-filter-state.ioc-dk-list-state[hidden] {
		display: flex; flex-wrap: wrap; align-items: center; gap: 0 16px; margin: 12px 0 0; padding: 4px 16px;
		border-radius: 8px; background: #eef3f8; text-align: left;
	}
	body:not(.amshopby-index-index) .col2-left-layout .ioc-dk-list-state .currently ol { display: flex; flex-wrap: wrap; gap: 0 24px; }
	body:not(.amshopby-index-index) .col2-left-layout .ioc-dk-list-state[hidden] + .row { margin-top: 16px; }
	.ioc-filter-state .currently { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; }
	.ioc-filter-state h4 { margin: 0; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 17px; font-weight: 700; color: #0b3c6b; text-transform: none; }
	.ioc-filter-state ol { margin: 0; padding: 0; list-style: none; }
	.ioc-filter-state li { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin: 0; font-size: 17px; color: #1a1a1a; }
	.ioc-filter-state a.btn-remove {
		display: inline-flex; align-items: center; gap: 4px; min-height: 44px; padding: 0 6px;
		font-size: 17px; font-weight: 500; color: #0b3c6b; text-decoration: none;
	}
	.ioc-filter-state .ioc-remove-text { display: inline; text-decoration: underline; text-underline-offset: 3px; }
	.ioc-filter-state .has-tip { border-bottom: 0; cursor: pointer; }
	.ioc-filter-state .actions { display: none; }
	/* closed until "Filtra prodotti" (theme jQuery sets an inline display) */
	#opzioni-acquisto.ioc-dk-list-moved { display: none; }
	#opzioni-acquisto.layered-nav {
		box-sizing: border-box; margin: 12px 0 20px; padding: 20px 24px;
		border: 1px solid #cfd8e3; border-radius: 10px; background: #fff; box-shadow: none;
	}
	#opzioni-acquisto .currently,
	#opzioni-acquisto > h4 { display: none; }
	#opzioni-acquisto .content { padding: 0; border: 0; background: none; }
	#opzioni-acquisto #narrow-by-list {
		display: grid; grid-auto-flow: column; grid-template-rows: auto auto; grid-auto-columns: minmax(0, 1fr);
		column-gap: 40px; margin: 0; padding: 0;
	}
	#opzioni-acquisto #narrow-by-list dt {
		margin: 0 0 8px; padding: 0; border: 0; background: none;
		font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1.3; font-weight: 700;
		text-transform: none; color: #0b3c6b;
	}
	#opzioni-acquisto #narrow-by-list dd { margin: 0; padding: 0; }
	#opzioni-acquisto #narrow-by-list dd ol { margin: 0; padding: 0; list-style: none; }
	#opzioni-acquisto #narrow-by-list dd ol li { float: none; display: block; margin: 0; padding: 0; list-style: none; }
	#opzioni-acquisto #narrow-by-list dd ol li a {
		position: relative; float: none; display: flex; align-items: center; box-sizing: border-box;
		width: 100%; min-height: 44px; padding: 0 8px; border-bottom: 1px solid #e3e8ee;
		font-size: 17px; line-height: 1.3; color: #1a1a1a; text-decoration: none;
	}
	#opzioni-acquisto #narrow-by-list dd ol li a:hover { background-color: #eef3f8; }
	#opzioni-acquisto #narrow-by-list dd ol li a.amshopby-attr,
	#opzioni-acquisto #narrow-by-list dd ol li a.amshopby-attr-selected { padding-left: 40px; background-image: none; }
	#opzioni-acquisto #narrow-by-list dd ol li a.amshopby-attr::before,
	#opzioni-acquisto #narrow-by-list dd ol li a.amshopby-attr-selected::before {
		content: ""; position: absolute; left: 8px; top: 50%; box-sizing: border-box;
		width: 22px; height: 22px; margin-top: -11px; border: 2px solid #0b3c6b; border-radius: 50%; background: #fff;
	}
	#opzioni-acquisto #narrow-by-list dd ol li a.amshopby-attr-selected::before { background: #0b3c6b; box-shadow: inset 0 0 0 4px #fff; }
	/* price: the two number fields, no slider */
	#opzioni-acquisto .amshopby-slider-ui,
	#opzioni-acquisto .amshopby-slider,
	#opzioni-acquisto .amshopby-slider-price,
	#opzioni-acquisto .amshopby-slider-price-range { display: none; }
	#opzioni-acquisto .ioc-price-li { display: block; margin: 0; }
	#opzioni-acquisto .ioc-price-fields { display: flex; gap: 16px; max-width: 440px; }
	#opzioni-acquisto .ioc-price-field { flex: 1 1 0; min-width: 0; margin: 0; }
	#opzioni-acquisto .ioc-price-caption { display: block; margin: 0 0 4px; font-size: 17px; line-height: 1.3; font-weight: 400; color: #1a1a1a; }
	#opzioni-acquisto .ioc-price-box { display: flex; align-items: center; gap: 6px; }
	#opzioni-acquisto .ioc-price-box input.input-text {
		flex: 1 1 auto; box-sizing: border-box; min-width: 0; height: 48px; margin: 0; padding: 0 10px;
		border: 1px solid #6b6b6b; border-radius: 4px; background: #fff; box-shadow: none;
		font-size: 18px; color: #1a1a1a; -moz-appearance: textfield;
	}
	#opzioni-acquisto .ioc-price-box input.input-text:focus { outline: 3px solid #c76a00; outline-offset: 2px; border-color: #0b3c6b; }
	#opzioni-acquisto .ioc-price-box input.input-text::-webkit-inner-spin-button,
	#opzioni-acquisto .ioc-price-box input.input-text::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
	#opzioni-acquisto .ioc-price-eur { font-size: 18px; color: #1a1a1a; }
	#opzioni-acquisto .ioc-filter-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 20px 0 0; }
	#opzioni-acquisto .ioc-filter-actions button,
	#opzioni-acquisto .ioc-filter-actions button:hover,
	#opzioni-acquisto .ioc-filter-actions button:focus {
		min-height: 48px; margin: 0; padding: 0 22px; border-radius: 8px; box-shadow: none;
		font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1.2; font-weight: 500; text-transform: none;
	}
	#opzioni-acquisto .ioc-filter-actions button.ioc-filter-apply { background: #0b3c6b; border: 2px solid #0b3c6b; color: #fff; }
	#opzioni-acquisto .ioc-filter-actions button.ioc-filter-apply:hover { background: #082d52; border-color: #082d52; }
	#opzioni-acquisto .ioc-filter-actions button.ioc-filter-close { background: #fff; border: 2px solid #0b3c6b; color: #0b3c6b; }
	#opzioni-acquisto .ioc-filter-actions button.ioc-filter-close:hover { background: #eef3f8; }
	/* v2: in the left column (category pages) the filters stay open under the list, as on live */
	.col-left #opzioni-acquisto.layered-nav { display: block !important; margin: 0 0 24px; padding: 16px; }
	.col-left #opzioni-acquisto #narrow-by-list { display: block; }
	.col-left #opzioni-acquisto #narrow-by-list dt { margin: 20px 0 8px; font-size: 20px; }
	.col-left #opzioni-acquisto #narrow-by-list dt:first-child { margin-top: 0; }
	.col-left #opzioni-acquisto .ioc-price-fields { flex-direction: column; gap: 12px; max-width: none; }
	.col-left #opzioni-acquisto .ioc-filter-actions { margin: 16px 0 0; }
	.col-left #opzioni-acquisto .ioc-filter-actions button.ioc-filter-apply { width: 100%; }
	.col-left #opzioni-acquisto .ioc-filter-actions button.ioc-filter-close { display: none; }
	.col-left #opzioni-acquisto .currently { display: block; margin: 0 0 16px; padding: 4px 12px; border-radius: 8px; background: #eef3f8; }
	.col-left #opzioni-acquisto .currently ol { margin: 0; padding: 0; list-style: none; }
	.col-left #opzioni-acquisto .currently li {
		display: flex; flex-wrap: wrap; align-items: center; gap: 0 6px; margin: 0; padding: 4px 0; font-size: 17px; line-height: 1.35; color: #1a1a1a;
	}
	.col-left #opzioni-acquisto .currently li .price { font-size: 17px; font-weight: 400; color: #1a1a1a; }
	.col-left #opzioni-acquisto .currently a.btn-remove {
		display: inline-flex; align-items: center; gap: 4px; min-height: 44px; padding: 0 4px;
		font-size: 17px; font-weight: 500; color: #0b3c6b; text-decoration: none;
	}
	.col-left #opzioni-acquisto .currently .ioc-remove-text { display: inline; text-decoration: underline; text-underline-offset: 3px; }
	.col-left #opzioni-acquisto .currently .has-tip { border-bottom: 0; cursor: pointer; }

	/* contact form: 48 px fields, 18 px text, navy "Invia" (was 2.5:1) */
	.contacts-index-index .ioc-contact label { margin: 0 0 4px; font-size: 18px; color: #1a1a1a; }
	.contacts-index-index .ioc-contact .error label { color: #b3261e; }
	.contacts-index-index .ioc-contact .input-text {
		box-sizing: border-box; height: auto; min-height: 48px; margin: 0 0 8px; padding: 10px 12px;
		border: 1px solid #6b6b6b; border-radius: 4px; background: #fff; box-shadow: none; font-size: 18px; line-height: 1.4; color: #1a1a1a;
	}
	.contacts-index-index .ioc-contact .input-text:focus { outline: 3px solid #c76a00; outline-offset: 2px; border-color: #0b3c6b; background: #fff; }
	.contacts-index-index .ioc-contact small.error { display: none; }
	.contacts-index-index .ioc-contact .validation-advice { margin: -2px 0 12px; padding: 6px 10px; background: #b3261e; font-size: 17px; font-style: normal; color: #fff; }
	.contacts-index-index .ioc-contact p.required { font-size: 16px; color: #333; }
	.contacts-index-index .ioc-contact button.ioc-contact-submit {
		display: inline-flex; align-items: center; gap: 8px; min-height: 52px; margin: 4px 0 16px; padding: 0 28px;
		border: 0; border-radius: 8px; background: #0b3c6b; box-shadow: none; color: #fff; font-size: 18px; font-weight: 700; text-transform: none;
	}
	.contacts-index-index .ioc-contact button.ioc-contact-submit:hover,
	.contacts-index-index .ioc-contact button.ioc-contact-submit:focus { background: #082d52; color: #fff; }

	/* ==== 6. Search results and the nothing-found page */
	.ioc-sr .ioc-sr-title { margin: 8px 0 14px; }
	.ioc-sr.ioc-sr-empty > * { max-width: 900px; }
	.ioc-sr.ioc-sr-empty .ioc-sr-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: none; }
	.ioc-sr.ioc-sr-empty .ioc-sr-depts { max-width: none; }
	.ioc-sr .ioc-sr-tips li { font-size: 18px; line-height: 1.5; }

	/* ==== 7. Search suggestions (inside the header's search box) */
	/* never below the screen bottom; the js refines it */
	#search_mini_form.ioc-search { margin: 0; }
	#search_mini_form .searchautocomplete-placeholder {
		max-height: 440px; max-height: calc(100vh - 210px); overflow-y: auto; overscroll-behavior: contain;
	}
	#search_autocomplete ul.ioc-ac > li > a { min-height: 64px; padding: 8px 14px; }
	#search_autocomplete img.ioc-ac-img { flex: 0 0 80px; width: 80px; height: 64px; margin: 0 14px 0 0; object-fit: contain; background: #f5f8fb; }
	#search_autocomplete .ioc-ac-title { font-size: 17px; line-height: 1.3; max-height: 2.6em; font-weight: 500; -webkit-line-clamp: 2; }
	#search_autocomplete .ioc-ac-price { font-size: 18px; font-weight: 700; color: #1a1a1a; }
	#search_autocomplete .ioc-lotname .ioc-name-full { display: none; }
	#search_autocomplete .ioc-lotname .ioc-name-short { display: inline; }
	#search_autocomplete .ioc-ac-lotline { display: block; margin: 2px 0 0; font-size: 17px; line-height: 1.3; font-weight: 400; color: #5f6b7a; }

	/* ==== 8. Lot code out of the titles: product page, cart, checkout, added panel */
	.ioc-lotname .ioc-name-full { display: none; }
	.ioc-lotname .ioc-name-short { display: inline; }
	.ioc-lotline {
		display: block; margin: 2px 0 8px; padding: 0;
		font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 17px; line-height: 1.35; font-weight: 400;
		font-style: normal; letter-spacing: 0; text-transform: none; color: #5f6b7a; overflow-wrap: anywhere;
	}
	.product-view.ioc-pv p.ioc-pv-lot { margin: -4px 0 14px; font-size: 18px; }
	/* product price near-black (old and sold prices keep theirs) */
	.product-view.ioc-pv .product-shop .price-box span.price { color: #1a1a1a; }
}

/* M 1025-1279 px */
@media only screen and (min-width: 64.0625em) and (hover: hover) and (pointer: fine) and (max-width: 79.9375em) {
	ul.products-list.ioc-plist { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.ioc-sc-phone ul.ioc-sc-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ioc-sc-phone .ioc-decade { grid-template-columns: 140px minmax(0, 1fr); }
	/* left list: less padding, as on the home (ioc-desktop-home.css section 10) */
	.category-block { padding: 12px 8px 4px; }
	.category-block ul.featured-cats > li.cat > a { padding-left: 6px; }
	.category-block ul.featured-cats > li.cat > i { width: 16px; margin: 0 2px 0 4px; }
}
/* XL 1680 px+ */
@media only screen and (min-width: 64.0625em) and (hover: hover) and (pointer: fine) and (min-width: 105em) {
	ul.products-list.ioc-plist { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
/* ==== 9. v2 grid beside the left column: 4 per row from 1536 px (cards 263-275 px) */
@media only screen and (min-width: 64.0625em) and (hover: hover) and (pointer: fine) and (min-width: 96em) {
	body:not(.amshopby-index-index) .col2-left-layout ul.products-list.ioc-plist { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
/* 1025-1099 px beside the left column (cards 230-248 px): a little less padding so "Aggiungi al carrello" stays on one line */
@media only screen and (min-width: 64.0625em) and (hover: hover) and (pointer: fine) and (max-width: 68.6875em) {
	body:not(.amshopby-index-index) .col2-left-layout ul.products-list.ioc-plist { gap: 16px; }
	body:not(.amshopby-index-index) .col2-left-layout ul.products-list.ioc-plist li.item.ioc-card { padding: 10px 10px 14px; }
	body:not(.amshopby-index-index) .col2-left-layout ul.products-list.ioc-plist li.ioc-card .ioc-card-buy .ioc-card-btn { gap: 4px; padding-left: 6px; padding-right: 6px; font-size: 17px; }
}
/* ==== 10. Browsers without aspect-ratio: the photo box is reserved with padding-top (same 5:4 box) */
@supports not (aspect-ratio: 1 / 1) {
	@media only screen and (min-width: 64.0625em) and (hover: hover) and (pointer: fine) {
		ul.products-list.ioc-plist li.ioc-card .ioc-card-photo a { position: relative; }
		ul.products-list.ioc-plist li.ioc-card .ioc-card-photo a::before { content: ""; display: block; padding-top: 80%; }
		ul.products-list.ioc-plist li.ioc-card .ioc-card-photo a > picture,
		ul.products-list.ioc-plist li.ioc-card .ioc-card-photo a > img { position: absolute; top: 0; left: 0; }
	}
}

/* ==== desktop v2 2026-11-03 (Stefano: "rendere piu distinguibile quando un lotto e' stato aggiunto"): the date line on the
   cards in navy with a calendar icon; lots added in the last 14 days get a green "Novità" tag (list.phtml prints both). */
@media only screen and (min-width: 64.0625em) and (hover: hover) and (pointer: fine) {
	ul.products-list.ioc-plist li.ioc-card p.ioc-dk-list-added[hidden] {
		display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; margin: 2px 0 4px;
		color: #0b3c6b; font-weight: 500;
	}
	ul.products-list.ioc-plist li.ioc-card p.ioc-dk-list-added .ioc-dk-cal {
		width: 18px; height: 18px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
	}
	ul.products-list.ioc-plist li.ioc-card p.ioc-dk-list-added .ioc-dk-when { display: inline-flex; align-items: center; gap: 6px; }
	ul.products-list.ioc-plist li.ioc-card p.ioc-dk-list-added.ioc-dk-recent { color: #1d6b31; }
	ul.products-list.ioc-plist li.ioc-card p.ioc-dk-list-added .ioc-dk-newtag {
		display: inline-block; padding: 0 8px; border-radius: 4px; background: #1d7a35; color: #fff;
		font: 700 15px/24px "Roboto", Helvetica, Arial, sans-serif; letter-spacing: 0.01em;
	}
}