/*
 * SnäkiSõbrad – cart and checkout (Figma „Snakisobrad uuendused“).
 * Scoped to .sb-cart / .sb-checkout so the rest of the theme is untouched.
 */

/* Montserrat variable font that the theme already serves locally; the theme only
   registers 400 and 700, the design also uses 500 and 600. */
@font-face {
	font-family: "SB Montserrat";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("/wp-content/fonts/montserrat/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "SB Montserrat";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("/wp-content/fonts/montserrat/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body.sb-cart-page #main,
body.sb-checkout-page #main {
	display: flow-root;
	background: #f5f6f8;
}

/* Elementor's site kit (loaded on the Elementor-built checkout page) frames every image,
   including the header logo. */
body.sb-checkout-page #header img {
	border: 0 !important;
}

/* Floating reCAPTCHA badge covered cards and the sticky bar on phones; the notice is
   printed in the checkout login form instead (SB_Checkout::recaptcha_note()). */
body.sb-cart-page .grecaptcha-badge,
body.sb-checkout-page .grecaptcha-badge {
	visibility: hidden !important;
}

/* Footer widget row holds only the big Klaviyo -10% form: on the cart it duplicated the
   compact -10% box, on the checkout it renders empty (white strip). */
body.sb-cart-page #footer .footer-1,
body.sb-checkout-page #footer .footer-1 {
	display: none;
}

/* The checkout page content is an Elementor section around the shortcode. */
body.sb-checkout-page .elementor-section:has(.sb-checkout),
body.sb-cart-page .elementor-section:has(.sb-cart) {
	margin: 0 !important;
	padding: 0 !important;
}

.sb-cart,
.sb-checkout {
	--sb-text: #1f2328;
	--sb-muted: #6b7280;
	--sb-placeholder: #9aa1ab;
	--sb-line: #e8ebef;
	--sb-input-border: #d8dde3;
	--sb-radio-border: #b5bcc5;
	--sb-blue: #2f74b8;
	--sb-blue-bg: #eef4fb;
	--sb-green: #2e9e5b;
	--sb-green-bg: #e9f6ee;
	--sb-error: #d93a1a;

	box-sizing: border-box;
	max-width: 1240px;
	margin: 0 auto;
	padding: 40px 20px 80px;
	color: var(--sb-text);
	font-family: "SB Montserrat", Montserrat, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: normal;
}

.sb-cart *,
.sb-checkout * {
	box-sizing: border-box;
}

.sb-cart :where(h1, h2, p, ul, li, form),
.sb-checkout :where(h1, h2, p, ul, li, form) {
	margin: 0;
	padding: 0;
	font-family: inherit;
	letter-spacing: normal;
	text-transform: none;
}

.sb-cart :where(ul),
.sb-checkout :where(ul) {
	list-style: none;
}

.sb-cart img,
.sb-checkout img {
	display: block;
	max-width: none;
	flex-shrink: 0;
	border: 0 !important;
	border-radius: 0;
	box-shadow: none !important;
}

.sb-cart [hidden],
.sb-checkout [hidden] {
	display: none !important;
}

.sb-visually-hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
	opacity: 0;
}

.sb-show-mobile,
.sb-show-mobile-flex {
	display: none !important;
}

body.sb-cart-page .woocommerce-notices-wrapper,
body.sb-checkout-page .woocommerce-notices-wrapper {
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 20px;
}

/* ------------------------------------------------------------------
 * Shared building blocks
 * ---------------------------------------------------------------- */

.sb-card {
	background: #fff;
	border: 1px solid var(--sb-line);
	border-radius: 14px;
}

.sb-title-row {
	display: flex;
	align-items: baseline;
	gap: 10px;
}

.sb-cart h1,
.sb-cart h2,
.sb-checkout h1,
.sb-checkout h2 {
	width: auto;
	margin: 0;
	padding: 0;
	font-family: inherit !important;
	letter-spacing: normal;
	text-transform: none;
}

.sb-cart .sb-title,
.sb-checkout .sb-title {
	flex: 0 0 auto;
	color: var(--sb-text);
	font-size: 30px;
	font-weight: 700;
	line-height: 1.2;
}

.sb-title-count {
	color: var(--sb-muted);
	font-size: 15px;
	font-weight: 500;
	white-space: nowrap;
}

.sb-cart .sb-line,
.sb-checkout .sb-line {
	width: 100%;
	height: 1px;
	margin: 0 !important;
	border: 0;
	background-color: var(--sb-line);
	opacity: 1;
}

/* Links that look like text buttons */
.sb-cart .sb-link,
.sb-checkout .sb-link,
.sb-checkout .sb-extra-close {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	width: auto;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
	color: var(--sb-blue);
	font: inherit;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: normal;
	text-transform: none;
	text-decoration: none;
	cursor: pointer;
}

.sb-cart .sb-link:hover,
.sb-checkout .sb-link:hover {
	text-decoration: underline;
	color: var(--sb-blue);
}

/* Buttons */
.sb-cart .sb-btn,
.sb-checkout .sb-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 0;
	margin: 0;
	border: 0;
	border-radius: 8px;
	box-shadow: none;
	font-family: inherit;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: normal;
	text-transform: none;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color .15s ease, opacity .15s ease;
}

.sb-cart .sb-btn-primary,
.sb-checkout .sb-btn-primary {
	width: 100%;
	height: 56px;
	padding: 0 20px;
	border-radius: 10px;
	background: var(--sb-blue);
	box-shadow: 0 6px 16px rgba(46, 115, 184, .25);
	color: #fff;
	font-size: 17px;
}

.sb-cart .sb-btn-primary:hover,
.sb-checkout .sb-btn-primary:hover {
	background: #28659f;
	color: #fff;
}

.sb-cart .sb-btn-dark,
.sb-checkout .sb-btn-dark {
	height: 44px;
	padding: 0 18px;
	background: var(--sb-text);
	color: #fff;
	font-size: 14px;
}

.sb-cart .sb-btn-dark:hover,
.sb-checkout .sb-btn-dark:hover {
	background: #000;
	color: #fff;
}

.sb-cart .sb-btn[disabled],
.sb-checkout .sb-btn[disabled] {
	opacity: .6;
	cursor: default;
}

/* Inputs */
.sb-cart .sb-input,
.sb-checkout .sb-input,
.sb-checkout .form-row input.input-text,
.sb-checkout .form-row select,
.sb-checkout .form-row textarea {
	width: 100%;
	height: 48px;
	margin: 0;
	padding: 0 14px;
	border: 1px solid var(--sb-input-border);
	border-radius: 8px;
	background: #fff;
	box-shadow: none;
	color: var(--sb-text);
	font-family: inherit;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: normal;
	transition: border-color .15s ease, box-shadow .15s ease;
}

.sb-cart .sb-input::placeholder,
.sb-checkout .sb-input::placeholder,
.sb-checkout .form-row input.input-text::placeholder,
.sb-checkout .form-row textarea::placeholder {
	color: var(--sb-placeholder);
	opacity: 1;
}

.sb-cart .sb-input:focus,
.sb-checkout .sb-input:focus,
.sb-checkout .form-row input.input-text:focus,
.sb-checkout .form-row select:focus,
.sb-checkout .form-row textarea:focus {
	border-color: var(--sb-blue);
	outline: 0;
	box-shadow: 0 0 0 3px rgba(47, 116, 184, .15);
}

.sb-cart .sb-input.has-error,
.sb-checkout .sb-input.has-error,
.sb-checkout .form-row:has(.checkout-inline-error-message) input.input-text,
.sb-checkout .form-row.woocommerce-invalid input.input-text,
.sb-checkout .form-row.woocommerce-invalid select,
.sb-checkout .form-row.woocommerce-invalid .select2-selection {
	border-color: var(--sb-error) !important;
}

/* Radio and checkbox visuals */
.sb-radio {
	position: relative;
	width: 22px;
	height: 22px;
	flex: 0 0 22px;
	border: 1.5px solid var(--sb-radio-border);
	border-radius: 50%;
	background: #fff;
}

.sb-option.is-selected .sb-radio,
.sb-option input:checked ~ .sb-radio,
.sb-option input:checked + .sb-option-label .sb-radio {
	border: 0;
	background: url("../img/radio-on.svg") center / 22px 22px no-repeat;
}

.sb-option input:focus-visible ~ .sb-radio,
.sb-option input:focus-visible + .sb-option-label .sb-radio {
	box-shadow: 0 0 0 3px rgba(47, 116, 184, .3);
}

/* Shipping and payment option cards */
.sb-checkout .sb-option {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
	padding: 14px 16px;
	border: 1px solid var(--sb-input-border);
	border-radius: 10px;
	background: #fff;
	font-weight: 400;
	cursor: pointer;
	transition: border-color .15s ease, background-color .15s ease;
}

.sb-checkout .sb-option:hover {
	border-color: #aeb6c0;
}

.sb-checkout .sb-option.is-selected {
	padding: 13px 15px;
	border: 2px solid var(--sb-blue);
	background: var(--sb-blue-bg);
}

.sb-option-text {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.sb-option-title {
	color: var(--sb-text);
	font-size: 14px;
	font-weight: 600;
}

.sb-option-sub {
	color: var(--sb-muted);
	font-size: 12px;
	font-weight: 400;
}

.sb-option-price {
	color: var(--sb-muted);
	font-size: 12px;
	font-weight: 600;
}

.sb-option-price.is-free,
.sb-row-value.is-free {
	color: var(--sb-green) !important;
}

/* Summary rows */
.sb-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	font-size: 14px;
}

.sb-cart .sb-row.cart-discount,
.sb-checkout .sb-row.cart-discount {
	background: none;
	font-size: 14px;
}

.sb-row-label {
	color: var(--sb-muted);
}

.sb-row-value {
	color: var(--sb-text);
	font-weight: 600;
	text-align: right;
	white-space: nowrap;
}

.sb-row-value .amount {
	color: inherit;
	font-weight: inherit;
}

.sb-row-value .woocommerce-remove-coupon {
	margin-left: 6px;
	color: var(--sb-muted);
	font-size: 12px;
	font-weight: 600;
	text-decoration: underline;
}

.sb-row-group {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.sb-row-note {
	color: var(--sb-muted);
	font-size: 12px;
}

.sb-total {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.sb-total-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: var(--sb-text);
	font-weight: 700;
}

.sb-total-label {
	font-size: 16px;
}

.sb-total-value {
	font-size: 22px;
	white-space: nowrap;
}

.sb-total-tax {
	color: var(--sb-muted);
	font-size: 12px;
	text-align: right;
}

/* Coupon */
.sb-coupon {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.sb-coupon .sb-coupon-toggle {
	gap: 8px;
}

.sb-coupon-form {
	display: flex;
	gap: 8px;
}

.sb-coupon-form .sb-input {
	height: 44px;
	flex: 1 1 auto;
	min-width: 0;
}

.sb-coupon-msg {
	color: var(--sb-error);
	font-size: 12px;
}

.sb-coupon-msg.is-success {
	color: var(--sb-green);
}

/* Trust bullets */
.sb-trust {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding-left: 8px !important;
}

.sb-trust li {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--sb-muted);
	font-size: 13px;
	font-weight: 500;
}

/* Payment logos */
.sb-pay-logos {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

/* Hook output that expects table rows (e.g. subscription info) */
.sb-hook-rows,
.sb-pickup-table {
	width: 100%;
	margin: 0 !important;
	border: 0 !important;
	border-collapse: collapse;
}

.sb-hook-rows:not(:has(td, th)),
.sb-pickup-table:not(:has(td)) {
	display: none;
}

.sb-hook-rows td,
.sb-hook-rows th,
.sb-pickup-table td {
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
}

.sb-notice-inline {
	color: var(--sb-muted);
	font-size: 13px;
}

/* ------------------------------------------------------------------
 * Cart
 * ---------------------------------------------------------------- */

.sb-cart {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 440px;
	grid-template-rows: auto auto auto 1fr;
	grid-template-areas:
		"form aside"
		"continue aside"
		"promo aside"
		". aside";
	column-gap: 40px;
	row-gap: 16px;
	align-items: start;
}

.sb-cart-form {
	grid-area: form;
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-width: 0;
}

.sb-cart .sb-continue {
	grid-area: continue;
	justify-self: start;
	padding-left: 4px;
	font-size: 14px;
}

.sb-cart .sb-promo {
	grid-area: promo;
}

.sb-cart .sb-aside {
	grid-area: aside;
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-width: 0;
}

/* Free shipping bar */
.sb-ship-bar {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 14px 20px;
	border-radius: 12px;
	background: var(--sb-blue-bg);
}

.sb-ship-bar.is-free {
	padding: 16px 20px;
	background: var(--sb-green-bg);
}

.sb-ship-bar-row {
	display: flex;
	align-items: center;
	gap: 10px;
}

.sb-ship-bar-text {
	flex: 1 1 auto;
	color: var(--sb-blue);
	font-size: 14px;
	font-weight: 700;
}

.sb-ship-bar.is-free .sb-ship-bar-text {
	color: var(--sb-green);
}

.sb-ship-bar-hint {
	color: var(--sb-muted);
	font-size: 12px;
	font-weight: 500;
	white-space: nowrap;
}

.sb-ship-bar-track {
	height: 6px;
	overflow: hidden;
	border-radius: 3px;
	background: #fff;
}

.sb-ship-bar-track span {
	display: block;
	height: 100%;
	border-radius: 3px;
	background: var(--sb-blue);
	transition: width .3s ease;
}

.sb-ship-bar.is-free .sb-ship-bar-track span {
	background: var(--sb-green);
}

/* Product rows */
.sb-items {
	padding: 0 24px;
}

.sb-item {
	display: grid;
	grid-template-columns: 96px minmax(0, 1fr) auto 90px;
	grid-template-areas: "img info qty total";
	align-items: center;
	column-gap: 20px;
	padding: 20px 0;
	border-bottom: 1px solid var(--sb-line);
}

.sb-item:last-child {
	border-bottom: 0;
}

.sb-item-img {
	grid-area: img;
	width: 96px;
	height: 96px;
	overflow: hidden;
	border-radius: 10px;
	background: #f5f6f8;
}

.sb-item-img a {
	display: block;
	height: 100%;
}

.sb-cart .sb-item-img img {
	width: 100%;
	height: 100%;
	margin: 0;
	object-fit: cover;
}

.sb-item-info {
	grid-area: info;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	min-width: 0;
}

.sb-item-name,
.sb-item-name a {
	color: var(--sb-text);
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
}

@media (hover: hover) {
	.sb-item-name a:hover {
		color: var(--sb-blue);
	}
}

.sb-item-unit {
	color: var(--sb-muted);
	font-size: 13px;
}

.sb-item-unit .amount {
	color: inherit;
	font-weight: inherit;
}

.sb-item-info dl.variation {
	margin: 0;
	color: var(--sb-muted);
	font-size: 12px;
}

.sb-item-info dl.variation dt,
.sb-item-info dl.variation dd,
.sb-item-info dl.variation p {
	display: inline;
	margin: 0;
	font-weight: 400;
}

.sb-item .backorder_notification {
	color: var(--sb-muted);
	font-size: 12px;
}

.sb-remove-text {
	padding-top: 6px;
}

.sb-cart .product-remove a.remove {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	width: auto;
	height: auto;
	margin: 0;
	border: 0;
	border-radius: 0;
	background: none;
	color: var(--sb-muted) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	text-decoration: none;
	opacity: 1;
}

.sb-cart .product-remove a.remove span {
	display: inline;
	text-decoration: underline;
}

.sb-cart .product-remove a.remove:hover {
	background: none;
	color: var(--sb-text) !important;
}

.sb-remove-icon {
	grid-area: remove;
	display: none;
}

.sb-item-qty {
	grid-area: qty;
}

.sb-qty {
	display: inline-flex;
	align-items: center;
	overflow: hidden;
	border: 1px solid var(--sb-input-border);
	border-radius: 8px;
	background: #fff;
}

.sb-cart .sb-qty-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: #f5f6f8;
	box-shadow: none;
	cursor: pointer;
}

.sb-cart .sb-qty-btn:hover {
	background: #e9ecf0;
}

.sb-cart .sb-qty-input {
	width: 44px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 0;
	background: #fff;
	box-shadow: none;
	color: var(--sb-text);
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	-moz-appearance: textfield;
	appearance: textfield;
}

.sb-cart .sb-qty-input::-webkit-outer-spin-button,
.sb-cart .sb-qty-input::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none;
}

.sb-cart .sb-qty-input:focus {
	outline: 0;
	box-shadow: inset 0 0 0 2px rgba(47, 116, 184, .3);
}

.sb-item-total {
	grid-area: total;
	color: var(--sb-text);
	font-size: 16px;
	font-weight: 700;
	text-align: right;
	white-space: nowrap;
}

.sb-item-total .amount {
	color: inherit;
	font-weight: inherit;
}

/* -10% offer */
.sb-promo {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px;
	padding: 20px 24px;
}

.sb-promo-text {
	display: flex;
	flex: 1 1 200px;
	flex-direction: column;
	gap: 2px;
}

.sb-promo-title {
	color: var(--sb-text);
	font-size: 15px;
	font-weight: 700;
}

.sb-promo-sub {
	color: var(--sb-muted);
	font-size: 13px;
}

.sb-promo-fields {
	display: flex;
	gap: 20px;
}

.sb-cart .sb-promo-email {
	width: 220px;
	height: 44px;
	font-size: 14px;
}

.sb-promo-msg {
	flex: 1 1 100%;
	color: var(--sb-green);
	font-size: 13px;
	font-weight: 600;
}

.sb-promo-msg.is-error {
	color: var(--sb-error);
}

.sb-promo.is-done .sb-promo-fields {
	display: none;
}

/* Summary */
.sb-cart .sb-summary {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 24px;
}

.sb-summary-title {
	display: block !important;
	color: var(--sb-text);
	font-size: 18px !important;
	font-weight: 700;
	line-height: 1.4 !important;
}

.sb-cart .sb-proceed {
	padding: 0;
}

.sb-cart .sb-btn-checkout img {
	width: 18px;
	height: 18px;
}

.sb-sticky-bar {
	display: none;
}

/* ------------------------------------------------------------------
 * Checkout
 * ---------------------------------------------------------------- */

.sb-checkout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 440px;
	column-gap: 40px;
	align-items: start;
}

.sb-checkout .sb-main {
	grid-column: 1;
	grid-row: 1;
	display: flex;
	flex-direction: column;
	gap: 20px;
	min-width: 0;
}

.sb-checkout .sb-aside {
	grid-column: 2;
	grid-row: 1;
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-width: 0;
}

.sb-summary-panel {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.sb-mob-bar {
	display: none !important;
}

.sb-title-row--checkout {
	align-items: flex-end;
	justify-content: space-between;
}

.sb-login-link {
	color: var(--sb-muted);
	font-size: 13px;
	white-space: nowrap;
}

.sb-login-link a {
	color: var(--sb-blue);
	font-weight: 600;
	text-decoration: underline;
}

.sb-login form.woocommerce-form-login {
	margin: 0;
	padding: 24px 28px;
	border: 1px solid var(--sb-line);
	border-radius: 14px;
	background: #fff;
}

.sb-login form.woocommerce-form-login .form-row {
	margin: 0 0 14px !important;
}

.sb-login form.woocommerce-form-login .clear {
	display: none;
}

.sb-checkout .sb-login .woocommerce-form-login__rememberme {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	margin: 0 0 4px !important;
	color: var(--sb-text);
	font-size: 13px !important;
	font-weight: 400 !important;
	cursor: pointer;
}

.sb-login .woocommerce-form-login__rememberme input {
	width: 18px;
	height: 18px;
	margin: 0;
	accent-color: var(--sb-blue);
}

.sb-checkout .sb-login button.woocommerce-form-login__submit {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 48px;
	min-height: 0;
	margin: 0;
	padding: 0 20px;
	border: 0;
	border-radius: 8px;
	background: var(--sb-blue);
	box-shadow: none;
	color: #fff;
	font-family: inherit;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: normal;
	text-transform: none;
}

.sb-checkout .sb-login button.woocommerce-form-login__submit:hover {
	background: #28659f;
}

.sb-login .lost_password {
	margin: 0 !important;
	font-size: 13px;
}

.sb-login .sb-recaptcha-note {
	margin: 10px 0 0 !important;
	color: var(--sb-muted);
	font-size: 11px;
}

.sb-login .sb-recaptcha-note a {
	color: inherit;
	text-decoration: underline;
}

.sb-login .lost_password a {
	color: var(--sb-blue);
	font-weight: 600;
	text-decoration: underline;
}

.sb-form {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.sb-checkout .woocommerce-NoticeGroup,
.sb-checkout .woocommerce-error,
.sb-checkout .woocommerce-message,
.sb-checkout .woocommerce-info {
	margin: 0;
}

.sb-checkout .woocommerce-NoticeGroup .woocommerce-error,
.sb-checkout .woocommerce-NoticeGroup .message-wrapper {
	margin: 0;
	padding: 12px 16px;
	border: 1px solid #f2c4b9;
	border-radius: 10px;
	background: #fdf3f0;
	color: #b3361b;
	font-size: 13px;
	list-style: none;
}

.sb-checkout .sb-main > .woocommerce-message,
.sb-checkout .sb-main > .woocommerce-info,
.sb-checkout .sb-main > .woocommerce-error,
body.sb-cart-page .woocommerce-notices-wrapper .woocommerce-message,
body.sb-cart-page .woocommerce-notices-wrapper .woocommerce-info,
body.sb-cart-page .woocommerce-notices-wrapper .woocommerce-error {
	margin: 0;
	padding: 12px 16px;
	border: 1px solid #cfe9d9;
	border-radius: 10px;
	background: var(--sb-green-bg, #e9f6ee);
	color: var(--sb-green, #2e9e5b);
	font-family: "SB Montserrat", Montserrat, sans-serif;
	font-size: 13px;
	font-weight: 600;
	list-style: none;
}

.sb-checkout .sb-main > .woocommerce-error,
body.sb-cart-page .woocommerce-notices-wrapper .woocommerce-error {
	border-color: #f2c4b9;
	background: #fdf3f0;
	color: #b3361b;
}

body.sb-cart-page .woocommerce-notices-wrapper {
	padding-top: 24px;
}

body.sb-cart-page .woocommerce-notices-wrapper:empty {
	display: none;
}

.sb-checkout .sb-main > .woocommerce-message .message-container,
body.sb-cart-page .woocommerce-notices-wrapper .message-container {
	padding: 0;
	color: inherit !important;
	text-align: left;
}

.sb-checkout .sb-main > .woocommerce-message a,
body.sb-cart-page .woocommerce-notices-wrapper .woocommerce-message a:not(.button) {
	color: #1f2328;
	text-decoration: underline;
}

.sb-checkout .woocommerce-NoticeGroup .woocommerce-error li {
	margin: 0;
	padding: 2px 0;
	list-style: none;
}

.sb-checkout .woocommerce-NoticeGroup .woocommerce-error::before {
	display: none;
}

/* Blocks */
.sb-block {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 24px 28px 28px;
}

.sb-block-head {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.sb-checkout .sb-block-title {
	color: var(--sb-text);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
}

.sb-block-sub {
	color: var(--sb-muted);
	font-size: 13px;
}

/* Fields */
.sb-fields {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.sb-fields-2,
.sb-address-fields {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 16px;
}

.sb-address-fields .form-row-wide {
	grid-column: 1 / -1;
}

.sb-checkout .form-row {
	display: flex;
	flex-direction: column;
	gap: 6px;
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

.sb-checkout .form-row.hidden,
.sb-checkout .form-row[style*="display: none"] {
	display: none !important;
}

.sb-checkout .form-row > label {
	display: block;
	margin: 0;
	color: var(--sb-text);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	text-transform: none;
	letter-spacing: normal;
}

.sb-checkout .form-row label .required,
.sb-checkout .form-row label .optional {
	display: none;
}

.sb-checkout .form-row .sb-optional {
	color: var(--sb-muted);
	font-weight: 400;
}

.sb-checkout .woocommerce-input-wrapper {
	display: block;
	position: relative;
	width: 100%;
}

.sb-checkout .form-row .description {
	display: none !important;
}

.sb-help {
	color: var(--sb-muted);
	font-size: 12px;
}

.sb-checkout .checkout-inline-error-message,
.sb-checkout .form-row .woocommerce-error {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	color: var(--sb-error);
	font-size: 12px;
}

/* Phone with +372 prefix */
.sb-checkout .sb-phone .woocommerce-input-wrapper::before {
	content: "+372";
	position: absolute;
	top: 50%;
	left: 14px;
	transform: translateY(-50%);
	color: var(--sb-text);
	font-size: 15px;
	font-weight: 500;
	pointer-events: none;
}

.sb-checkout .sb-phone .woocommerce-input-wrapper::after {
	content: "";
	position: absolute;
	top: 13px;
	left: 63px;
	width: 1px;
	height: 22px;
	background: var(--sb-input-border);
	pointer-events: none;
}

.sb-checkout .sb-phone input.input-text {
	padding-left: 74px;
}

/* select2 / selectWoo country select */
.sb-checkout .form-row .select2-container .select2-selection--single {
	height: 48px;
	border: 1px solid var(--sb-input-border);
	border-radius: 8px;
}

.sb-checkout .form-row .select2-container .select2-selection--single .select2-selection__rendered {
	padding: 0 40px 0 14px;
	color: var(--sb-text);
	font-size: 15px;
	line-height: 46px;
}

.sb-checkout .form-row .select2-container .select2-selection--single .select2-selection__arrow {
	top: 1px;
	right: 8px;
	height: 46px;
}

/* Newsletter checkbox */
.sb-checkout .sb-newsletter .sb-check {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	margin: 0;
	color: var(--sb-text);
	font-size: 13px;
	font-weight: 400;
	cursor: pointer;
}

.sb-check-text {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
}

.sb-checkbox {
	width: 20px;
	height: 20px;
	flex: 0 0 20px;
	border: 1.5px solid var(--sb-radio-border);
	border-radius: 5px;
	background: #fff;
}

.sb-check input:checked + .sb-checkbox {
	border-color: var(--sb-blue);
	background: var(--sb-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.33 8.33 6.33 11.33 12.67 5' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat;
}

.sb-check input:focus-visible + .sb-checkbox {
	box-shadow: 0 0 0 3px rgba(47, 116, 184, .3);
}

.sb-badge {
	padding: 3px 7px;
	border-radius: 4px;
	background: #e6f6ec;
	color: var(--sb-green);
	font-size: 10px;
	font-weight: 700;
	line-height: 1.3;
}

/* Delivery block */
.sb-shipping-fragment {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.sb-shipping-fragment:empty {
	display: none;
}

.sb-ship-options {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 16px;
}

.sb-ship-option .sb-option-logo {
	width: 64px;
	height: 40px;
	object-fit: contain;
}

.sb-info {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 14px;
	border-radius: 8px;
	background: #f5f6f8;
}

.sb-info p {
	color: var(--sb-muted);
	font-size: 13px;
}

.sb-checkout.sb-pickup-mode .sb-address-fields,
.sb-checkout:not(.sb-pickup-mode) .sb-pickup-only {
	display: none !important;
}

/* Montonio pickup point selector */
.sb-checkout .montonio-pickup-point__container {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.sb-checkout .montonio-pickup-point__label,
.sb-checkout .montonio-pickup-point-select-wrapper > label {
	margin: 0 !important;
	color: var(--sb-text);
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.4;
}

.sb-checkout .montonio-pickup-point__label .required,
.sb-checkout .montonio-pickup-point-select-wrapper .required {
	display: none;
}

.sb-checkout .montonio-pickup-point__search-logos {
	display: none !important;
}

.sb-checkout .montonio-pickup-point__toggle {
	display: flex !important;
	align-items: center;
	min-height: 60px !important;
	padding: 8px 44px 8px 42px !important;
	border: 1px solid var(--sb-input-border) !important;
	border-radius: 8px !important;
	background-color: #fff !important;
	background-image: url("../img/pin.svg"), url("../img/chev-18.svg") !important;
	background-position: 14px center, right 14px center !important;
	background-size: 18px 18px, 18px 18px !important;
	background-repeat: no-repeat !important;
	color: var(--sb-text) !important;
	font-family: inherit !important;
	font-size: 15px !important;
}

.sb-checkout .montonio-pickup-point__toggle:focus,
.sb-checkout .montonio-pickup-point__toggle--open {
	border-color: var(--sb-blue) !important;
	outline: 0;
	box-shadow: 0 0 0 3px rgba(47, 116, 184, .15) !important;
}

.sb-checkout .montonio-pickup-point__toggle-placeholder {
	color: var(--sb-placeholder);
	font-size: 15px;
}

.sb-checkout .montonio-pickup-point__toggle-value {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.sb-checkout .montonio-pickup-point__toggle-name {
	overflow: hidden;
	color: var(--sb-text);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.sb-checkout .montonio-pickup-point__toggle-address {
	margin: 0;
	overflow: hidden;
	color: var(--sb-muted);
	font-size: 12px;
	line-height: 1.4;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.sb-checkout .montonio-pickup-point__panel {
	border-color: var(--sb-input-border) !important;
	border-radius: 8px !important;
	font-family: inherit;
}

.sb-checkout .montonio-pickup-point__search-input {
	height: 44px !important;
	border-radius: 8px !important;
	font-size: 15px !important;
}

/* Payment */
.sb-checkout #payment.sb-payment {
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
}

.sb-checkout .sb-pay-options {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

.sb-checkout .sb-pay-option {
	display: block;
	padding: 0;
	cursor: default;
}

.sb-checkout .sb-pay-option.is-selected {
	padding: 0;
}

.sb-checkout .sb-option-label {
	display: flex !important;
	align-items: center;
	gap: 12px;
	width: 100%;
	margin: 0 !important;
	padding: 14px 16px;
	color: var(--sb-text);
	font-size: 14px;
	font-weight: 400;
	cursor: pointer;
}

.sb-checkout .sb-pay-option.is-selected .sb-option-label {
	padding: 13px 15px;
}

.sb-checkout .sb-pay-option .sb-option-logo,
.sb-checkout .sb-pay-option .montonio-payment-method-icon {
	height: 21px;
	width: auto;
	max-height: 24px;
	margin: 0 !important;
}

.sb-checkout .payment_box {
	margin: 0 !important;
	padding: 0 16px 14px 50px !important;
	border: 0;
	background: none !important;
	color: var(--sb-muted);
	font-size: 13px;
}

.sb-checkout .payment_box::before {
	display: none !important;
}

.sb-checkout .payment_box:not(:has(*)):empty,
.sb-checkout .payment_box:not(:has(:not(input[type="hidden"]))) {
	display: none !important;
}

.sb-checkout .payment_box p:last-child {
	margin-bottom: 0;
}

/* Extras */
.sb-extras {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.sb-extra-card {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 20px 24px 24px;
	border: 1.5px solid var(--sb-blue);
}

.sb-extra-head {
	display: flex;
	align-items: center;
	gap: 10px;
}

.sb-checkout .sb-extra-title {
	flex: 1 1 auto;
	color: var(--sb-text);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
}

.sb-checkout .sb-extra-close {
	gap: 4px;
	color: var(--sb-muted);
}

.sb-checkout .sb-extra-close:hover {
	color: var(--sb-text);
}

.sb-checkout #order_comments {
	height: 112px;
	padding: 12px 14px;
	resize: vertical;
}

.sb-note-hint {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	color: var(--sb-muted);
	font-size: 12px;
}

.sb-note-count {
	font-weight: 500;
	white-space: nowrap;
}

.sb-extra-links {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 28px;
	padding-left: 4px;
}

.sb-extra-links:not(:has(.sb-extra-link:not([hidden]))) {
	display: none;
}

/* Place order */
.sb-checkout .sb-place-order-row {
	display: block;
	margin: 0 !important;
	padding: 0 !important;
}

.sb-checkout button.sb-btn-pay {
	height: 58px;
	gap: 0;
}

.sb-checkout button.sb-btn-pay::before {
	content: "";
	width: 18px;
	height: 18px;
	margin-right: 10px;
	background: url("../img/lock.svg") center / 18px 18px no-repeat;
}

.sb-terms {
	color: var(--sb-muted);
	font-size: 12px;
	text-align: center;
}

.sb-terms a {
	color: inherit;
	font-weight: 500;
	text-decoration: underline;
}

.sb-terms a:hover {
	color: var(--sb-text);
}

/* Order summary */
.sb-checkout .sb-summary {
	display: flex;
	flex-direction: column;
	gap: 18px;
	padding: 24px;
}

.sb-summary-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.sb-summary-edit {
	color: var(--sb-blue);
	font-size: 13px;
	font-weight: 600;
	text-decoration: underline;
}

.sb-review-items {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.sb-review-item {
	display: flex;
	align-items: center;
	gap: 14px;
}

.sb-review-img {
	width: 60px;
	height: 60px;
	flex: 0 0 60px;
	overflow: hidden;
	border-radius: 8px;
	background: #f5f6f8;
}

.sb-checkout .sb-review-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sb-review-text {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.sb-review-name {
	color: var(--sb-text);
	font-size: 14px;
	font-weight: 600;
}

.sb-review-text dl.variation {
	margin: 0;
	color: var(--sb-muted);
	font-size: 12px;
}

.sb-review-text dl.variation dt,
.sb-review-text dl.variation dd,
.sb-review-text dl.variation p {
	display: inline;
	margin: 0;
}

.sb-review-qty {
	color: var(--sb-muted);
	font-size: 12px;
}

.sb-review-price {
	color: var(--sb-text);
	font-size: 14px;
	font-weight: 600;
	white-space: nowrap;
}

.sb-review-price .amount {
	color: inherit;
	font-weight: inherit;
}

/* Blocking overlay WooCommerce adds while updating */
.sb-cart .blockUI.blockOverlay,
.sb-checkout .blockUI.blockOverlay {
	border-radius: 14px;
}

/* ------------------------------------------------------------------
 * Mobile
 * ---------------------------------------------------------------- */

@media (max-width: 849px) {
	.sb-show-mobile {
		display: inline !important;
	}

	.sb-show-mobile-flex {
		display: inline-flex !important;
	}

	.sb-hide-mobile {
		display: none !important;
	}

	.sb-cart .sb-title,
	.sb-checkout .sb-title {
		font-size: 26px;
	}

	.sb-title-row {
		gap: 8px;
	}

	.sb-title-count {
		font-size: 14px;
	}

	.sb-trust {
		display: none;
	}

	/* Cart */
	.sb-cart {
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: none;
		grid-template-areas:
			"form"
			"aside"
			"promo"
			"continue";
		row-gap: 14px;
		padding: 20px 16px 24px;
	}

	.sb-cart-form {
		gap: 14px;
	}

	.sb-cart .sb-continue {
		justify-self: center;
		padding-left: 0;
	}

	.sb-ship-bar,
	.sb-ship-bar.is-free {
		padding: 14px 16px;
	}

	.sb-ship-bar-hint {
		display: none;
	}

	.sb-items {
		padding: 0 16px;
	}

	.sb-item {
		grid-template-columns: 76px minmax(0, 1fr) auto;
		grid-template-areas:
			"img info remove"
			"img qty total";
		align-items: start;
		column-gap: 14px;
		row-gap: 8px;
		padding: 16px 0;
	}

	.sb-item-img {
		grid-row: 1 / span 2;
		width: 76px;
		height: 76px;
	}

	.sb-item-info {
		gap: 2px;
	}

	.sb-item-name,
	.sb-item-name a {
		font-size: 15px;
	}

	.sb-item-unit {
		font-size: 12px;
	}

	.sb-remove-text {
		display: none;
	}

	.sb-remove-icon {
		display: block;
		justify-self: end;
	}

	.sb-cart .sb-remove-icon a.remove {
		display: flex;
		padding: 0;
	}

	.sb-item-qty {
		align-self: center;
	}

	.sb-item-total {
		align-self: center;
	}

	.sb-cart .sb-qty-btn {
		width: 36px;
		height: 36px;
	}

	.sb-cart .sb-qty-btn img {
		width: 14px;
		height: 14px;
	}

	.sb-cart .sb-qty-input {
		width: 40px;
		height: 36px;
		font-size: 14px;
	}

	.sb-promo {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
		padding: 16px;
	}

	.sb-promo-text {
		flex-basis: auto;
	}

	.sb-promo-sub {
		font-size: 12px;
	}

	.sb-promo-fields {
		gap: 8px;
	}

	.sb-cart .sb-promo-email {
		width: auto;
		flex: 1 1 auto;
		min-width: 0;
	}

	.sb-cart .sb-promo-btn {
		padding: 0 16px;
	}

	.sb-cart .sb-summary {
		gap: 12px;
		padding: 16px;
	}

	.sb-cart .sb-summary-title,
	.sb-cart .sb-proceed,
	.sb-cart .sb-pay-logos {
		display: none !important;
	}

	.sb-cart .sb-total-value {
		font-size: 20px;
	}

	.sb-cart .sb-total {
		gap: 0;
	}

	body.sb-cart-page {
		padding-bottom: 80px;
	}

	/* CookieYes consent button would cover the sticky total. */
	body.sb-cart-page .cky-btn-revisit-wrapper {
		bottom: 96px !important;
	}

	.sb-sticky-bar {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 990;
		display: flex;
		align-items: center;
		gap: 14px;
		padding: 12px 16px calc(16px + env(safe-area-inset-bottom));
		background: #fff;
		box-shadow: 0 -4px 16px rgba(0, 0, 0, .08);
	}

	.sb-sticky-total {
		display: flex;
		flex-direction: column;
		white-space: nowrap;
	}

	.sb-sticky-total span {
		color: var(--sb-muted);
		font-size: 12px;
		font-weight: 500;
	}

	.sb-sticky-total strong {
		color: var(--sb-text);
		font-size: 18px;
		font-weight: 700;
	}

	.sb-cart .sb-sticky-bar .sb-btn-checkout {
		flex: 1 1 auto;
		width: auto;
		height: 52px;
		gap: 8px;
		box-shadow: none;
		font-size: 16px;
	}

	/* Checkout */
	.sb-checkout {
		grid-template-columns: minmax(0, 1fr);
		padding: 0 16px 32px;
	}

	.sb-checkout .sb-aside {
		grid-column: 1;
		grid-row: 1;
		gap: 0;
	}

	.sb-checkout .sb-main {
		grid-column: 1;
		grid-row: 2;
		gap: 14px;
		padding-top: 20px;
	}

	.sb-checkout .sb-mob-bar,
	.sb-checkout .sb-mob-bar:hover,
	.sb-checkout .sb-mob-bar:focus,
	.sb-checkout .sb-mob-bar:active {
		display: flex !important;
		align-items: center;
		gap: 8px;
		width: calc(100% + 32px) !important;
		max-width: none !important;
		min-height: 0;
		margin: 0 -16px !important;
		padding: 14px 16px !important;
		border: 0 !important;
		border-top: 1px solid var(--sb-line) !important;
		border-bottom: 1px solid var(--sb-line) !important;
		border-radius: 0 !important;
		outline: 0;
		background: var(--sb-blue-bg) !important;
		box-shadow: none !important;
		color: var(--sb-blue);
		font: inherit;
		text-align: left;
		text-transform: none;
		letter-spacing: normal;
		cursor: pointer;
	}

	.sb-checkout .sb-mob-bar:focus-visible {
		outline: 2px solid var(--sb-blue);
		outline-offset: -2px;
	}

	.sb-mob-dyn {
		display: flex;
		flex: 1 1 auto;
		align-items: center;
		gap: 8px;
	}

	.sb-mob-label {
		flex: 1 1 auto;
		color: var(--sb-blue);
		font-size: 14px;
		font-weight: 600;
	}

	.sb-mob-chev {
		transition: transform .2s ease;
	}

	.sb-mob-bar[aria-expanded="true"] .sb-mob-chev {
		transform: rotate(180deg);
	}

	.sb-mob-total {
		color: var(--sb-text);
		font-size: 16px;
		font-weight: 700;
	}

	.sb-checkout {
		overflow-anchor: none;
	}

	.sb-summary-panel {
		display: none;
		padding-top: 14px;
	}

	.sb-summary-panel.is-open {
		display: flex;
	}

	.sb-checkout .sb-summary {
		padding: 16px;
	}

	.sb-checkout .sb-total-value {
		font-size: 20px;
	}

	.sb-title-row--checkout {
		align-items: center;
	}

	.sb-form {
		gap: 14px;
	}

	.sb-block {
		gap: 16px;
		padding: 20px 16px;
	}

	.sb-checkout .sb-block-title {
		font-size: 17px;
	}

	.sb-block-sub {
		font-size: 12px;
	}

	.sb-block-contact .sb-fields-2 {
		grid-template-columns: minmax(0, 1fr);
	}

	.sb-fields-2,
	.sb-address-fields {
		gap: 12px;
	}

	.sb-block-contact .sb-fields-2 {
		gap: 16px;
	}

	.sb-ship-options {
		grid-template-columns: minmax(0, 1fr);
	}

	.sb-checkout .sb-ship-option {
		padding: 14px;
	}

	.sb-checkout .sb-ship-option.is-selected {
		padding: 13px;
	}

	.sb-checkout .sb-option-label {
		padding: 14px;
	}

	.sb-checkout .sb-pay-option.is-selected .sb-option-label {
		padding: 13px;
	}

	.sb-checkout .sb-pay-option .sb-option-logo--cards {
		height: 16px;
	}

	.sb-checkout .payment_box {
		padding: 0 14px 14px 48px !important;
	}

	.sb-extra-card {
		padding: 20px 16px;
	}

	.sb-extra-links {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		padding: 4px 0 4px 4px;
	}

	.sb-extras:has(.sb-extra-card:not([hidden])) .sb-extra-links {
		padding-top: 0;
	}

	.sb-checkout button.sb-btn-pay {
		height: 56px;
		box-shadow: none;
	}

	/* Not in the mobile design. */
	.sb-checkout .sb-info {
		display: none !important;
	}

	.sb-terms a {
		font-weight: 400;
		text-decoration: none;
	}
}