/**
Theme Name: Astra Child
Author: Openstream
Author URI: https://www.openstream.ch/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* ============================================
   WooCommerce Cart Icon
   ============================================ */
   
/* Remove border from cart icon in header */
.ast-addon-cart-wrap {
	border: none !important;
}

/* ============================================
   Header Site Title
   ============================================ */

.site-title a {
	font-weight: 700;
}

/* Dark blue header background on mobile */
@media (max-width: 921px) {
	.ast-primary-header-bar {
		background-color: rgb(5, 24, 53) !important;
	}

	.site-title a {
		color: #ffffff !important;
	}

	/* Add white padding around logo for contrast on dark background */
	.custom-logo-link img {
		background-color: #ffffff;
		padding: 4px;
		border-radius: 4px;
	}
}

/* ============================================
   Page/Post Entry Title - Mobile Override
   ============================================ */

/* Astra's posts-structures module generates header.entry-header .entry-title
   with a default 32px/2rem that overrides the global H1 Customizer setting.
   This ensures the mobile H1 size matches the Customizer value. */
@media (max-width: 544px) {
	header.entry-header {
		padding-top: 20px;
	}

	header.entry-header .entry-title {
		font-size: 30px;
		font-weight: 400;
	}
}

/* ============================================
   Mobile Off-Canvas Menu
   ============================================ */

/* Dark blue background matching desktop header bar */
.ast-mobile-popup-drawer.active .ast-mobile-popup-inner {
	background-color: rgb(5, 24, 53) !important;
}

/* White text and links for dark background */
.ast-mobile-popup-drawer .ast-mobile-popup-content {
	color: #ffffff;
}

.ast-mobile-popup-drawer .ast-mobile-popup-content a {
	color: #ffffff;
}

/* Close button white */
.ast-mobile-popup-drawer .menu-toggle-close {
	color: #ffffff;
	fill: #ffffff;
}

.ast-mobile-popup-drawer .menu-toggle-close svg {
	fill: #ffffff;
}

/* Menu border lines subtle on dark background */
.ast-mobile-popup-drawer .main-header-menu .menu-item {
	border-color: rgba(255, 255, 255, 0.15);
}

/* Menu item text white */
.ast-mobile-popup-drawer .main-header-menu .menu-item > a {
	color: #ffffff;
}

/* Submenu toggle arrow white */
.ast-mobile-popup-drawer .ast-menu-toggle {
	color: #ffffff;
}

/* Cart icon white */
.ast-mobile-popup-drawer .ast-header-woo-cart .ast-cart-menu-wrap,
.ast-mobile-popup-drawer .ast-header-woo-cart a {
	color: #ffffff;
}

/* Account link white */
.ast-mobile-popup-drawer .ast-header-account a {
	color: #ffffff;
}

/* Display account, cart and phone links on one line */
.ast-mobile-popup-content {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5em;
}

.ast-mobile-popup-content > .ast-header-account,
.ast-mobile-popup-content > .ast-header-html-3 {
	display: inline-flex;
	align-items: center;
	flex: none;
}

/* Let the menu take full width below */
.ast-mobile-popup-content > .ast-builder-menu-mobile {
	width: 100%;
}

/* Expand Shop submenu first level by default */
.ast-mobile-popup-drawer .main-header-menu > .menu-item-has-children > .sub-menu {
	display: block !important;
	visibility: visible;
}

/* ============================================
   Header Search Field
   ============================================ */

/* Increase search placeholder and input text size */
.aws-search-field.search-field {
	font-size: 16px;
}

/* Red background for search icon button */
.aws-container .aws-search-form .aws-form-btn {
	background-color: rgb(178, 19, 10) !important;
}

.aws-container .aws-search-form .aws-form-btn svg {
	fill: #ffffff;
}

/* ============================================
   Header Phone Icon
   ============================================ */

/* Make phone emoji icon white for dark header background */
.phone-icon img {
	filter: brightness(0) invert(1);
}

/* Match phone number and currency label font size to header navigation */
.ast-below-header-bar a[href^="tel"],
.ast-below-header-bar .phone-icon + span {
	font-size: 18px;
}

.ast-below-header-bar .wmc-nav,
.ast-below-header-bar .ast-builder-html-element p {
	font-size: 18px;
}

/* ============================================
   Multi-Currency Switcher
   ============================================ */

/* Remove border from currency switcher dropdown */
.wmc-current-currency {
	border: none !important;
}

/* Reduce currency dropdown box size and match header dark blue */
.ast-below-header-bar .wmc-currency {
	background-color: transparent !important;
}
.ast-below-header-bar select.wmc-nav {
	padding: 2px 32px 2px 8px;
	height: auto;
	background-color: rgb(5, 24, 53) !important;
	color: #ffffff !important;
	border: 1px solid rgba(255, 255, 255, 0.3) !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='16' viewBox='57 35.171 26 16.043'%3E%3Cpath fill='%23ffffff' d='M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z'/%3E%3C/svg%3E") !important;
	background-position: calc(100% - 8px) 50% !important;
}

.wmc-sub-currency {
	border: none !important;
}

/* Display label and currency switcher on one line */
.ast-builder-html-element {
	display: flex;
	align-items: center;
	gap: 0.125rem;
	flex-wrap: nowrap;
}

.ast-builder-html-element p {
	margin: 0;
	white-space: nowrap;
}

/* Display currency switcher items horizontally on one line */
.woo-multi-currency.wmc-shortcode.plain-horizontal {
	display: flex;
	align-items: center;
	gap: 0.125rem;
	flex-wrap: nowrap;
}

.woo-multi-currency.wmc-shortcode.plain-horizontal .wmc-currency {
	display: inline-block;
	margin: 0;
	white-space: nowrap;
}

.woo-multi-currency.wmc-shortcode.plain-horizontal .wmc-currency a {
	padding: 0.125rem 0.25rem;
	text-decoration: none;
	white-space: nowrap;
}

/* Highlight active currency */
.woo-multi-currency.wmc-shortcode.plain-horizontal .wmc-currency.wmc-active a {
	font-weight: bold;
}

/* ============================================
   WooCommerce My Account Page
   ============================================ */

/* Align account navigation menu with "Konto" heading */
.woocommerce-MyAccount-navigation ul {
	padding-left: 0;
	list-style: none;
}

/* ============================================
   WooCommerce Product Collection Block (Featured Products)
   ============================================ */

/* Product title: smaller font like regular text, gray color, no underline */
.wp-block-woocommerce-product-collection .wp-block-post-title {
	font-size: 1rem !important; /* Regular text size */
	font-weight: normal;
	line-height: 1.5;
}

.wp-block-woocommerce-product-collection .wp-block-post-title a {
	color: #666 !important; /* Gray color */
	text-decoration: none !important; /* No underline */
}

.wp-block-woocommerce-product-collection .wp-block-post-title a:hover {
	color: rgb(178, 19, 10) !important; /* Theme red on hover */
}

/* Add to cart button: red background with theme color */
.wp-block-woocommerce-product-collection .wp-block-button__link {
	background-color: rgb(178, 19, 10) !important; /* Theme red */
	border-color: rgb(178, 19, 10) !important;
	color: #fff !important;
}

.wp-block-woocommerce-product-collection .wp-block-button__link:hover {
	background-color: rgb(140, 15, 8) !important; /* Darker red on hover */
	border-color: rgb(140, 15, 8) !important;
}

/* Product grid using CSS Grid for perfect horizontal alignment */
/* White background with border matching category pages */
.wp-block-woocommerce-product-collection .wc-block-product {
	display: grid;
	grid-template-rows: 220px 120px auto 40px auto;
	grid-template-columns: 1fr;
	height: 100%;
	gap: 0;
	background: #ffffff;
	border: 1px solid #e0e0e0;
	padding: 15px;
}

/* Product images - fixed height for alignment */
.wp-block-woocommerce-product-collection .wc-block-components-product-image {
	grid-row: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 220px;
	margin-bottom: 12px;
	overflow: hidden;
}

.wp-block-woocommerce-product-collection .wc-block-components-product-image img {
	object-fit: contain;
	max-width: 100%;
	height: auto;
}

/* Product title - row 2 with increased height for longer titles */
.wp-block-woocommerce-product-collection .wp-block-post-title {
	grid-row: 2;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	text-align: center;
	width: 100%;
	margin-bottom: 8px;
	padding-top: 4px;
}

/* Product price - row 3 */
.wp-block-woocommerce-product-collection .wp-block-woocommerce-product-price {
	grid-row: 3;
	text-align: center;
	width: 100%;
	margin-bottom: 4px;
}

/* Add to cart button - row 5 */
.wp-block-woocommerce-product-collection .wp-block-button {
	grid-row: 5;
	text-align: center;
	width: 100%;
	padding-top: 12px;
}

/* Delivery time badge - works for both block editor and classic shop pages */
.sstag-delivery-time-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 28px;
	margin-top: 4px;
	margin-bottom: 8px;
}

.sstag-delivery-time-badge {
	display: inline-block;
	background-color: rgb(5, 24, 53);
	color: #ffffff;
	padding: 2px 6px;
	border-radius: 3px;
	font-size: 0.75em;
	font-weight: 500;
}

/* Additional styling for block editor product collection */
.wp-block-woocommerce-product-collection .sstag-delivery-time-wrapper {
	grid-row: 4;
}

/* Carousel navigation buttons: simple arrows like screenshot */
.wp-block-woocommerce-product-collection .wc-block-next-previous-buttons {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin-bottom: 16px;
}

.wp-block-woocommerce-product-collection .wc-block-next-previous-buttons button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	background-color: transparent;
	border: 1px solid #ddd;
	border-radius: 4px;
	color: #666;
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
	transition: all 0.2s ease;
}

.wp-block-woocommerce-product-collection .wc-block-next-previous-buttons button:hover {
	background-color: #f5f5f5;
	border-color: #999;
	color: #333;
}

.wp-block-woocommerce-product-collection .wc-block-next-previous-buttons button:disabled {
	opacity: 0.3;
	cursor: not-allowed;
	border-color: #e5e5e5;
}

.wp-block-woocommerce-product-collection .wc-block-next-previous-buttons button:disabled:hover {
	background-color: transparent;
	border-color: #e5e5e5;
	color: #666;
}

.wp-block-woocommerce-product-collection .wc-block-next-previous-buttons button svg {
	width: 16px;
	height: 16px;
	fill: currentColor;
}

/* ============================================
   WooCommerce Product Images
   ============================================ */

/* Product card - white background with border on archive/category pages */
.woocommerce ul.products li.product {
	background: #ffffff;
	border: 1px solid #e0e0e0;
	padding: 15px;
}

/* Product savings info on archive/category pages */
.sstag-loop-savings {
	font-size: 0.85em;
	color: #666;
	margin-top: 4px;
	margin-bottom: 4px;
	line-height: 1.4;
}

.sstag-loop-savings a {
	color: #666;
	text-decoration: underline;
}

/* Prevent product images from upscaling beyond their original size */
/* Product archive/category pages */
.woocommerce ul.products li.product img {
	object-fit: contain !important;
	width: auto !important;
	max-width: 100%;
	height: auto !important;
}

/* Align product text elements at the same height across grid rows */
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap {
	flex: 1;
}

/* Prevent add-to-cart button from wrapping on archive pages */
.woocommerce ul.products li.product .button.add_to_cart_button {
	white-space: nowrap;
	padding: 8px 10px;
	font-size: 14px;
}

/* Single product page - main image and gallery */
.woocommerce div.product div.images img,
.woocommerce-product-gallery__image img,
.flex-control-thumbs img {
	object-fit: contain !important;
	width: auto !important;
	max-width: 100%;
	height: auto !important;
	border: 1px solid #e0e0e0;
}

/* Fix price filter input fields to display full prices */
/* Classic WooCommerce price filter widget */
.price_slider_amount input.min,
.price_slider_amount input.max {
	width: 100px !important;
	min-width: 100px;
}

/* WooCommerce Product Filter blocks (Gutenberg) */
.wc-block-product-filter-price-slider__left input.min,
.wc-block-product-filter-price-slider__right input.max {
	width: 100px !important;
	max-width: 100px !important;
	min-width: 100px !important;
}

/* ============================================
   WooCommerce Product Filter Category - Limit Depth
   ============================================ */

/* Hide categories deeper than level 1 (only show parent + first level children) */
.wc-block-product-filter-checkbox-list__item.has-depth-2,
.wc-block-product-filter-checkbox-list__item.has-depth-3,
.wc-block-product-filter-checkbox-list__item.has-depth-4,
.wc-block-product-filter-checkbox-list__item.has-depth-5 {
	display: none !important;
}

/* Hide parent category (level 0) when viewing a category archive page */
body.tax-product_cat .wp-block-woocommerce-product-filter-taxonomy .wc-block-product-filter-checkbox-list__item:not([class*="has-depth-"]) {
	display: none !important;
}

/* Hide "Mehr anzeigen ..." (Show more) button - show all subcategories immediately */
.wc-block-product-filter-checkbox-list__show-more {
	display: none !important;
}

/* Override WordPress interactive API hidden attribute to show level 1 categories only */
.wc-block-product-filter-checkbox-list__item.has-depth-1[hidden] {
	display: block !important;
}

/* ============================================
   WooCommerce Cart & Checkout Tables - Custom Columns (SST-25)
   ============================================ */

/* Cart and checkout table column alignment and sizing */
.woocommerce-cart-form__contents .product-unit-price,
.woocommerce-cart-form__contents .product-discount,
.woocommerce-cart-form__contents .product-price-incl-tax,
.woocommerce-cart-form__contents .product-subtotal,
.woocommerce-checkout-review-order-table .product-unit-price,
.woocommerce-checkout-review-order-table .product-discount,
.woocommerce-checkout-review-order-table .product-price-incl-tax,
.woocommerce-checkout-review-order-table .product-quantity,
.woocommerce-checkout-review-order-table .product-total {
	text-align: right !important;
}

/* Ensure numeric columns have consistent width */
.woocommerce-cart-form__contents .product-unit-price,
.woocommerce-cart-form__contents .product-discount,
.woocommerce-cart-form__contents .product-price-incl-tax,
.woocommerce-checkout-review-order-table .product-unit-price,
.woocommerce-checkout-review-order-table .product-discount,
.woocommerce-checkout-review-order-table .product-price-incl-tax,
.woocommerce-checkout-review-order-table .product-quantity {
	min-width: 80px;
}

/* Checkout table: Center align quantity column */
.woocommerce-checkout-review-order-table .product-quantity {
	text-align: center !important;
}

/* Responsive: Show data labels on mobile */
@media only screen and (max-width: 768px) {
	.woocommerce-cart-form__contents .product-unit-price::before {
		content: attr(data-title) ": ";
		font-weight: 700;
	}

	.woocommerce-cart-form__contents .product-discount::before {
		content: attr(data-title) ": ";
		font-weight: 700;
	}

	.woocommerce-cart-form__contents .product-price-incl-tax::before {
		content: attr(data-title) ": ";
		font-weight: 700;
	}
}

/* ============================================
   WooCommerce Product Category Display - Overlay Styling
   ============================================ */

/* Category grid item - add border and ensure proper layout */
.woocommerce ul.products li.product-category {
	position: relative;
	border: 1px solid #e0e0e0 !important;
	background: #fff;
}

/* Category link - flex container for image and title */
.woocommerce ul.products li.product-category > a {
	display: flex !important;
	flex-direction: column !important;
	position: relative;
	width: 100% !important;
	height: 100% !important;
}

/* Category images - prevent cropping, show full image with fixed height and padding */
.woocommerce ul.products li.product-category img {
	object-fit: contain !important;
	width: 100% !important;
	height: 200px !important;
	flex-shrink: 0 !important;
	padding: 20px !important;
	box-sizing: border-box !important;
}

/* Category title - below image, regular case (not uppercase) */
.woocommerce ul.products li.product-category .woocommerce-loop-category__title {
	position: relative;
	left: 0 !important;
	right: 0 !important;
	margin: 0 !important;
	padding: 15px;
	box-sizing: border-box !important;
	align-self: stretch !important;
	background: transparent !important;
	text-align: center !important;
	font-size: 0.95rem !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
	color: #333 !important;
	text-transform: none !important;
}

/* Product count styling - hide it */
.woocommerce ul.products li.product-category .woocommerce-loop-category__title mark.count {
	display: none !important;
}

/* ============================================
   Product Page Breadcrumb Customization
   ============================================ */

/* Breadcrumb container - use same width as content area */
.sstag-breadcrumb-container {
	max-width: var(--ast-container-default-xlg-width, 1200px);
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 20px;
	padding-left: 0;
	padding-right: 0;
	clear: both;
	display: block;
}

/* Add padding on mobile and tablet devices */
@media (max-width: 1200px) {
	.sstag-breadcrumb-container {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* Breadcrumb itself - use container width */
.sstag-breadcrumb-container .woocommerce-breadcrumb {
	margin: 0;
	padding: 0;
	display: block;
}

/* Breadcrumb links - gray by default */
.woocommerce-breadcrumb a {
	display: inline-block;
	max-width: 40ch;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: bottom;
	text-decoration: none;
	color: #666;
}

/* Last breadcrumb link - red */
.woocommerce-breadcrumb a:last-of-type {
	color: rgb(178, 19, 10);
}

/* Add underline on hover */
.woocommerce-breadcrumb a:hover {
	text-decoration: underline;
}

/* Hide the category link above product name */
.single-product .single-product-category {
	display: none !important;
}

/* Hide breadcrumb in product summary (duplicate) */
.single-product .summary .woocommerce-breadcrumb {
	display: none !important;
}

/* Reduce spacing between breadcrumb and product content */
.single-product .site-content {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

.single-product #content .ast-container {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

/* Remove all spacing from content area and main on product pages */
.single-product .content-area {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

.single-product .site-main,
.single-product #main {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

/* ============================================
   WooCommerce Sale Price - UVP Label
   ============================================ */

/* Hide category and MPN from product meta on detail page */
.single-product .product_meta .posted_in:not(:first-child),
.single-product .product_meta .mpn_wrapper {
	display: none !important;
}

/* UVP label styling for sale prices - inherits strikethrough from parent del */
.price .uvp-label {
	font-weight: normal;
	color: #444;
	font-size: 1em; /* Relative to parent del size */
}

/* Original/regular price (strikethrough) - darker gray */
.price del {
	color: #444;
	font-size: calc(0.5em + 3px); /* Half the size of the sale price plus 3px */
}

.price del .woocommerce-Price-amount {
	color: #444;
}

/* Sale price (discounted price) - red text */
.price ins {
	background-color: transparent !important;
	color: rgb(178, 19, 10) !important;
	text-decoration: none !important;
}

.price ins .woocommerce-Price-amount,
.price ins .woocommerce-Price-currencySymbol {
	color: rgb(178, 19, 10) !important;
}

/* Larger prices on archive/category product listings */
.woocommerce ul.products li.product .price {
	font-size: 1.2em;
}

.woocommerce ul.products li.product .price del {
	font-size: calc(0.5em + 5px);
	display: block;
	opacity: 0.5;
	color: #444;
	margin-top: 4px;
}

/* Tighter horizontal padding on product cards for archive/category listings */
.woocommerce ul.products li.product {
	padding-left: 10px;
	padding-right: 10px;
}
.woocommerce ul.products li.product .astra-shop-summary-wrap,
.woocommerce-page ul.products li.product .astra-shop-summary-wrap {
	padding-left: 14px;
	padding-right: 14px;
}
.archive-badge .astra-child-sku-badge,
.archive-badge .astra-child-delivery-time-badge {
	font-size: calc(0.75em + 1px);
	background-color: transparent;
	padding: 0;
	border-radius: 0;
	font-weight: 700;
}
div.archive-badge {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.4;
}
.archive-badge .astra-child-sku-badge {
	color: #015E00;
}
.archive-badge .astra-child-delivery-time-badge {
	color: rgb(5, 24, 53);
}

/* Single column product grid on mobile */
@media (max-width: 544px) {
	.ast-container .woocommerce ul.products:not(.elementor-grid),
	.woocommerce-page ul.products:not(.elementor-grid),
	.woocommerce.mobile-columns-2 ul.products:not(.elementor-grid),
	.woocommerce-page.mobile-columns-2 ul.products:not(.elementor-grid) {
		grid-template-columns: 1fr !important;
	}
}

/* Footer payment logos - all 6 in one row on mobile */
@media (max-width: 768px) {
	.site-footer .wp-block-gallery.columns-6 {
		columns: initial;
	}
	.site-footer .wp-block-gallery.columns-6 .wp-block-image {
		width: calc(16.66% - 8px) !important;
		flex: 0 0 calc(16.66% - 8px) !important;
	}
}

/* Footer "Infos" list - align bullets under heading (Astra sets ol,ul margin 3em) */
.site-footer .ast-footer-html-1 .ast-builder-html-element ul {
	margin-left: 0 !important;
	padding-left: 1em !important;
}

/* Free shipping threshold on checkout */
.sstag-free-shipping-threshold {
	color: #388e3c;
	font-weight: 600;
}

/* Make search field full width and prevent placeholder text cutoff on mobile */
@media (max-width: 921px) {
	.ast-below-header-bar .ast-header-search,
	.ast-below-header-bar .ast-search-menu-icon {
		width: 100% !important;
	}
	.aws-search-field {
		font-size: 13px !important;
		padding-right: 45px !important;
	}
}

/* Match shipping price font size with other totals rows on checkout */
.woocommerce-shipping-totals .woocommerce-Price-amount,
.shipping .woocommerce-Price-amount {
	font-size: 16px;
}

/* Fix invoice button contrast and prevent text wrapping on order-received page */
a.button.invoice.order-actions-button {
	color: #fff !important;
	font-size: 13px;
	white-space: nowrap;
}

/* ============================================
   Homepage Featured Products - CSS Scroll-Snap Slider
   ============================================ */

/* Horizontal scroll container */
body.home .woocommerce ul.products {
	display: flex !important;
	flex-wrap: nowrap !important;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	gap: 16px;
	padding-bottom: 12px;
	scrollbar-width: thin;
	scrollbar-color: #ccc transparent;
}

/* Webkit scrollbar styling */
body.home .woocommerce ul.products::-webkit-scrollbar {
	height: 6px;
}

body.home .woocommerce ul.products::-webkit-scrollbar-track {
	background: transparent;
}

body.home .woocommerce ul.products::-webkit-scrollbar-thumb {
	background-color: #ccc;
	border-radius: 3px;
}

/* Each product card as a fixed-width slide */
body.home .woocommerce ul.products li.product {
	flex: 0 0 calc(25% - 12px);
	scroll-snap-align: start;
	min-width: 220px;
	max-width: none;
	width: auto !important;
	margin: 0 !important;
}

/* 3 cards on tablet */
@media (max-width: 921px) {
	body.home .woocommerce ul.products li.product {
		flex: 0 0 calc(33.33% - 11px);
	}
}

/* 2 cards on small tablet */
@media (max-width: 700px) {
	body.home .woocommerce ul.products li.product {
		flex: 0 0 calc(50% - 8px);
	}
}

/* 1 card on mobile */
@media (max-width: 544px) {
	body.home .woocommerce ul.products li.product {
		flex: 0 0 85%;
	}
}

/* Cart trust badges below checkout button */
.sstag-cart-trust-badges {
	list-style: none;
	margin: 15px 0 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.8;
	color: #333;
}

.sstag-cart-trust-badges li {
	margin: 0;
	padding: 0;
}

.sstag-cart-trust-badges a {
	color: inherit;
	text-decoration: underline;
}