/* Kriss theme: what theme.json can't express. Ported from the Oxygen stylesheets (header, product-list, single-product). */

/* Header. Measured on live 2026-11-02: top bar 41 px, main row 100 px, content in a 1280 px container. */
.kriss-topbar {
	position: relative;
	z-index: 20;
	min-height: 41px;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	align-items: center;
	font-size: 11px;
	letter-spacing: .02em;
	padding-left: max(20px, calc((100% - 1240px) / 2)) !important;
	padding-right: max(20px, calc((100% - 1240px) / 2)) !important;
}
.kriss-topbar p { margin: 0; }
/* Right side, as live: search, account, favourites, cart in one centred row, 14 px text,
   28 px white icons with 7 px to the label, the cart a 35 px bag with a red counter. */
/* Icons are a bit smaller than live's (28 px icons, 35 px bag), by request 2026-11-02. */
.kriss-topbar__actions { --kriss-icon: 22px; --kriss-bag: 28px; gap: 19px; align-self: stretch; align-items: center !important; font-size: 14px; }
.kriss-topbar__account,
.kriss-topbar__cart { display: flex; align-items: center; }
.kriss-topbar__actions > * { margin: 0 !important; }
.kriss-topbar__actions a { display: inline-flex; align-items: center; gap: 7px; color: #fff; text-decoration: none; line-height: 1; }

.kriss-topbar .dgwt-wcas-search-wrapp { min-width: 0 !important; width: auto !important; max-width: none !important; } /* FiboSearch's icon layout caps it at 20 px, and "SÖK" ran into the next item */
.kriss-topbar .dgwt-wcas-search-icon { width: auto !important; height: var(--kriss-icon) !important; }
.kriss-topbar .dgwt-wcas-search-icon svg { display: block; position: static !important; margin: 0 !important; top: auto !important; width: var(--kriss-icon) !important; height: var(--kriss-icon) !important; fill: #fff !important; }
.kriss-topbar .dgwt-wcas-search-icon svg path { fill: #fff !important; }
.kriss-topbar .dgwt-wcas-search-icon::after { content: "SÖK"; font-size: 14px; font-weight: 500; color: #fff; }

.kriss-topbar__account a { padding: 0 !important; font-size: 14px; font-weight: 400; text-transform: uppercase; }
.kriss-topbar__account a::before {
	content: "";
	width: calc(var(--kriss-icon) * 24 / 28);
	height: var(--kriss-icon);
	background: #fff;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'%3E%3Cpath d='M18.766 12.25c2.203 0.641 5.234 2.812 5.234 9.922 0 3.219-2.391 5.828-5.328 5.828h-13.344c-2.938 0-5.328-2.609-5.328-5.828 0-7.109 3.031-9.281 5.234-9.922-0.781-1.234-1.234-2.688-1.234-4.25 0-4.406 3.594-8 8-8s8 3.594 8 8c0 1.563-0.453 3.016-1.234 4.25zM12 2c-3.313 0-6 2.688-6 6s2.688 6 6 6 6-2.688 6-6-2.688-6-6-6zM18.672 26c1.828 0 3.328-1.703 3.328-3.828 0-4.922-1.656-8-4.75-8.156-1.406 1.234-3.234 1.984-5.25 1.984s-3.844-0.75-5.25-1.984c-3.094 0.156-4.75 3.234-4.75 8.156 0 2.125 1.5 3.828 3.328 3.828h13.344z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'%3E%3Cpath d='M18.766 12.25c2.203 0.641 5.234 2.812 5.234 9.922 0 3.219-2.391 5.828-5.328 5.828h-13.344c-2.938 0-5.328-2.609-5.328-5.828 0-7.109 3.031-9.281 5.234-9.922-0.781-1.234-1.234-2.688-1.234-4.25 0-4.406 3.594-8 8-8s8 3.594 8 8c0 1.563-0.453 3.016-1.234 4.25zM12 2c-3.313 0-6 2.688-6 6s2.688 6 6 6 6-2.688 6-6-2.688-6-6-6zM18.672 26c1.828 0 3.328-1.703 3.328-3.828 0-4.922-1.656-8-4.75-8.156-1.406 1.234-3.234 1.984-5.25 1.984s-3.844-0.75-5.25-1.984c-3.094 0.156-4.75 3.234-4.75 8.156 0 2.125 1.5 3.828 3.328 3.828h13.344z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.kriss-topbar__wishlist { font-weight: 400; }
.kriss-topbar__wishlist svg { width: var(--kriss-icon); height: var(--kriss-icon); fill: #fff; flex: none; }

.kriss-topbar__cart .wc-block-mini-cart__button {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 0 !important;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
}
.kriss-topbar__cart .wc-block-mini-cart__button::after { content: "VARUKORG"; } /* TODO kriss.de: "WARENKORB" */
.kriss-topbar__cart .wc-block-mini-cart__quantity-badge { position: relative; display: block; width: var(--kriss-bag); height: var(--kriss-bag); } /* the counter is placed against the bag */
.kriss-topbar__cart .wc-block-mini-cart__icon { display: none !important; }
.kriss-topbar__cart .wc-block-mini-cart__quantity-badge::before {
	content: "";
	display: block;
	width: var(--kriss-bag);
	height: var(--kriss-bag);
	background: url(../img/bag.png) center top / 100% auto no-repeat;
}
.kriss-topbar__cart .wc-block-mini-cart__badge {
	position: absolute !important;
	top: 0 !important;
	left: calc(var(--kriss-bag) * .8) !important; /* live: 28 px on a 35 px bag */
	margin: 0 !important; /* Woo: margin-left -15 px */
	transform: none !important;
	min-width: 16.8px;
	height: 16.8px;
	padding: 2px;
	box-sizing: border-box;
	border: 0 !important;
	border-radius: 50%;
	background: #e12527 !important;
	color: #fff !important;
	font-size: 11.2px;
	font-weight: 600;
	line-height: 1;
	display: flex !important;
	align-items: center;
	justify-content: center;
}

.kriss-header {
	position: relative;
	z-index: 15;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: stretch;
	height: 100px;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .06);
}
.kriss-header > .kriss-logo { align-self: center; }

/* Sticky header, set by header.js past 300 px on 992 px and up. Live (Oxygen): position fixed,
   shadow 0 5px 20px -15px, a 0.6 s fade-in. */
@media (min-width: 992px) {
	.is-kriss-sticky {
		position: fixed;
		top: var(--wp-admin--admin-bar--height, 0px);
		left: 0;
		right: 0;
		z-index: 100;
		box-shadow: 0 5px 20px -15px rgba(0, 0, 0, .1);
		animation: kriss-sticky-in .6s;
	}
}
@keyframes kriss-sticky-in {
	from { opacity: 0; }
	to { opacity: 1; }
}
.kriss-logo { display: block; min-width: 120px; }
.kriss-logo img { display: block; width: clamp(120px, 12vw, 176px); height: auto; }

/* "Kategorier": the trigger fills the 100 px row so the list opens right under the header,
   at the page's left edge, like Oxygen's .dropdown-menu (left: 20px; .submenu left: -20px). */
.kriss-categories,
.kriss-categories .wp-block-navigation__responsive-container:not(.is-menu-open),
.kriss-categories .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-close,
.kriss-categories .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-dialog,
.kriss-categories .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-content,
.kriss-categories .wp-block-navigation__container,
.kriss-categories .wp-block-navigation-item.has-child { height: 100%; align-items: center; }
.kriss-categories .wp-block-navigation-item.has-child > .wp-block-navigation-item__content {
	font-size: 21px;
	font-weight: 500;
	line-height: 1.6;
	color: #0f0f0f;
}
.kriss-categories .has-child > .wp-block-navigation__submenu-icon {
	width: 17px;
	height: 17px;
	margin-left: 10px;
	color: #0f0f0f;
	transform: none !important; /* live keeps the chevron pointing down when open */
}
.kriss-categories .has-child > .wp-block-navigation__submenu-icon svg {
	transform: none !important; /* core rotates the svg itself on hover/open */
	width: 17px;
	height: 17px;
	stroke-width: .75; /* thin, like Linearicons' chevron-down */
}
.kriss-categories .wp-block-navigation__submenu-container {
	left: -20px !important;
	top: 100% !important;
	width: 300px !important;
	min-width: 300px !important;
	max-height: calc(100vh - 141px - var(--wp-admin--admin-bar--height, 0px));
	overflow: auto;
	scrollbar-width: none;
	background: #fff !important;
	border: 0 !important;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	transition: opacity .4s, visibility 0s .4s !important;
}
.kriss-categories .has-child:hover > .wp-block-navigation__submenu-container,
.kriss-categories .has-child:focus-within > .wp-block-navigation__submenu-container {
	transition-delay: 0s !important;
}
.kriss-categories .wp-block-navigation__submenu-container .wp-block-navigation-item {
	width: 100%;
	border-bottom: .1em solid #e6e6e6;
}
.kriss-categories .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	display: block;
	width: 100%;
	padding: 20px !important;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.6;
	color: #000;
}

/* Club link: the text, then the House of Kriss icon 28 px after it (live). */
.kriss-topbar__club a { display: inline-flex; align-items: center; gap: 28px; }
.kriss-topbar__club-icon { display: block; width: 27px; height: 27px; background: #fff; } /* dark lines on transparent: live puts it on white */

/* "Hem" is only in the mobile menu, and the hamburger only on mobile. */
.kriss-nav-home,
.kriss-burger { display: none !important; }

/* Mobile and tablet, below 992 px as live (Oxygen's breakpoint): a 41 px top bar with only the
   club icon and bare icons, a 70 px row with the logo in the middle and a hamburger on the right,
   and the categories as a centred dropdown under the header. Measured on live 2026-11-03. */
@media (max-width: 991px) {
	.kriss-topbar { padding-left: 20px !important; padding-right: 20px !important; }
	.kriss-topbar__club-text,
	.kriss-topbar__account,
	.kriss-topbar__wishlist span { display: none !important; }
	.kriss-topbar .dgwt-wcas-search-icon::after,
	.kriss-topbar__cart .wc-block-mini-cart__button::after { content: none; }
	.kriss-topbar__actions { gap: 13px; }

	.kriss-header { height: 70px; }
	.kriss-logo img { width: 120px; } /* live: 30 px high and, under 480 px, 167 px wide, which squashes the logo; here it keeps its shape */
	.kriss-header > .kriss-logo { grid-column: 2; }

	.kriss-burger {
		display: flex !important;
		grid-column: 3;
		justify-self: end;
		align-self: center;
		flex-direction: column;
		justify-content: space-between;
		width: 30px;
		height: 23px;
		padding: 0;
		background: none;
		border: 0;
		cursor: pointer;
	}
	.kriss-burger span { display: block; height: 3px; border-radius: 2px; background: #1e1e1e; transition: transform .25s, opacity .25s; }
	.is-menu-open .kriss-burger span:nth-child(1) { transform: translateY(10px) rotate(45deg); }
	.is-menu-open .kriss-burger span:nth-child(2) { opacity: 0; }
	.is-menu-open .kriss-burger span:nth-child(3) { transform: translateY(-10px) rotate(-45deg); }

	/* The "Kategorier" trigger is hidden; its list hangs from the header itself. */
	.kriss-header .kriss-categories { grid-column: 1; grid-row: 1; }
	.kriss-categories,
	.kriss-categories .wp-block-navigation__container,
	.kriss-categories .wp-block-navigation-item.has-child { position: static !important; }
	.kriss-categories .has-child > .wp-block-navigation-item__content,
	.kriss-categories .has-child > .wp-block-navigation__submenu-icon { display: none !important; }
	.kriss-nav-home { display: block !important; }
	.kriss-categories .has-child > .wp-block-navigation__submenu-container,
	.kriss-categories .has-child:hover > .wp-block-navigation__submenu-container,
	.kriss-categories .has-child:focus-within > .wp-block-navigation__submenu-container {
		position: absolute !important;
		left: 0 !important;
		right: 0;
		top: 100% !important;
		width: 100% !important;
		min-width: 0 !important;
		height: auto !important;
		max-height: calc(100vh - 111px - var(--wp-admin--admin-bar--height, 0px));
		padding: 0;
		background: #f9f9f9 !important;
		box-shadow: none;
		visibility: hidden !important;
		opacity: 0 !important;
		overflow: auto;
	}
	.kriss-header.is-menu-open .kriss-categories .has-child > .wp-block-navigation__submenu-container {
		visibility: visible !important;
		opacity: 1 !important;
		transition-delay: 0s !important;
	}
	.kriss-header.is-menu-open { z-index: 50; } /* above the carousel arrows in the content */
	.kriss-categories .wp-block-navigation__submenu-container { align-items: center !important; }
	.kriss-categories .wp-block-navigation__submenu-container .wp-block-navigation-item { width: 100%; border: 0; justify-content: center; }
	.kriss-categories .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
		width: auto;
		padding: 5px !important;
		font-size: 16px;
		line-height: 25.6px;
		justify-content: center; /* the links are flex boxes */
		text-align: center !important;
		text-transform: uppercase;
	}
}

/* Product cards (Oxygen "product-list") */
.kriss-products .wc-block-product,
.kriss-products li { position: relative; }
.kriss-card__title,
.kriss-card__title a {
	font-size: 1.4em !important;
	font-weight: 500;
	text-transform: uppercase;
	color: var(--wp--preset--color--contrast);
	margin: .6em 0 0;
}
.kriss-card__price { font-size: .8em; font-weight: 400; display: flex; gap: .5em; }
.kriss-card__title a { font-size: 1em !important; }
.kriss-card__price ins { text-decoration: none; color: var(--wp--preset--color--sale); }
.kriss-products img { border: 0; }

/* Second image on hover (functions.php adds .kriss-flip__secondary). Mouse only: on touch screens
   a hover effect would make the first tap flip the image instead of opening the product. */
.kriss-flip > a { position: relative; display: block; }
.kriss-flip__secondary {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	border: 0 !important;
	box-sizing: border-box;
	object-fit: cover;
	opacity: 0;
	pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
	.kriss-flip > a img { transition: opacity .5s ease; }
	.kriss-flip > a:hover > img:not(.kriss-flip__secondary) { opacity: 0; }
	.kriss-flip > a:hover > .kriss-flip__secondary { opacity: 1; }
}

/* NOOS and 3XL badges, same as today */
.kriss-products .product_cat-noos .wc-block-components-product-image::before,
.kriss-products .product_cat-3xl .wc-block-components-product-image::before,
.single-product.product_cat-noos .kriss-gallery__images::before,
.single-product.product_cat-3xl .kriss-gallery__images::before {
	content: "";
	position: absolute;
	top: 6px;
	right: 6px;
	width: 100px;
	height: 100px;
	background: no-repeat center / contain;
	z-index: 9;
}
.kriss-products .product_cat-noos .wc-block-components-product-image::before,
.single-product.product_cat-noos .kriss-gallery__images::before { background-image: url(/wp-content/uploads/noos_120.png); }
.kriss-products .product_cat-3xl .wc-block-components-product-image::before,
.single-product.product_cat-3xl .kriss-gallery__images::before { background-image: url(/wp-content/uploads/3XL_120.png); }
/* Product gallery (functions.php: kriss_product_gallery), as on live: 84 px thumbnails on the left,
   4 px gap, the large images stacked in a column as tall as the summary next to it that scrolls on
   its own (min. one full 2:3 image). Mobile: one image at a time, swipe sideways, thumbnails below. */
.kriss-product__gallery { container-type: inline-size; display: flex; flex-direction: column; }
.kriss-product__gallery > .wp-block-woocommerce-product-image-gallery { flex: 1; max-width: none; margin: 0; }
.kriss-gallery {
	display: grid;
	grid-template-columns: 84px minmax(0, 1fr);
	column-gap: 4px;
	height: 100%;
	min-height: calc((100cqw - 88px) * 1.5);
}
/* The stack is taken out of the flow (absolute) so the images don't set the height, and it is
   the element that scrolls. */
.kriss-gallery__images { position: relative; grid-column: 2; grid-row: 1; overflow: hidden; }
.kriss-gallery__stack {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-width: none;
}
.kriss-gallery__stack::-webkit-scrollbar { display: none; }
.kriss-gallery__image { display: block; flex: none; width: 100%; height: auto; cursor: zoom-in; }
.kriss-gallery__thumbs { grid-column: 1; grid-row: 1; display: flex; flex-direction: column; }
.kriss-gallery__thumb { display: block; padding: 0; border: 0; background: none; cursor: pointer; }
.kriss-gallery__thumb img { display: block; width: 100%; height: auto; opacity: .5; transition: opacity .3s; }
.kriss-gallery__thumb.is-active img,
.kriss-gallery__thumbs:hover .kriss-gallery__thumb:hover img { opacity: 1; }
.kriss-gallery__thumbs:hover .kriss-gallery__thumb:not(:hover) img { opacity: .5; }
@media (max-width: 767px) {
	.kriss-gallery { display: block; min-height: 0; height: auto; }
	.kriss-gallery__images { aspect-ratio: 2 / 3; }
	.kriss-gallery__stack { flex-direction: row; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; }
	.kriss-gallery__stack::-webkit-scrollbar { display: none; }
	.kriss-gallery__image { flex: 0 0 100%; height: 100%; object-fit: cover; scroll-snap-align: start; }
	.kriss-gallery__thumbs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 10px 0; }
}

/* Summary column, measured on live (Oxygen template "Product page" + kriss-functions'
   single-product.css, whose rules need a .summary wrapper the block template doesn't have). */
.kriss-product__summary > * { margin-block: 0 !important; }
.kriss-product__title {
	margin-bottom: 30px !important;
	font-size: 30px;
	font-weight: 400;
	line-height: 1.5;
	text-transform: uppercase;
	color: #0f0f0f;
}
.kriss-product__price { margin-bottom: 30px !important; }
.kriss-product__price .wc-block-components-product-price { display: flex; gap: .5em; font-size: 20px !important; font-weight: 400; line-height: 1.5; color: #303030; }
.kriss-product__price del { color: #999; opacity: .9; }
.kriss-product__price ins { text-decoration: none; color: var(--wp--preset--color--sale); }
.kriss-product__short { margin-bottom: 30px !important; font-size: 16px; font-weight: 300; line-height: 1.6; color: #686868; }
.kriss-product__short p { margin: 0; }

/* Size swatches (markup from kriss-functions' variable.php override). */
.kriss-product__cart .variation > h4 { margin: 0; font-size: 18px; font-weight: 400; line-height: 1.2; text-transform: uppercase; color: #111; }
.kriss-product__cart .variation .dropdown { display: none; }
.kriss-product__cart .variations { margin: 0 !important; } /* Woo classic: 1em under the table */
.kriss-product__cart .variation-options { display: flex; flex-wrap: wrap; gap: .7em; }
.kriss-product__cart .variation-options > a {
	padding: .7em 1em;
	border: .1em solid #d6d6d6;
	border-radius: .2em;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	color: #1e1e1e;
	text-decoration: none;
	transition: color .3s, background-color .3s;
}
.kriss-product__cart .variation-options > a.active { background: #111; color: #fff; }
.kriss-product__cart .variation-options > a.disabled { opacity: .25; pointer-events: none; }
.kriss-product__cart .reset_variations { display: none !important; }
.kriss-product__cart .single_variation_wrap > div:first-child:not(.single_variation) { margin: 10px 0; } /* "Storlekstabell" */

/* Quantity + "Lägg i varukorg": 53 px tall, the button fills the rest of the row. */
.kriss-product__cart .woocommerce-variation-add-to-cart,
.kriss-product__cart form.cart:not(.variations_form) { display: flex; align-items: stretch; gap: 7px; }
.kriss-product__cart .quantity { margin: 0 !important; }
.kriss-product__cart .quantity input.qty {
	width: 56px;
	height: 53px;
	box-sizing: border-box;
	padding: 8px 9px;
	border: 1px solid #d3ced2;
	border-radius: 4px;
	background: #fff;
	font-size: 14px;
	color: #000;
}
.kriss-product__cart .single_add_to_cart_button {
	flex: 1;
	height: 53px;
	padding: 16px 24px !important;
	border: 1px solid #ccc !important;
	border-radius: 4px !important;
	background: #ccc !important;
	color: #fff !important;
	font-size: 16px !important;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.kriss-product__cart .single_add_to_cart_button:hover:not(.disabled) { background: #111 !important; border-color: #111 !important; }

/* "Artikelnr: …", then the wishlist link 10 px below. */
.kriss-product__meta { margin-top: 30px !important; font-size: 12px; font-weight: 500; color: #1e1e1e; }
.kriss-product__meta .wc-block-components-product-sku { font-size: 12px !important; }
.kriss-product__summary .yith-wcwl-add-to-wishlist { margin-top: 10px !important; text-align: left; }
.kriss-product__summary .yith-wcwl-add-to-wishlist,
.kriss-product__summary .yith-wcwl-add-button { display: flex; justify-content: flex-start !important; } /* YITH centres it */
.kriss-product__summary .yith-wcwl-add-to-wishlist a { display: inline-flex; align-items: center; gap: 9px; font-size: 14px; color: #669999; }
.kriss-product__summary .yith-wcwl-add-to-wishlist svg { width: 25px; height: 25px; color: #000; }

/* Tabs: 12 px grey uppercase labels, the open one darker and underlined. */
.kriss-product__tabs { margin-top: 12px !important; }
.kriss-product__tabs .wc-tabs { margin: 0 !important; padding-left: 0 !important; }
.kriss-product__tabs .wc-tabs::before { content: none !important; }
.kriss-product__tabs .wc-tabs li { margin: 0 !important; padding: 0 !important; border: 0 !important; border-bottom: 1px solid transparent !important; border-radius: 0 !important; background: none !important; }
.kriss-product__tabs .wc-tabs li::before,
.kriss-product__tabs .wc-tabs li::after { display: none !important; }
.kriss-product__tabs .wc-tabs li a { padding: 16px 48px 16px 0 !important; font-size: 12px; font-weight: 400 !important; letter-spacing: 1px; text-transform: uppercase; color: #999 !important; }
.kriss-product__tabs .wc-tabs li.active { border-bottom-color: #1e1e1e !important; }
.kriss-product__tabs .wc-tabs li.active a { color: #1e1e1e !important; }
.kriss-product__tabs .woocommerce-Tabs-panel { padding: 20px 0; font-size: 14px; font-weight: 300; color: #686868; }
.kriss-product__tabs .woocommerce-Tabs-panel h2 { margin: 0 0 14px; font-size: 28px; font-weight: 400; line-height: 1.6; color: #1e1e1e; }

/* Section headings, Oxygen's .line-heading: centred, 2.41em/600, and a 2 px line under the text
   that runs 1280 px to the right (default) or to the left (--left), clipped at the page edge. */
.kriss-section-title {
	position: relative;
	width: fit-content;
	max-width: 100%;
	margin: 0 auto 14px !important;
	padding: 0;
	font-size: 33.74px !important;
	font-weight: 600;
	line-height: 1.2;
	text-transform: uppercase;
	text-align: center;
	color: #111;
}
.kriss-section-title::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: -1280px;
	border-top: 2px solid currentColor;
}
.kriss-section-title--left::after { left: -1280px; right: 0; }
@media (max-width: 479px) {
	.kriss-section-title { font-size: 25.2px !important; }
}
main.wp-block-group { overflow-x: clip; } /* keeps the heading lines inside the page */

/* Home: hero */
.kriss-hero .wp-block-image,
.kriss-hero .wp-block-image a,
.kriss-hero img { display: block; height: 100%; margin: 0; }
.kriss-hero img { width: 100%; object-fit: cover; height: clamp(320px, 32.3vw, 620px); }
@media (max-width: 781px) {
	.kriss-hero__side { display: none; }
}

/* Product names wrap between words, never inside one ("JACKA CINN|IRJA"). */
.kriss-card__title,
.kriss-card__title a { overflow-wrap: normal !important; word-break: normal !important; }

/* Home: tiles (live: 3 × 361 × 482 px in a 1222 px row) */
.kriss-tiles__row { gap: clamp(12px, 3.6vw, 70px) !important; }
.kriss-tile { padding: 0 !important; min-height: 0; }
/* Label centred in the space above the button; padding as live's .flexi-boxes-start (≈ 28 % / 10 % of the width). */
.kriss-tile .wp-block-cover__inner-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	height: 100%;
	padding: 28% 0 10%;
}
.kriss-tile .wp-block-cover__inner-container > .kriss-tile__label { margin: auto 0 !important; }
.kriss-tile__label {
	background: rgba(255, 255, 255, .61);
	color: var(--wp--preset--color--contrast);
	font-weight: 600;
	font-size: clamp(14px, 1.6vw, 24px);
	padding: .3em .8em;
	margin: 0;
}
/* "SHOPPA NU", as live's #link_button-222/232-77329 (117.6 × 37.6 px at 14 px). */
.kriss-tile__button { margin: 0 !important; }
.kriss-tile__button .wp-block-button__link {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	text-transform: uppercase;
	padding: .6em 1.2em;
	border: .15em solid #000;
	border-radius: .2em;
	background: rgba(0, 0, 0, .71);
	color: #fff;
	transition: background-color .3s, color .3s, border-color .3s;
}
/* Like Oxygen's .flexi-box-button:after: the whole tile is the link, and hovering it lights the button. */
.kriss-tile__button .wp-block-button__link::after {
	content: "";
	position: absolute;
	inset: 0;
}
.kriss-tile__button .wp-block-button__link:hover,
.kriss-tile__button .wp-block-button__link:focus-visible {
	background: rgba(255, 255, 255, .79);
	border-color: rgba(255, 255, 255, .79);
	color: #000;
}
.kriss-tile--logo {
	aspect-ratio: 3 / 4;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(0, 0, 0, .15);
}
.kriss-tile--logo:hover { background-color: rgba(0, 0, 0, .05) !important; } /* live #div_block-223-77329:hover */

/* Product carousels */
.kriss-carousel { padding-left: 20px; padding-right: 20px; } /* live slider sits 20 px inside the section */
/* Heading centred as on live; the arrows sit at the right without pushing it off centre. */
.kriss-carousel__head { position: relative; justify-content: center !important; margin-bottom: 0; }
/* The heading's line runs under the arrows, so they sit above it (the head ends with the
   heading's 14 px margin; the 2 px line is just above that) and have no background of their own. */
.kriss-carousel__head > .wc-block-next-previous-buttons {
	position: absolute;
	right: 0;
	bottom: 24px;
	margin: 0;
	gap: 0 !important; /* Woo: 20 px */
}
.kriss-carousel__head .wc-block-next-previous-buttons__button {
	width: 28px !important; /* Woo: 40 px; icons end up 28 px apart instead of 60 */
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}
.kriss-carousel .is-product-collection-layout-carousel {
	/* Live Swiper: slidesPerView 3.2, spaceBetween 40, on all widths */
	--kriss-carousel-gap: clamp(12px, 2.1vw, 40px);
	--kriss-carousel-visible: 3.2;
	display: flex !important;
	gap: var(--kriss-carousel-gap);
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-padding: 0 !important; /* Woo sets 30 %, which snaps cards 30 % in from the left */
	scroll-behavior: smooth;
	scrollbar-width: none;
	padding: 0;
	margin: 0;
	list-style: none;
}
.kriss-carousel .is-product-collection-layout-carousel::-webkit-scrollbar { display: none; }
@media (hover: hover) and (pointer: fine) {
	.kriss-carousel .is-product-collection-layout-carousel { cursor: grab; }
}
/* While dragging (assets/js/carousel-drag.js): no snapping or smoothing fighting the mouse. */
.kriss-carousel .is-product-collection-layout-carousel.is-dragging {
	cursor: grabbing;
	scroll-snap-type: none;
	scroll-behavior: auto;
	user-select: none;
}
.kriss-carousel .is-product-collection-layout-carousel > li {
	flex: 0 0 calc((100% - (var(--kriss-carousel-visible) - 1) * var(--kriss-carousel-gap)) / var(--kriss-carousel-visible)) !important;
	width: auto !important;
	max-width: none !important; /* Woo's carousel caps cards at 400 px */
	min-width: 0 !important;
	margin: 0 !important;
	scroll-snap-align: start !important;
}

/* Footer, measured on live (Oxygen section-23-77638): black, 1120 px container with 50/20/20 px
   padding, three 360 px columns with 20 px padding, a copyright row under a #222 line. */
.kriss-footer {
	padding: 50px 20px 20px !important;
	margin-top: 0 !important;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.6;
}
.kriss-footer a { color: #fff; text-decoration: none; }
.kriss-footer__columns { gap: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; }
.kriss-footer__columns > .wp-block-column { padding: 20px; }
.kriss-footer__columns > .wp-block-column > * { margin-block: 0; }
.kriss-footer__heading {
	margin-bottom: 19.6px !important;
	font-size: 19.6px;
	font-weight: 400;
	line-height: 1.2;
	text-transform: uppercase;
	color: #fff;
}
.kriss-footer__heading--tight { margin-bottom: 9.8px !important; }
.kriss-footer .wp-block-column > p + p { margin-top: 22.4px; } /* the blank line between paragraphs */

.kriss-footer__menu { list-style: none; padding: 0; }
.kriss-footer__menu li { padding: 5px 0; }

.kriss-footer__social { display: flex; align-items: center; gap: 15px; margin-bottom: 40px !important; }
.kriss-footer__social a { display: block; width: 40px; height: 40px; }
.kriss-footer__social a:last-child { margin-left: -7px; } /* Pinterest sits 8 px from Instagram on live */
.kriss-footer__social svg { display: block; width: 100%; height: 100%; fill: #fff; }

.kriss-footer__house { margin-bottom: 40px !important; }
.kriss-footer__house a,
.kriss-footer__house img,
.kriss-footer__klarna img { display: block; }
.kriss-footer__house img { background: #fff; } /* the SVG is black on transparent; live puts it on white */
.kriss-footer__payment-text { margin-bottom: 14px !important; }

.kriss-footer__bottom {
	margin-top: 0 !important;
	padding-top: 6px;
	border-top: 1px solid #222;
	font-size: 12.6px;
	color: #666;
}
.kriss-footer__copyright { margin: 0; }

img, video, iframe { max-width: 100%; }

/* No block gap between header, content and footer: the Oxygen sections sit edge to edge. */
.wp-site-blocks > * { margin-block: 0 !important; }

/* Category pages (template "Kategorisida"), measured on live /klanningar/ 2026-11-02. */
.kriss-cat-hero {
	display: flex;
	margin-top: 0 !important;
	box-sizing: border-box;
	height: 192px;
	padding: 40px 20px 0;
	background-image: linear-gradient(131deg, #9e9e9e, #fff 100%); /* live also names a background photo, but it is on the old Kinsta host and never loads */
}
.kriss-cat-hero__inner { display: flex; justify-content: center; align-items: flex-start; box-sizing: border-box; width: 60%; padding: 20px; }
.kriss-cat-hero__title {
	margin: 0;
	font-size: clamp(32px, 3.9vw, 56px);
	font-weight: 400;
	line-height: 1.15;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
}
@media (max-width: 781px) {
	.kriss-cat-hero { height: auto; padding: 32px 20px; }
	.kriss-cat-hero__inner { width: 100%; padding: 0; }
}

.kriss-cat { box-sizing: border-box; max-width: 1920px; margin: 0 auto !important; padding: 75px 20px !important; }

.kriss-cat-toolbar { display: flex; align-items: flex-start; gap: 20px; }
.kriss-cat-toolbar .wc-block-components-notices { display: none; } /* Woo's result-count template adds an (empty) notices box */
.kriss-cat-toolbar .woocommerce-ordering { margin-left: auto !important; }
.kriss-cat-toolbar .woocommerce-result-count { margin: 0 0 16px; padding: 8px 0; font-size: 16px; font-weight: 400; color: #000; }
.kriss-cat-toolbar .woocommerce-ordering { margin: 0; }
.kriss-cat-toolbar select.orderby {
	appearance: none;
	min-width: 195px;
	height: 32px;
	padding: 8px 24px 8px 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23000' stroke-width='1.2'/%3E%3C/svg%3E") right 10px center / 10px 6px no-repeat;
	font: 400 12px/1.2 var(--wp--preset--font-family--poppins);
	color: #000;
	cursor: pointer;
}

/* Grid: 3 columns with 40 px between cards (live: li padding 20 px), 2 on small screens. */
.kriss-cat .wc-block-product-template {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 40px !important;
	margin: 0;
	padding: 0;
}
.kriss-cat .wc-block-product-template > li { width: auto !important; margin: 0 !important; }
@media (max-width: 781px) {
	.kriss-cat .wc-block-product-template { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px !important; }
}
.kriss-cat .kriss-card__image { margin-bottom: 14px !important; }
.kriss-cat .kriss-card__title,
.kriss-cat .kriss-card__title a { margin: 0 !important; line-height: 1.2 !important; }
.kriss-cat .kriss-card__price { margin-bottom: 5.6px !important; color: #000; }

/* "Rea!" badge as live's .onsale: black pill, top left. */
.kriss-products .wc-block-components-product-sale-badge {
	top: 12px !important;
	left: 12px !important;
	right: auto !important;
	margin: 0 !important;
	padding: 6px 12px !important;
	border: 0 !important;
	border-radius: 20px !important;
	background: #000 !important;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-transform: none !important;
}

/* Pagination as Woo's classic: one bordered row, 36 × 30 px cells. */
.kriss-cat .wp-block-query-pagination { justify-content: center; margin-top: 67px !important; }
.kriss-cat .wp-block-query-pagination,
.kriss-cat .wp-block-query-pagination-numbers { gap: 0 !important; }
.kriss-cat .wp-block-query-pagination > *,
.kriss-cat .wp-block-query-pagination-numbers > * { margin: 0 !important; }
.kriss-cat .wp-block-query-pagination-numbers,
.kriss-cat .wp-block-query-pagination > a {
	display: inline-flex;
	border: 1px solid #d3ced2;
}
.kriss-cat .wp-block-query-pagination > a { border-left: 0; }
.kriss-cat .wp-block-query-pagination > a.wp-block-query-pagination-previous { border-left: 1px solid #d3ced2; border-right: 0; }
.kriss-cat .wp-block-query-pagination .page-numbers,
.kriss-cat .wp-block-query-pagination > a {
	min-width: 36px;
	box-sizing: border-box;
	padding: 8px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	color: #669999;
}
.kriss-cat .wp-block-query-pagination-numbers .page-numbers + .page-numbers { border-left: 1px solid #d3ced2; }
.kriss-cat .wp-block-query-pagination .page-numbers.current { background: #e9e6ed; color: #816f98; }
.kriss-cat .wp-block-query-pagination a:hover { background: #e9e6ed; color: #816f98; }

/* Description under the products (live: its own 1120 px section, 75 px padding). */
.kriss-cat-description { box-sizing: border-box; max-width: 1120px; margin: 153px auto 0 !important; padding: 0 20px; color: #000; }
.kriss-cat-description__title { margin: 0 !important; font-size: 26px; font-weight: 400; line-height: 1.2; text-transform: uppercase; color: #111; }
.kriss-cat-description p { margin: 0; font-size: 11.48px; line-height: 1.6; }
.kriss-cat-description p + p { margin-top: 18.4px; }

/* "Du kanske också gillar" under the product: the same carousel as the start page, full width. */
.kriss-product__related { margin-top: var(--wp--preset--spacing--xl) !important; padding-left: 20px; padding-right: 20px; }
.kriss-product__related .kriss-carousel { box-sizing: border-box; padding-left: 20px !important; padding-right: 20px !important; } /* same 20 px inset as on the start page */
.kriss-product__related .wc-block-product-collection__no-results,
.kriss-product__related .wp-block-woocommerce-product-collection-no-results { display: none; }
/* 5 cards with 25 px between them (live: 5 × 196 px in a 1080 px track); here at full width like the start page. */
.kriss-product__related .kriss-carousel .is-product-collection-layout-carousel { --kriss-carousel-visible: 5; --kriss-carousel-gap: 25px; }
@media (max-width: 781px) {
	.kriss-product__related .kriss-carousel .is-product-collection-layout-carousel { --kriss-carousel-visible: 2.2; --kriss-carousel-gap: 16px; }
}

/* Text pages (template page), measured on live /kopvillkor/ 2026-11-03: full width with 20 px
   sides, 75 px below the header, title 30 px/500 and subheadings 22 px/400, all uppercase
   (Oxygen set text-transform on every h1–h6; theme.json does the same). */
.kriss-page { box-sizing: border-box; padding: 75px 20px; color: #000; }
.kriss-page__title { margin: 0 0 16px !important; }
.kriss-page .wp-block-post-content > * + * { margin-block-start: 1em; }
.kriss-page .wp-block-post-content h2,
.kriss-page .wp-block-post-content h3 { margin: 24px 0 8px; }

/* /hallbarhet/: links to the four child pages, in place of the Divi page's centred menu
   (600 weight, uppercase, 2 px black line). Boxes hang over the band like the contact boxes. */
.kriss-link-boxes { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; position: relative; z-index: 1; margin-top: -146px !important; }
.kriss-link-boxes > * { margin: 0 !important; }
.kriss-link-box a { box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; gap: 8px; min-height: 192px; padding: 24px; background: #fff; border-bottom: 2px solid #000; color: #000; text-align: center; text-decoration: none; text-transform: uppercase; font-size: 18px; font-weight: 600; transition: background .2s; }
.kriss-link-box a span { font-size: 12px; font-weight: 400; letter-spacing: .05em; color: #777; }
.kriss-link-box a:hover { background: #f5f5f5; }
@media (max-width: 1119px) {
	.kriss-link-boxes { grid-template-columns: repeat(2, 1fr); gap: 20px; }
}
@media (max-width: 781px) {
	.kriss-link-boxes { margin-top: -100px !important; }
}
@media (max-width: 599px) {
	.kriss-link-boxes { grid-template-columns: 1fr; gap: 16px; }
	.kriss-link-box a { min-height: 110px; }
}

/* The Hållbarhet child pages (tools/convert-divi-pages.php): Divi's centred menu (600, uppercase,
   2 px black line) as a sub-navigation, then one group per Divi section; the ones that had a
   background colour or photo are grey (#f5f5f5, Divi's colour) and run to the box edges. */
.kriss-subnav { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 32px; margin: 0 0 48px !important; padding: 10px 0; border-bottom: 2px solid #000; font-size: 14px !important; font-weight: 600; text-transform: uppercase; }
.kriss-subnav a { color: #666; text-decoration: none; }
.kriss-subnav a:hover,
.kriss-subnav a.is-current { color: #000; }
.kriss-divi-section { margin-block: 0 !important; padding: 40px 0; }
.kriss-divi-section.is-tinted { margin-inline: -40px !important; padding: 48px 40px; background: #f5f5f5; }
.kriss-divi-section > * + * { margin-block-start: 1em; }
.kriss-band-page .kriss-divi-section h2 { font-size: 28px; }
.kriss-divi-section li { font-size: 15px; line-height: 1.8; }
@media (max-width: 781px) {
	.kriss-subnav { gap: 6px 20px; margin-bottom: 32px !important; }
	.kriss-divi-section.is-tinted { margin-inline: -20px !important; padding: 36px 20px; }
}

/* /by-kriss/: the history text beside Magdalena's picture, then the "by Kriss" posts as cards
   (the old theme's Flatsome [blog_posts]). Blog posts (single.html) use the same page box. */
.kriss-by-kriss__intro { gap: 40px; margin-bottom: 60px !important; }
.kriss-by-kriss__intro p { font-size: 15px; line-height: 1.8; }
.kriss-by-kriss__intro .wp-block-image img { width: 100%; height: auto; }
.kriss-by-kriss__posts .wp-block-post-template { gap: 40px 30px; }
.kriss-by-kriss__posts .wp-block-post-featured-image { margin: 0 0 12px; overflow: hidden; }
.kriss-by-kriss__posts .wp-block-post-featured-image img { transition: transform 1.2s; }
.kriss-by-kriss__posts .wp-block-post-featured-image:hover img { transform: scale(1.1); }
.kriss-by-kriss__posts .wp-block-post-terms,
.kriss-post > .wp-block-post-terms { font-size: 12px; letter-spacing: .05em; text-transform: uppercase; color: #65bec2; }
.kriss-by-kriss__posts .wp-block-post-title { margin: 4px 0 !important; font-size: 18px; }
.kriss-by-kriss__posts .wp-block-post-title a { color: inherit; text-decoration: none; }
.kriss-by-kriss__posts .wp-block-post-date,
.kriss-post > .wp-block-post-date { font-size: 13px; color: #777; }
.kriss-post { max-width: 840px; margin-inline: auto !important; }
.kriss-post > * + * { margin-block-start: 12px; }
.kriss-post > .wp-block-post-featured-image { margin-block: 24px; }
.kriss-post .wp-block-post-content p { font-size: 15px; line-height: 1.8; }
@media (max-width: 1023px) {
	.kriss-by-kriss__posts .wp-block-post-template { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 599px) {
	.kriss-by-kriss__posts .wp-block-post-template { grid-template-columns: 1fr !important; }
}

/* "Utan sidrubrik": live's 1120 px section, the page's own heading in the content (/kundklubb/bli-medlem/, /monster/). */
.kriss-page--boxed { max-width: 1120px; margin-inline: auto !important; }
.kriss-page--boxed .wp-block-column { text-align: center; }
.kriss-page--boxed .wp-block-column .wp-block-image img { width: 100%; max-height: 530px; object-fit: contain; }
.kriss-page--boxed .wp-block-column .wp-block-buttons { justify-content: center; }

/* /wishlist/, measured on live 2026-11-05 (YITH's table with Oxygen's universal.css). */
.kriss-page .wishlist-title { margin-bottom: 83px; }
.kriss-page .wishlist-title h2 { margin: 0; padding: 5px; font-size: 26px; font-weight: 400; line-height: 1.2; text-transform: uppercase; color: #111; }
.kriss-page .yith-wcwl-form table.wishlist_table {
	width: 90% !important;
	margin: 0 -1px 24px 0;
	border-collapse: collapse;
	border: 1px solid #d3ced2;
	border-top: 3px solid #65bec2;
	background: #fff;
	font-size: 11.2px;
	color: #1e1e1e;
}
.kriss-page .yith-wcwl-form table.wishlist_table th,
.kriss-page .yith-wcwl-form table.wishlist_table td { padding: 12px 20px; border: 0; vertical-align: middle; }
.kriss-page .yith-wcwl-form table.wishlist_table th { background: #f4f4f4; font-size: 10px; font-weight: 400; text-align: left; text-transform: uppercase; color: #000; }
.kriss-page .yith-wcwl-form table.wishlist_table td { background: #fff; font-weight: 400; text-align: center; color: #6d6c6c; }
.kriss-page .yith-wcwl-form table.wishlist_table td.product-thumbnail,
.kriss-page .yith-wcwl-form table.wishlist_table td.product-name { text-align: left; }
.kriss-page .yith-wcwl-form table.wishlist_table td.product-name { font-size: 16px; }
.kriss-page .yith-wcwl-form table.wishlist_table td.product-thumbnail { width: 80px; box-sizing: border-box; }
.kriss-page .yith-wcwl-form table.wishlist_table td.product-thumbnail img { display: block; width: 40px; max-width: none; height: auto; }

/* "Sida med band" (template page-band: /kundservice/, /almunge/), measured on live 2026-11-03:
   a 279 px grey band (#424242 to white, top to bottom; live also names a photo on the old Kinsta
   host that never loads) with the title in white, then a 1120 px box. */
.kriss-band { box-sizing: border-box; height: 279px; padding: 78px 20px 0; background: linear-gradient(#424242, #fff); }
.kriss-band__title { box-sizing: border-box; max-width: 1120px; margin: 0 auto !important; padding: 0 20px; color: #fff; font-size: 53.2px; font-weight: 600; line-height: 1.15; }
.kriss-band-page { box-sizing: border-box; max-width: 1120px; margin-inline: auto !important; padding: 68px 40px 75px; color: #000; }
.kriss-band-page h2 { margin: 0 0 14px; font-size: 36.4px; font-weight: 700; color: #111; }
.kriss-band-page p { font-size: 15px; line-height: 1.8; }
.kriss-band-page .wp-block-columns { gap: 40px; margin-bottom: 30px; }
.kriss-band-page iframe { display: block; width: 100%; max-width: 100%; height: 380px; border: 0; }

/* Contact boxes (pattern kriss/contact-boxes): 4 × 228 px with 56 px between them. As the first
   block on a band page they hang over the band's lower edge, as on live /kundservice/. */
.kriss-contact-boxes { display: grid; grid-template-columns: repeat(4, 1fr); gap: 56px; margin: 0 -20px 0; position: relative; z-index: 1; }
.kriss-band-page .wp-block-post-content > .kriss-contact-boxes:first-child { margin-top: -146px !important; margin-bottom: 88px !important; } /* live: next heading 88 px under the boxes */
.kriss-contact-boxes > * { margin: 0 !important; } /* no flow block gap on grid items */
.kriss-contact-box { box-sizing: border-box; min-height: 192px; padding: 21px; background: #fff; text-align: center; }
.kriss-contact-box::before {
	content: "";
	display: block;
	width: 55px;
	height: 55px;
	margin: 0 auto 12px;
	background: #1e1e1e;
	-webkit-mask: var(--kriss-contact-icon) center / contain no-repeat;
	mask: var(--kriss-contact-icon) center / contain no-repeat;
}
.kriss-contact-box--phone { --kriss-contact-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1z'/%3E%3C/svg%3E"); }
.kriss-contact-box--mail { --kriss-contact-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5-8-5V6l8 5 8-5z'/%3E%3C/svg%3E"); }
.kriss-contact-box--pin { --kriss-contact-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.1 2 5 5.1 5 9c0 5.2 7 13 7 13s7-7.8 7-13c0-3.9-3.1-7-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E"); }
.kriss-contact-box--facebook { --kriss-contact-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 22v-8h2.7l.4-3.2h-3.1V8.8c0-.9.3-1.5 1.6-1.5h1.7V4.4c-.3 0-1.3-.1-2.4-.1-2.4 0-4 1.5-4 4.1v2.4H7.6V14h2.8v8z'/%3E%3C/svg%3E"); }
.kriss-contact-box__label { margin: 0 0 12px !important; font-size: 21px !important; font-weight: 400 !important; color: #111 !important; }
.kriss-contact-box p { margin: 0; font-size: 16px; line-height: 1.6; }
.kriss-contact-box a { color: #669999; text-decoration: none; }
.kriss-contact-box a:hover { color: #65bec2; text-decoration: underline; }
@media (max-width: 1119px) {
	.kriss-contact-boxes { grid-template-columns: repeat(2, 1fr); gap: 20px; }
}
@media (max-width: 781px) {
	.kriss-band { height: auto; padding: 48px 20px 120px; }
	.kriss-band__title { padding: 0; font-size: 32px; }
	.kriss-band-page { padding: 40px 20px 60px; } /* 20 px sides like the header and live */
	.kriss-band-page .wp-block-post-content > .kriss-contact-boxes:first-child { margin-top: -100px; }
	.kriss-contact-boxes { margin: 0; }
}

/* /katalog/: FlipHTML5 viewer at full width (the Kategorisida container gives live's 75 px / 20 px). */
.kriss-flipbook { position: relative; width: 100%; height: 0; padding-top: max(60%, 324px); }
.kriss-flipbook iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* Mitt konto ([kriss_my_account], template Landningssida), from Oxygen's 49.css: black sections,
   beige panels. The menu, level, details and purchases are styled by kriss-functions' my-account.css. */
.kriss-myacc { box-sizing: border-box; padding: 25px 20px 75px; background: #000; }
.kriss-myacc--login { padding: 75px 20px; }
.kriss-myacc__box { box-sizing: border-box; max-width: 1080px; margin: 0 auto; padding: 2em; background: #f7f4f1; }
.kriss-myacc__top { display: grid; grid-template-columns: repeat(3, minmax(200px, 1fr)); gap: 20px; align-items: stretch; justify-content: center; position: relative; max-width: 1880px; margin: 0 auto 25px; padding: 4em 0; background: #f7f4f1; }
.myacc-logo-wrap { display: flex; justify-content: center; }
/* Level boxes at their own height, as live (Medlem taller than Silver and Guld). With the theme's
   default h4 margins and equal flex growth they set a taller row, and the menu items stretched to fill it. */
.kriss-myacc .sc-myacc-user-level h4 { flex: 0 0 auto; margin: 0; }
.kriss-myacc__panel { box-sizing: border-box; max-width: 1880px; margin: 0 auto; padding: 2em 3em; background: #f7f4f1; overflow: hidden; }
.kriss-myacc__details { display: flex; flex-direction: column; align-items: center; padding: 4em 0; }
.kriss-myacc__details-head { display: flex; flex-direction: column; align-items: flex-end; margin-bottom: .5em; }
.kriss-myacc__heading { margin: 0 0 .4em; font-size: 1.8em; font-weight: 800; text-transform: capitalize; color: #000; }
.kriss-myacc__purchases .kriss-myacc__heading { margin-bottom: .6em; }
.kriss-myacc__edit { display: inline-flex; align-items: center; gap: 8px; color: #0f0f0f; text-decoration: none; }
.kriss-myacc__edit::before {
	content: "";
	width: 18px;
	height: 18px;
	background: #606e79;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 17.2V21h3.8l11-11-3.8-3.8zM20.7 7a1 1 0 0 0 0-1.4l-2.3-2.3a1 1 0 0 0-1.4 0l-1.8 1.8 3.8 3.8z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 17.2V21h3.8l11-11-3.8-3.8zM20.7 7a1 1 0 0 0 0-1.4l-2.3-2.3a1 1 0 0 0-1.4 0l-1.8 1.8 3.8 3.8z'/%3E%3C/svg%3E") center / contain no-repeat;
}
@media (max-width: 991px) {
	.kriss-myacc__panel:not(:has(.kriss-myacc__details)) { padding: 0; } /* Oxygen: only the account sub-pages lose the padding, not the dashboard */
}
@media (max-width: 767px) {
	.kriss-myacc__top { grid-template-columns: 1fr; padding: 0; }
}

/* "Landningssida" (template page-landing): full width, the sections bring their own spacing. */
.kriss-landing > .wp-block-post-content > * { margin-block: 0 !important; }

/* Kundklubb, measured on live /kundklubb/ 2026-11-03. Hero: black band, a panel with the yellow
   background image, the House of Kriss logo in the middle and two white links on the right. */
.kriss-club-hero { box-sizing: border-box; padding: 25px 20px 36px; background: #000; }
.kriss-club-hero__panel { gap: 0 !important; margin: 0 !important; padding: 51px 0 50px; background: #f7f4f1 url("/wp-content/uploads/2025/02/Namnlos-design.png"); }
.kriss-club-hero__panel > .wp-block-column { box-sizing: border-box; flex: 0 0 33.333% !important; padding: 20px; } /* equal thirds whatever the padding */
.kriss-club-hero__panel > .kriss-club-hero__links { padding-right: 0; }
.kriss-club-hero__logo .wp-block-image { margin: 0; }
.kriss-club-hero__logo img { display: block; max-width: 100%; height: auto; background: #fff; }
.kriss-club-hero__links .wp-block-buttons { gap: 30px; align-items: stretch; }
.kriss-club-hero__link .wp-block-button__link {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 30px 20px;
	font-size: 23.8px;
	font-weight: 500;
	line-height: 38px;
	letter-spacing: normal;
	text-align: left;
	text-transform: none;
	color: #000;
	background: #fff;
	border-radius: 0;
}
.kriss-club-hero__link .wp-block-button__link:hover { color: #000; background: #f4f4f4; }

/* Tier cards: 3 × 318 px with 20 px between, white with a thick white/silver/gold frame. */
.kriss-club-tiers { display: grid; grid-template-columns: repeat(3, 318px); justify-content: center; gap: 20px; padding: 0 20px 36px; background: #000; }
.kriss-club-tiers > * { margin: 0 !important; }
.kriss-tier { box-sizing: border-box; padding: 0 0 10px; background: #fff; border: 8.67px solid #fff; }
.kriss-tier--silver { border-color: #c0c0c0; }
.kriss-tier--gold { border-color: #ba9444; }
.kriss-tier__name { margin: 12px 0 0 !important; font-size: 22px !important; line-height: 1.2; color: #111; }
.kriss-tier__points { margin: 14px 0 16px !important; font-size: 14px; }
.kriss-tier__list { margin: 0 !important; padding: 0; list-style: none; }
.kriss-tier__list li { display: flex; align-items: center; min-height: 38px; box-sizing: border-box; margin: 0; padding: 8px 8px 8px 76px; position: relative; font-size: 14px; }
.kriss-tier__list li::before {
	content: "";
	position: absolute;
	left: 40px;
	width: 18px;
	height: 18px;
	background: #65bec2;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.kriss-tier__list li.is-no::before { content: "x"; left: 43px; width: auto; height: auto; background: none; -webkit-mask: none; mask: none; font-size: 18px; font-weight: 800; line-height: 1; color: #1e1e1e; }

/* "House of Kriss": grey with the lower 400 px white (live: an inset shadow), two 500 px columns. */
.kriss-club-about { box-sizing: border-box; padding: 75px 20px 13px; background: #f4f4f4; box-shadow: inset 0 -400px 0 #fff; }
.kriss-club-about__columns { max-width: 1080px; margin: 0 auto !important; gap: 0 !important; }
.kriss-club-about__columns > .wp-block-column { box-sizing: border-box; flex: 0 0 50% !important; padding: 0 20px; } /* live: 2 × 540 px, 500 px content */
.kriss-club-title { margin: 0 !important; font-size: 33.6px !important; font-weight: 500 !important; letter-spacing: .15em; line-height: 1.15; color: #111; }
.kriss-rule { width: 84px; height: 2px; margin: 16px 0 !important; background: #111; border: 0 !important; opacity: 1; }
.kriss-rule--center { width: 98px; margin-inline: auto !important; }
.kriss-club-about__lead { margin: 0 0 17px !important; font-size: 16.8px; font-weight: 600; line-height: 1.6; letter-spacing: .15em; text-transform: uppercase; }
.kriss-club-about__text { margin: 0 !important; font-size: 15.4px; line-height: 1.6; }
.kriss-club-about__image-left { margin: 77px 0 0 !important; }
.kriss-club-about__image-right { margin: 20px 0 0 !important; }
.kriss-club-about img { display: block; width: 100%; height: auto; }

/* FAQ: grey, centred heading, the Easy Accordion in 1080 px. */
.kriss-club-faq { box-sizing: border-box; padding: 75px 20px; background: #f4f4f4; }
.kriss-club-faq > * { max-width: 1080px; margin-inline: auto !important; }

@media (max-width: 1023px) {
	.kriss-club-tiers { grid-template-columns: minmax(0, 318px); }
}
@media (max-width: 781px) {
	.kriss-club-hero__panel > .wp-block-column:first-child { display: none; }
	.kriss-club-hero__panel > .kriss-club-hero__logo { background: #f7f4f1; } /* live (Oxygen phone/tablet setting) */
	.kriss-club-about__image-left { margin-top: 32px !important; }
}

/* Cart and checkout (templates page-cart / page-checkout, classic shortcodes), ported from the
   WooCommerce styles in Oxygen's universal.css and measured on live /varukorg/ and /kassan/
   2026-11-03: a 1120 px container with 20 px sides and 75 px above and below. */
.kriss-wc-page { box-sizing: border-box; max-width: 1120px; margin-inline: auto !important; padding: 75px 20px; color: #000; }
.kriss-wc-page .woocommerce { -webkit-font-smoothing: antialiased; }
.kriss-wc-page .woocommerce a { transition: all ease .2s; }

/* Tables and boxes: white, grey border, 3 px teal line on top. */
.kriss-wc-page .woocommerce table.shop_table,
.kriss-wc-page form.checkout_coupon,
.kriss-wc-page form.login {
	border: 1px solid #d3ced2;
	border-top: 3px solid #65bec2;
	border-radius: 0;
	background: #fff;
	padding: 20px;
	border-collapse: collapse;
}
.kriss-wc-page .woocommerce table.shop_table { width: 100%; }
.kriss-wc-page .woocommerce table tr { border-top: 1px solid #d3ced2; }
.kriss-wc-page .woocommerce table.shop_table th,
.kriss-wc-page .woocommerce table.shop_table td {
	border: none;
	padding: 12px 20px;
	font-weight: 400;
	color: #000;
	vertical-align: middle;
}
.kriss-wc-page .woocommerce table.shop_table th {
	font-size: 10px;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.kriss-wc-page .woocommerce td.product-name { font-size: 16px; line-height: 1.6; }
.kriss-wc-page .woocommerce-Price-amount { font-weight: 700; color: #000; }
.kriss-wc-page .woocommerce .product-name a { color: #669999; font-weight: 400; text-decoration: none; }
.kriss-wc-page .woocommerce .product-name a:hover { color: #65bec2; text-decoration: underline; }

/* Remove link: a red ×, as Woo's default. */
.kriss-wc-page .woocommerce a.remove { color: #a00 !important; font-size: 21px; font-weight: 400; line-height: 1; }
.kriss-wc-page .woocommerce a.remove:hover { color: #fff !important; background: #a00; text-decoration: none; }
.kriss-wc-page .woocommerce table.cart td.product-thumbnail img { display: block; width: 80px !important; max-width: none; height: auto; border: 1px solid #d3ced2; }
.kriss-wc-page .woocommerce table.cart td.actions { text-align: left; } /* live: "Uppdatera varukorg" right after the coupon button */

/* Inputs: quantity, coupon, order notes. */
.kriss-wc-page .woocommerce input[type="text"],
.kriss-wc-page .woocommerce input[type="number"],
.kriss-wc-page .woocommerce input[type="email"],
.kriss-wc-page .woocommerce input[type="tel"],
.kriss-wc-page .woocommerce input[type="password"],
.kriss-wc-page .woocommerce textarea,
.kriss-wc-page .woocommerce select {
	box-sizing: border-box;
	height: auto;
	font-family: inherit;
	font-size: 14px;
	color: #000;
	background: #fff;
	border: 1px solid #d3ced2;
	border-radius: 4px;
	padding: 8px 12px;
	outline: none;
	resize: none;
	transition: all ease .2s;
}
.kriss-wc-page .woocommerce input:focus,
.kriss-wc-page .woocommerce textarea:focus,
.kriss-wc-page .woocommerce select:focus { border-color: #65bec2; box-shadow: 0 0 5px #65bec2; }
.kriss-wc-page .woocommerce ::placeholder { color: #d3ced2; font-family: inherit; }
.kriss-wc-page .woocommerce .quantity input.qty { width: 56px; padding: 8px 9px; text-align: center; }
.kriss-wc-page .woocommerce table.cart td.actions .coupon .input-text { width: 209px; height: 50px; padding: 0 16px; margin-right: 8px; }
.kriss-wc-page .woocommerce form label { font-size: 12px; font-weight: 400; color: #000; }

/* Buttons: solid grey; in the cart form (coupon, update) outlined teal, as live. */
.kriss-wc-page .woocommerce .button {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	padding: 16px 24px;
	font-family: inherit;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #666;
	border: 1px solid #666;
	border-radius: 4px;
	transition: all ease .2s;
}
.kriss-wc-page .woocommerce .button:hover { color: #fff; background: #999; border-color: #999; }
.kriss-wc-page .woocommerce .cart .button {
	font-weight: 700;
	color: #65bec2;
	background: #fff;
	border-color: #65bec2;
}
.kriss-wc-page .woocommerce .cart .button:hover { color: #6799b2; background: #fff; border-color: #6799b2; }
.kriss-wc-page .woocommerce .button:disabled,
.kriss-wc-page .woocommerce .button.disabled { filter: grayscale(100%); opacity: .5; cursor: default; }
.kriss-wc-page .wc-proceed-to-checkout { padding: 16px 0 0; }
.kriss-wc-page .woocommerce .wc-proceed-to-checkout a.checkout-button { display: flex; width: 100%; margin: 0; padding: 16px 24px; font-size: 12px; } /* Woo sets 1.25em here */

/* Woo hides the mini cart on the cart and checkout pages; live shows it, so the header stays the same. */
.woocommerce-cart .kriss-topbar__cart,
.woocommerce-checkout .kriss-topbar__cart { visibility: visible !important; }

/* Radio buttons (shipping): 24 px circles, black dot when chosen. */
.kriss-wc-page .woocommerce input[type="radio"] {
	appearance: none;
	-webkit-appearance: none;
	flex: none;
	width: 24px;
	height: 24px;
	margin: 0 8px 0 0;
	vertical-align: middle;
	background: #fff;
	border: 1px solid #d3ced2;
	border-radius: 100%;
	outline: none;
	cursor: pointer;
}
.kriss-wc-page .woocommerce input[type="radio"]:hover { border-color: #65bec2; box-shadow: 0 0 5px #65bec2; }
.kriss-wc-page .woocommerce input[type="radio"]:checked { background: #000; box-shadow: inset 0 0 0 8px #fff; }
.kriss-wc-page .woocommerce ul#shipping_method { margin: 0; padding: 0; list-style: none; }
.kriss-wc-page .woocommerce ul#shipping_method li { display: flex; align-items: center; margin: 0 0 4px; }
.kriss-wc-page .woocommerce ul#shipping_method li label { display: inline; margin: 0; font-size: 14px; }

/* Cart totals: right half, heading above the box. */
.kriss-wc-page .cart-collaterals { margin-top: 20px; }
.kriss-wc-page .cart-collaterals::after { content: ""; display: table; clear: both; }
.kriss-wc-page .cart-collaterals .cart_totals { float: right; width: 48%; }
.kriss-wc-page .cart_totals h2 { margin: 0 0 8px; font-size: 16.8px; font-weight: 500; line-height: 1.2; text-transform: uppercase; color: #1e1e1e; }
.kriss-wc-page .cart_totals table.shop_table th { width: 35%; }
.kriss-wc-page .cart_totals .woocommerce-shipping-destination,
.kriss-wc-page .cart_totals .shipping-calculator-button { font-size: 14px; }

/* Notices. */
.kriss-wc-page .woocommerce-info,
.kriss-wc-page .woocommerce-message,
.kriss-wc-page .woocommerce-error { font-size: 14px; line-height: 1.6; color: #000; background: #fff; border: 1px solid #d3ced2; border-top: 3px solid #65bec2; }
.kriss-wc-page .woocommerce-info { border-top-color: #00adef; }
.kriss-wc-page .woocommerce-error { border-top-color: #e96199; }
.kriss-wc-page .woocommerce-info a,
.kriss-wc-page .woocommerce-message a,
.kriss-wc-page .woocommerce-error a,
.kriss-wc-page .wc-block-components-notice-banner a { color: #669999; font-weight: 400; text-decoration: none; }
.kriss-wc-page .woocommerce-info a:hover,
.kriss-wc-page .woocommerce-message a:hover,
.kriss-wc-page .wc-block-components-notice-banner a:hover { color: #65bec2; text-decoration: underline; }

/* Checkout with Klarna Checkout: order review left (40 %), Klarna's iframe right (60 %). */
.kriss-wc-page #kco-wrapper { display: flex; flex-wrap: wrap; padding: 20px 0; }
.kriss-wc-page #kco-order-review { box-sizing: border-box; width: 40%; padding-right: 20px; font-size: 12.6px; }
.kriss-wc-page #kco-iframe { box-sizing: border-box; width: 60%; padding-left: 20px; }
.kriss-wc-page #kco-order-review table.shop_table { width: 90%; }
.kriss-wc-page #kco-order-review table.shop_table td { font-size: inherit; }
.kriss-wc-page #kco-order-review table.shop_table td.product-name { font-size: 16px; }
.kriss-wc-page #kco-extra-checkout-fields textarea { width: 100%; min-height: 100px; }
.kriss-wc-page #kco-extra-checkout-fields label { display: block; margin-bottom: 8px; }

@media (max-width: 781px) {
	.kriss-wc-page { padding: 40px 20px; }
	.kriss-wc-page .cart-collaterals .cart_totals { float: none; width: 100%; }
	.kriss-wc-page .woocommerce table.cart td.actions .coupon .input-text { width: 100%; margin: 0 0 8px; }
	.kriss-wc-page #kco-order-review,
	.kriss-wc-page #kco-iframe { width: 100%; padding: 0; }
	.kriss-wc-page #kco-order-review { margin-bottom: 30px; }
	.kriss-wc-page #kco-order-review table.shop_table { width: 100%; }
}

/* Home on phones (below 768 px, live measured at 390/480/600 px 2026-11-03): the hero image at
   its own 1200 × 620 shape, the tiles stacked full width (live 335 × 303 px, 36 px label), two
   looks side by side in Matcha snyggt, and the carousels at 2.2 cards like the related products.
   At the end of the file so it wins over the desktop rules above. */
@media (max-width: 767px) {
	.kriss-hero { margin-left: -20px !important; margin-right: -20px !important; } /* live: edge to edge */
	.kriss-hero img { height: auto; aspect-ratio: 1200 / 620; }
	.kriss-tiles__row { flex-direction: column; gap: 20px !important; }
	.kriss-tiles__row > .wp-block-column { flex-basis: auto !important; width: 100%; }
	.kriss-tile.wp-block-cover,
	.kriss-tile--logo { aspect-ratio: 335 / 303 !important; min-height: 0 !important; }
	.kriss-tile__label { font-size: 36.4px; }
	.kriss-carousel .is-product-collection-layout-carousel { --kriss-carousel-visible: 2.2; --kriss-carousel-gap: 16px; }
	.kriss-carousel,
	.kriss-product__related .kriss-carousel { padding-left: 0 !important; padding-right: 0 !important; } /* cards start 20 px in, as live */
	.kriss-carousel__head > .wc-block-next-previous-buttons { display: none; } /* swipe on phones; the arrows ran into long headings ("Du kanske också gillar") */
	.kriss-matcha .wc-block-product-template { flex-wrap: nowrap !important; gap: 16px !important; }
	.kriss-matcha .wc-block-product-template > li { flex: 1 1 0 !important; width: auto !important; max-width: none !important; }

	/* Cart: Woo's stacked table puts values on the right; the shipping choices follow (live). */
	.kriss-wc-page .woocommerce ul#shipping_method li { justify-content: flex-end; }

	/* Contact boxes one per row (live), at full width. */
	.kriss-contact-boxes { grid-template-columns: minmax(0, 1fr); }

	/* Category pages: result count, then the sort box under it (live), instead of side by side. */
	.kriss-cat-toolbar { flex-direction: column; gap: 0; }
	.kriss-cat-toolbar .woocommerce-result-count { margin: 0; }
	.kriss-cat-toolbar .woocommerce-ordering { margin-left: 0 !important; margin-bottom: 24px; }
}

/* Accessibility, from kriss.de's kriss-functions styles.css, both sites: a visible focus ring on
   buttons and links when using the keyboard, readable placeholder contrast in the country select,
   and the BeRocket terms popup (kriss.de) with its close link turned into a button by a11y.js. */
.woocommerce .button:focus-visible,
.wp-element-button:focus-visible,
.wp-block-button__link:focus-visible,
.kriss-header a:focus-visible,
.kriss-topbar a:focus-visible { outline: 2px solid currentColor !important; outline-offset: 2px; }
.woocommerce .button.alt:focus-visible { outline-color: #000 !important; }
.select2-container .select2-selection--single .select2-selection__placeholder { color: #666 !important; }
#br_popup { z-index: 100000 !important; } /* above the sticky header */
#br_popup button.br_popup_close { padding: 0; border: 0; background: none; cursor: pointer; transform: none !important; }
#br_popup button.br_popup_close:focus-visible { outline: 2px solid !important; }
#br_popup .br_popup_close::after { display: block; transform: rotate(45deg); line-height: 0 !important; }
#billing_country_field .description { display: block !important; /* Woo hides descriptions until focus */ margin: 4px 0; font-size: .85em; line-height: 1.4; color: #666; }