/* Aquaworld-søk: anbefalingsboksene. Varekortene ser ut som butikkens egne (kategori, hele tittelen, pris); overskrift i midten, 4 varer på PC og 2 på mobil, piler. */
.aw-anb { clear: both; margin: 40px 0; width: 100%; }
.aw-anb[hidden] { display: none !important; }
.aw-anb__inner { position: relative; }
.aw-anb .aw-heading { text-align: center; font-size: 30px; font-weight: 600; color: #1e293b; margin: 0 0 21px; line-height: 1.25; }
.aw-anb__vindu { position: relative; }
.aw-anb .woocommerce { margin: 0; }
.aw-anb ul.products.aw-anb__rad {
	display: flex !important; flex-wrap: nowrap !important; gap: 30px; overflow-x: auto; overflow-y: hidden;
	scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch;
	margin: 0 !important; padding: 0 0 6px !important; list-style: none; grid-template-columns: none !important;
}
.aw-anb ul.products.aw-anb__rad::-webkit-scrollbar { display: none; }
.aw-anb ul.products.aw-anb__rad::before, .aw-anb ul.products.aw-anb__rad::after { display: none !important; content: none !important; }
.aw-anb ul.products li.aw-anb__kort {
	flex: 0 0 calc((100% - 90px) / 4) !important; width: auto !important; max-width: none !important; margin: 0 !important; float: none !important;
	scroll-snap-align: start; display: flex; flex-direction: column; text-align: left; padding: 0 !important;
}
.aw-anb li.aw-anb__kort > a.woocommerce-LoopProduct-link { flex: 1; display: flex; flex-direction: column; text-decoration: none; color: inherit; }
.aw-anb .aw-anb__bilde { display: block; position: relative; overflow: hidden; aspect-ratio: 1 / 1; margin-bottom: 12px; }
.aw-anb .aw-anb__bilde .acoplw-badge { display: block; position: relative; width: 100%; height: 100%; }
.aw-mini__merke { display: inline-block; margin-left: 4px; padding: 1px 7px; border-radius: 999px; background: #d9534f; color: #fff; font-size: 11px; font-weight: 600; line-height: 16px; vertical-align: 1px; }
.aw-anb .aw-anb__bilde img { width: 100% !important; height: 100% !important; object-fit: contain; margin: 0 !important; }
.aw-anb li.aw-anb__kort .aw-anb__kat { display: block; margin: 0 0 4px; }
.aw-anb li.aw-anb__kort .price { display: block; margin: 0 0 12px !important; }
.aw-anb li.aw-anb__kort .price ins { text-decoration: none; }
.aw-anb li.aw-anb__kort h2.woocommerce-loop-product__title { margin: 0 0 6px !important; padding: 0 14px !important; }
.aw-anb li.aw-anb__kort .button { align-self: flex-start; margin-top: auto !important; }
.aw-anb li.aw-anb__kort .added_to_cart { display: block; font-size: 13px; padding-top: 6px; }
.aw-anb__pil {
	position: absolute; top: 34%; z-index: 2; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #c9e3ea; background: #fff; color: #1985a1;
	font-size: 26px; line-height: 36px; padding: 0; cursor: pointer; box-shadow: 0 2px 6px rgba(0, 0, 0, .12); transform: translateY(-50%);
}
.aw-anb__pil:hover { background: #1985a1; color: #fff; }
.aw-anb__pil:disabled { opacity: 0; pointer-events: none; }
.aw-anb__pil--forrige { left: -18px; }
.aw-anb__pil--neste { right: -18px; }
.aw-anb.uten-piler .aw-anb__pil { display: none; }
.aw-anb__lukk { position: absolute; top: -6px; right: 0; z-index: 3; background: none !important; border: 0; color: #1e293b !important; font-size: 30px; line-height: 1; padding: 4px 8px; cursor: pointer; }
.aw-anb--kurv { margin-top: 10px; }
html.aw-anb-kurv .woocommerce-cart .cross-sells, html.aw-anb-kurv body.woocommerce-cart .cross-sells { display: none !important; }
/* Tynn strek som viser hvor man er i rekka. */
.aw-anb__spor { position: relative; height: 3px; margin: 14px auto 0; max-width: 100%; background: #e3ecef; border-radius: 3px; overflow: hidden; }
.aw-anb__tomme { position: absolute; left: 0; top: 0; height: 100%; width: 25%; background: #083d4a; border-radius: 3px; transition: transform .12s linear; }
.aw-anb.uten-piler .aw-anb__spor { display: none; }
.aw-anb--mini .aw-anb__spor { margin-top: 6px; }
/* Slank variant i handlekurven («Passer godt til»). */
.aw-anb--mini { margin: 32px 0 8px; }
.aw-anb.aw-anb--mini .aw-heading { font-size: 17px !important; line-height: 32px; font-weight: 600; text-align: left; color: #083d4a; margin: 0 0 12px; padding: 0 !important; letter-spacing: -.1px; }
.aw-anb .aw-mini__rad { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; list-style: none; margin: 0; padding: 2px 2px 10px; }
.aw-anb .aw-mini__rad::-webkit-scrollbar { display: none; }
.aw-anb li.aw-mini { flex: 0 0 292px; scroll-snap-align: start; display: flex; align-items: center; gap: 12px; margin: 0; padding: 10px 12px; background: #fff; border: 1px solid #dde9ed; border-radius: 12px; box-shadow: 0 1px 2px rgba(8, 61, 74, .04); }
.aw-anb a.aw-mini__lenke { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 0; text-decoration: none !important; color: inherit; }
.aw-anb .aw-mini__bilde { flex: 0 0 56px; width: 56px !important; height: 56px !important; object-fit: contain; border-radius: 8px; background: #f4f8f9; margin: 0 !important; }
.aw-mini__tekst { display: flex; flex-direction: column; min-width: 0; }
.aw-mini__navn { font-size: 14px; line-height: 1.3; color: #1e293b; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.aw-anb a.aw-mini__lenke:hover .aw-mini__navn { color: #1985a1; }
.aw-mini__pris { font-size: 14px; font-weight: 700; color: #083d4a; margin-top: 3px; }
.aw-mini__pris del { font-weight: 400; color: #8a9aa0; margin-right: 2px; }
.aw-anb a.aw-mini__legg { flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%; border: 1.5px solid #1985a1; color: #1985a1; display: flex; align-items: center; justify-content: center; font-size: 21px; font-weight: 500; line-height: 1; text-decoration: none !important; transition: background .15s, color .15s; }
.aw-anb a.aw-mini__legg:hover { background: #1985a1; color: #fff; }
.aw-anb li.aw-mini { transition: opacity .25s, transform .25s; }
.aw-anb .aw-mini--venter a.aw-mini__legg { color: transparent; position: relative; pointer-events: none; }
.aw-anb .aw-mini--venter a.aw-mini__legg::after { content: ''; position: absolute; width: 14px; height: 14px; border: 2px solid #1985a1; border-right-color: transparent; border-radius: 50%; animation: aw-snurr .7s linear infinite; }
.aw-anb .aw-mini--lagt a.aw-mini__legg { background: #1985a1; color: #fff; font-size: 16px; }
.aw-anb li.aw-mini--ut { opacity: 0; transform: scale(.96); }
@keyframes aw-snurr { to { transform: rotate(360deg); } }
.aw-anb.aw-anb--mini { margin: 8px 0 8px !important; }
/* Tett inntil kasseknappen når boksen vises. */
html.aw-anb-kurv body.woocommerce-cart #content .cart-collaterals .cart_totals { margin-bottom: 0 !important; }
html.aw-anb-kurv body.woocommerce-cart #content .wc-proceed-to-checkout { padding-bottom: 0 !important; margin-bottom: 0 !important; }
.aw-anb--mini .aw-anb__pil { top: -44px; transform: none; width: 32px; height: 32px; font-size: 20px; line-height: 28px; box-shadow: none; }
.aw-anb--mini .aw-anb__pil:disabled { opacity: .35; }
.aw-anb--mini .aw-anb__pil--forrige { left: auto; right: 40px; }
.aw-anb--mini .aw-anb__pil--neste { right: 0; }
@media (max-width: 921px) {
	.aw-anb li.aw-mini { flex-basis: 82%; }
	.aw-anb--mini .aw-anb__pil { display: none; }
}
@media (max-width: 921px) {
	.aw-anb { margin: 28px 0; }
	.aw-anb .aw-heading { font-size: 24px; margin-bottom: 16px; padding: 0 32px; }
	.aw-anb ul.products.aw-anb__rad { gap: 16px; }
	.aw-anb ul.products li.aw-anb__kort { flex-basis: calc((100% - 16px) / 2) !important; }
	.aw-anb li.aw-anb__kort h2.woocommerce-loop-product__title { font-size: 14px !important; }
	.aw-anb li.aw-anb__kort .button { align-self: stretch; text-align: center; }
	.aw-anb__pil { width: 34px; height: 34px; font-size: 22px; line-height: 30px; }
	.aw-anb__pil--forrige { left: -6px; }
	.aw-anb__pil--neste { right: -6px; }
}
