/* =====================================================================
   Sharp-Rite — WooCommerce
   Scoped per feature: body.sr-cards, body.sr-shop, body.sr-product,
   body.sr-checkout, body.sr-account. Badge colours, header settings and
   every WooCommerce hook stay with Flatsome and Theme Options.
   ===================================================================== */

/* ---------------------------------------------------------------------
   1. Product cards (shop, category, search, related, upsells)
   ------------------------------------------------------------------- */
body.sr-cards .products .product-small.col .col-inner,
body.sr-cards .products .product-category.col .col-inner{
	background:transparent!important;box-shadow:none!important;border-radius:0;overflow:visible!important;
}
body.sr-cards .products.has-shadow .col-inner,
body.sr-cards .row-box-shadow-1 .col-inner,
body.sr-cards .row-box-shadow-3-hover .col-inner:hover{box-shadow:none!important}
body.sr-cards .products .product-small.col{overflow:visible!important}
body.sr-cards .product-small.box,body.sr-cards .product-small .box{background:transparent;box-shadow:none;border:0}

body.sr-cards .product-small .box-image{
	position:relative;background:var(--sr-surface);border-radius:var(--sr-r-lg);
	overflow:hidden;aspect-ratio:1/1;padding:0!important;
	transition:transform .3s var(--sr-ease),box-shadow .3s;
}
body.sr-cards .product-small .box-image>div:first-child,
body.sr-cards .product-small .box-image .image-fade_in_back,
body.sr-cards .product-small .box-image>div>a{position:absolute;inset:0;display:block}
body.sr-cards .products .product-small .box-image img,
body.sr-cards .products .product-small .box-image img.back-image{
	position:absolute!important;top:16px!important;left:16px!important;
	right:16px!important;bottom:16px!important;
	width:calc(100% - 32px)!important;height:calc(100% - 32px)!important;max-width:none!important;
	object-fit:contain!important;mix-blend-mode:multiply;
	transition:transform .45s var(--sr-ease),opacity .3s;z-index:1;
}
/* The second photo replaces the first rather than layering over it */
body.sr-cards .products .product-small .box-image img.back-image{z-index:2;background:var(--sr-surface)!important}
/* Out of stock is excluded: its second photo is hidden outright, so
   fading the first one out would leave an empty white tile on hover. */
body.sr-cards .products .product-small:not(.out-of-stock):has(img.back-image) .col-inner:hover .box-image img:not(.back-image){opacity:0!important;transform:none}
body.sr-cards .products .out-of-stock .col-inner:hover .box-image img:not(.back-image){opacity:.55!important}
body.sr-cards .product-small .col-inner:hover .box-image img{transform:scale(1.05)}

/* Badges: shape and type only — colours come from Theme Options */
body.sr-cards .products .badge-container{position:absolute;top:14px;left:14px;margin:0!important;z-index:5;pointer-events:none}
body.sr-cards .products .badge,
body.sr-cards .products .badge-circle,
body.sr-cards .products .badge-inner{
	width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;
	border-radius:999px!important;border:0!important;box-shadow:none!important;
	display:inline-flex;align-items:center;justify-content:center;
	font-family:var(--sr-text);font-weight:700;font-size:12px;line-height:1;
	padding:0;transform:none!important;
}
body.sr-cards .products .badge-inner{padding:6px 10px!important}
body.sr-cards .products .badge-inner span,body.sr-cards .products .onsale{font-size:12px;font-weight:700;line-height:1}
body.sr-cards .products .badge-container .callout{margin:0}
body.sr-cards .products .badge-container>div+div{margin-left:5px}

body.sr-cards .products .out-of-stock-label{
	position:absolute!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;
	width:auto!important;height:auto!important;margin:0!important;transform:none!important;z-index:4;
	background:rgba(255,255,255,.94);backdrop-filter:blur(6px);color:var(--sr-ink);
	font-size:13px;font-weight:600;padding:10px;text-align:center;
	text-transform:none;letter-spacing:0;line-height:1.3;border-radius:0;
}
/* Out of stock: dim the main photo only. The second photo has to be
   hidden outright — at reduced opacity its white backing goes
   see-through and the two images show through each other. */
body.sr-cards .products .out-of-stock .box-image img:not(.back-image){opacity:.55}
body.sr-cards .products .out-of-stock .box-image img.back-image{display:none!important}

/* Hover tools */
body.sr-cards .products .image-tools.grid-tools{
	position:absolute!important;left:12px!important;right:12px!important;bottom:12px!important;top:auto!important;
	width:auto!important;height:44px!important;min-height:44px!important;z-index:4!important;
	display:flex!important;align-items:center;gap:8px;justify-content:flex-end;
	background:transparent!important;padding:0!important;margin:0!important;
	transform:none!important;opacity:1!important;border:0!important;
}
body.sr-cards .products .out-of-stock .image-tools.grid-tools{display:none!important}
body.sr-cards .products .image-tools.is-small.top.right,
body.sr-cards .products .image-tools.is-small.bottom.left{display:none}
body.sr-cards .products .image-tools.grid-tools>a{
	position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
}
body.sr-cards .products .image-tools.grid-tools .quick-view{
	flex:1 1 auto!important;height:44px!important;display:flex!important;align-items:center;justify-content:center;
	background:rgba(255,255,255,.92);backdrop-filter:blur(8px);color:var(--sr-ink);
	border-radius:999px;font-size:14px;font-weight:600;text-transform:none;letter-spacing:0;
	box-shadow:0 2px 8px rgba(0,0,0,.08);border:0;padding:0;
	opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s,background .15s,color .15s;
}
body.sr-cards .products .col-inner:hover .quick-view,
body.sr-cards .products .quick-view:focus-visible{opacity:1;transform:none}
body.sr-cards .products .image-tools.grid-tools .quick-view:hover{background:var(--sr-ink);color:#fff}
body.sr-cards .products .image-tools .add-to-cart-grid{
	width:44px!important;height:44px!important;min-width:44px!important;flex:0 0 44px!important;
	border-radius:50%!important;background:var(--sr-red)!important;color:#fff!important;
	display:flex!important;align-items:center!important;justify-content:center!important;
	padding:0!important;margin:0!important;border:0!important;order:2;
	transition:background .15s,transform .15s;
}
body.sr-cards .products .add-to-cart-grid:hover{background:var(--sr-ink)!important;transform:scale(1.06)}
body.sr-cards .products .add-to-cart-grid .cart-icon,
body.sr-cards .products .add-to-cart-grid .cart-icon strong,
body.sr-cards .products .add-to-cart-grid .screen-reader-text{display:none!important}
body.sr-cards .products .add-to-cart-grid::after{
	content:"+";color:#fff;font-size:26px;font-weight:300;line-height:1;display:block;margin-top:-2px;
}
body.sr-cards .products .add-to-cart-grid.added::after{content:"\2713";font-size:20px}
body.sr-cards .products .add-to-cart-grid.loading{opacity:.6}
body.sr-cards .products .added_to_cart{display:none!important}

/* Card text */
body.sr-cards .products .box-text,
body.sr-cards .products .box-text-products{
	padding:14px 6px 18px!important;text-align:left!important;background:transparent;overflow:visible!important;
}
body.sr-cards .products.has-equal-box-heights .box-text,
body.sr-cards .equalize-box .box-text{height:auto!important;min-height:0!important}
body.sr-cards .products .box-text .category,
body.sr-cards .products .product-cat{
	font-size:13px;color:var(--sr-muted);text-transform:none!important;letter-spacing:0!important;
	opacity:1;margin:0 0 4px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
body.sr-cards .products .box-text .name,
body.sr-cards .products .product-title{
	font-family:var(--sr-text)!important;font-size:15px;font-weight:500;line-height:1.35;
	letter-spacing:0;margin:0 0 6px;text-transform:none;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
body.sr-cards .products .box-text .name a{color:var(--sr-ink)}
body.sr-cards .products .box-text .name a:hover{color:var(--sr-red)}
body.sr-cards .products .price-wrapper .price,
body.sr-cards .products .price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;color:var(--sr-ink)}
body.sr-cards .products .price ins,
body.sr-cards .products .price>.amount,
body.sr-cards .products .price bdi{
	font-family:var(--sr-display);font-weight:700;font-size:20px;letter-spacing:-.02em;
	text-decoration:none;color:var(--sr-ink);background:transparent;
}
body.sr-cards .products .price del{order:2;opacity:1}
body.sr-cards .products .price del,
body.sr-cards .products .price del bdi{
	font-family:var(--sr-text);font-size:13.5px;font-weight:400;color:var(--sr-muted);letter-spacing:0;
}
body.sr-cards .products .price .woocommerce-price-suffix{order:3;font-size:12px;color:var(--sr-muted);font-weight:400}

/* ---------------------------------------------------------------------
   2. Shop and category pages
   ------------------------------------------------------------------- */
body.sr-shop.woocommerce #main,body.sr-shop.woocommerce-page #main,
body.sr-shop.post-type-archive-product #main,body.sr-shop.tax-product_cat #main,
body.sr-shop.tax-product_brand #main{background-color:var(--sr-bg)!important}

body.sr-shop .product-category .box-shade .box-image{border-radius:var(--sr-r-lg);aspect-ratio:4/3;overflow:hidden;padding:0!important}
body.sr-shop .product-category .box-image img{
	position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
	mix-blend-mode:normal;transition:transform .5s var(--sr-ease);
}
body.sr-shop .product-category .col-inner:hover .box-image img{transform:scale(1.06)}
body.sr-shop .product-category .box-text{padding:0!important;text-align:center!important}
body.sr-shop .product-category .box-shade .box-text{position:absolute;inset:auto 0 0 0;padding:18px 16px!important}
body.sr-shop .product-category .header-title{
	font-family:var(--sr-display)!important;font-size:19px!important;font-weight:700;
	text-transform:none!important;letter-spacing:-.02em!important;color:#fff;margin:0;line-height:1.15;
}
body.sr-shop .product-category .count{
	font-size:13px!important;text-transform:none!important;letter-spacing:0!important;
	color:rgba(255,255,255,.8);margin:4px 0 0;
}
body.sr-shop .product-category .shade{background:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,.15) 60%,transparent)}

/* Shop and category toolbar: breadcrumb and Filter on the left, result
   count and sort on the right, all on one line with a hairline under it.
   Flatsome stacks these in two tall columns, which is where the empty
   band above the breadcrumb came from. */
body.sr-shop .shop-page-title,body.sr-shop .category-page-title{background:transparent!important}
body.sr-shop .shop-page-title .page-title-inner,
body.sr-shop .category-page-title .page-title-inner{
	padding-top:10px!important;padding-bottom:0!important;min-height:0!important;
	height:auto!important;background:transparent!important;text-align:left!important;
	display:flex!important;align-items:center;flex-wrap:wrap;gap:8px 18px;
	border-bottom:1px solid var(--sr-line);margin-bottom:24px;
}
body.sr-shop .page-title-inner>.flex-col{
	padding-bottom:14px;min-height:0!important;margin:0!important;
	display:flex!important;flex-direction:row!important;align-items:center;
	justify-content:flex-start!important;flex-wrap:wrap;gap:8px 14px;
}
body.sr-shop .page-title-inner>.flex-col>*{margin:0!important}
body.sr-shop .page-title-inner>.flex-col:last-child{margin-left:auto!important;justify-content:flex-end!important}
body.sr-shop .page-title-inner .category-filtering{line-height:0}
body.sr-shop .page-title-inner .woocommerce-ordering select.orderby{height:40px;margin:0}
body.sr-shop .page-title-inner .flex-col,body.sr-shop .page-title-inner .flex-row{text-align:left!important}
body.sr-shop .page-title-inner *{color:var(--sr-ink)!important;text-shadow:none!important}
body.sr-shop .page-title-inner .breadcrumbs,
body.sr-shop .page-title-inner .woocommerce-breadcrumb,
body.sr-shop .page-title-inner .woocommerce-result-count,
body.sr-shop .page-title-inner .woocommerce-ordering,
body.sr-shop .page-title-inner form{margin:0!important}
@media (max-width:549px){
	body.sr-shop .page-title-inner>.flex-col:last-child{width:100%;margin-left:0!important;justify-content:space-between}
	body.sr-shop .page-title-inner .woocommerce-result-count{font-size:13px}
}
body.sr-shop .page-title h1,body.sr-shop .woocommerce-products-header__title{
	font-family:var(--sr-display)!important;text-align:left!important;
	font-size:clamp(24px,2.6vw,36px)!important;letter-spacing:-.035em!important;
	line-height:1.12!important;margin:0 0 6px!important;text-transform:none!important;
}
body.sr-shop .page-title .breadcrumbs,body.sr-shop .page-title .woocommerce-breadcrumb{
	text-align:left!important;color:var(--sr-muted)!important;font-size:13px!important;
}
body.sr-shop .term-description{color:var(--sr-body);max-width:70ch;font-size:15.5px}
body.sr-shop .woocommerce-result-count{color:var(--sr-muted);font-size:14px}
body.sr-shop .filter-button,
body.sr-shop a.filter-button{
	display:inline-flex!important;align-items:center;gap:8px;
	background:var(--sr-surface)!important;color:var(--sr-ink)!important;
	border:1px solid var(--sr-line)!important;border-radius:999px!important;
	height:40px;min-height:40px!important;line-height:1;padding:0 18px!important;
	font-weight:600!important;font-size:14px!important;
	text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;
	transition:background .15s,color .15s,border-color .15s;
}
body.sr-shop .filter-button i,body.sr-shop .filter-button svg{color:inherit!important;fill:currentColor}
body.sr-shop .filter-button:hover,
body.sr-shop a.filter-button:hover,
body.sr-shop .filter-button.active,
body.sr-shop .filter-button[aria-expanded="true"]{
	background:var(--sr-ink)!important;border-color:var(--sr-ink)!important;color:#fff!important;transform:none;
}
body.sr-shop .filter-button:hover *,
body.sr-shop .filter-button.active *{color:#fff!important}
body.sr-shop .woocommerce-ordering select{
	background:var(--sr-surface);border:0;box-shadow:var(--sr-shadow);
	height:44px;border-radius:999px;padding:0 42px 0 18px;font-size:14.5px;font-weight:500;
}
body.sr-shop .shop-sidebar .widget{
	background:var(--sr-surface);border-radius:var(--sr-r-lg);padding:20px;
	box-shadow:var(--sr-shadow);margin-bottom:16px;
}
body.sr-shop .shop-sidebar .widget-title{font-family:var(--sr-text);font-size:15px;font-weight:600;letter-spacing:0;text-transform:none}
body.sr-shop .shop-sidebar ul li{border-color:var(--sr-line-soft);font-size:14.5px}
body.sr-shop .shop-sidebar ul li a{color:var(--sr-body)}
body.sr-shop .shop-sidebar ul li a:hover{color:var(--sr-red)}
body.sr-shop .page-numbers li a,body.sr-shop .page-numbers li span{
	border:0!important;border-radius:999px!important;min-width:44px;height:44px;line-height:44px;
	background:var(--sr-surface);color:var(--sr-ink);font-weight:600;font-size:14.5px;
	margin:0 3px;box-shadow:var(--sr-shadow);
}
body.sr-shop .page-numbers li .current{background:var(--sr-ink)!important;color:#fff!important}
body.sr-shop .page-numbers li a:hover{background:var(--sr-bg);color:var(--sr-red)}
body.sr-shop .woocommerce-pagination ul{border:0!important}

/* ---------------------------------------------------------------------
   3. Product page
   ------------------------------------------------------------------- */
body.sr-product.single-product #main,body.sr-product.single-product #content{background-color:var(--sr-bg)!important}
body.sr-product .product-main{padding-top:24px;padding-bottom:36px}
body.sr-product .product-gallery .woocommerce-product-gallery__wrapper,
body.sr-product .product-images{background:var(--sr-surface);border-radius:var(--sr-r-xl);overflow:hidden}
body.sr-product .product-thumbnails a,
body.sr-product .product-thumbnails img{border-radius:var(--sr-r-sm)!important;overflow:hidden;background:var(--sr-surface)}
body.sr-product .product-thumbnails .is-nav-selected a{border-color:var(--sr-ink)!important;box-shadow:0 0 0 2px var(--sr-ink)}

body.sr-product .product-info,body.sr-product .entry-summary,body.sr-product .product-main .summary{
	background:var(--sr-surface);border-radius:var(--sr-r-xl);padding:28px!important;
	box-shadow:var(--sr-shadow);text-align:left!important;
}
body.sr-product .product-info .product-title{
	font-family:var(--sr-display);font-size:clamp(25px,2.6vw,36px);
	letter-spacing:-.035em;line-height:1.1;margin-bottom:10px;
}
body.sr-product .sr-model-line{font-size:13.5px;color:var(--sr-muted);margin:0 0 10px;font-weight:500;text-align:left}
body.sr-product .sr-model-line a{color:var(--sr-ink)}
body.sr-product .product-info .ux-product-brands{
	float:none!important;display:block!important;position:static!important;
	width:auto!important;max-width:none!important;margin:0 0 14px!important;height:auto!important;
}
body.sr-product .product-info .ux-product-brands img{max-height:40px;width:auto;margin:0}
body.sr-product .product-info .price-wrapper .price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:10px 0 4px}
body.sr-product .product-info .price ins,
body.sr-product .product-info .price>.amount,
body.sr-product .product-info .price bdi{
	font-family:var(--sr-display);font-weight:700;font-size:32px;letter-spacing:-.03em;
	text-decoration:none;color:var(--sr-ink);
}
body.sr-product .product-info .price del,
body.sr-product .product-info .price del bdi{font-family:var(--sr-text);font-size:16px;color:var(--sr-muted);font-weight:400}
body.sr-product .product-info .woocommerce-price-suffix{font-size:13px;color:var(--sr-muted)}
body.sr-product .product-info .product_meta{
	border-top:1px solid var(--sr-line);padding-top:16px;margin-top:20px;
	font-size:13.5px;color:var(--sr-muted);text-align:left!important;
}
body.sr-product .product-info .product_meta span{display:block;margin-bottom:5px}
body.sr-product .product-info .product_meta a{color:var(--sr-ink)}
body.sr-product .product-info .stock{
	font-weight:600;font-size:14.5px;border-radius:999px;padding:6px 14px;
	display:inline-flex;align-items:center;gap:8px;
}
body.sr-product .product-info .stock.in-stock{background:rgba(31,138,76,.1);color:var(--sr-green)}
body.sr-product .product-info .stock.out-of-stock{background:var(--sr-red-soft);color:var(--sr-red)}
body.sr-product .product-info .woocommerce-product-details__short-description{
	background:var(--sr-bg);border-radius:var(--sr-r-md);padding:16px 18px;
	margin:18px 0;font-size:15px;color:var(--sr-body);
}
/* Buy block beside the description. product-tweaks.js builds .sr-info-row
   (description left, .sr-buy-box right); the price is moved into that box
   in sr-theme.php so it sits directly above the add-to-cart button. */
body.sr-product .product-info .sr-info-row{gap:26px;align-items:stretch;margin:20px 0 4px}
body.sr-product .product-info .sr-info-row .product-short-description{
	flex:1 1 300px;max-width:none;background:var(--sr-bg)!important;
	border-left:0!important;border-radius:var(--sr-r-md)!important;padding:18px 20px!important;
	font-size:15px;color:var(--sr-body);
}
body.sr-product .product-info .sr-info-row .sr-buy-box{
	flex:1 1 340px;text-align:right!important;padding:18px 20px;
	background:var(--sr-bg);border-radius:var(--sr-r-md);
	display:flex;flex-direction:column;justify-content:center;align-items:flex-end;
}
body.sr-product .sr-buy-box>*{max-width:100%}
body.sr-product .sr-buy-box style,
body.sr-product .sr-buy-box script,
body.sr-product .sr-buy-box template{display:none!important}
body.sr-product .sr-buy-box .sr-buy-extra{
	margin:0!important;font-size:13px;color:var(--sr-muted);
	display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;text-align:right;
}
body.sr-product .sr-buy-box>.price-wrapper,
body.sr-product .sr-buy-box>p.price{order:-1}
body.sr-product .sr-buy-box .price-wrapper .price,
body.sr-product .sr-buy-box .price{
	margin:0 0 6px!important;justify-content:flex-end;text-align:right;
}
body.sr-product .sr-buy-box form.cart{justify-content:flex-end}
body.sr-product .sr-buy-box .sr-availability-text{
	color:var(--sr-body);font-size:14.5px;margin-bottom:8px;text-align:right;align-self:flex-end;
}
body.sr-product .sr-buy-box p.stock{margin:0 0 14px!important;align-self:flex-end}
body.sr-product .sr-buy-box form.cart{margin:0 0 12px!important}
body.sr-product .sr-buy-box .sr-outofstock-note{font-size:13px;color:var(--sr-muted)}
body.sr-product .product-info form.cart{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0}
body.sr-product .product-info .single_add_to_cart_button{flex:1 1 auto;min-width:160px;min-height:52px!important;font-size:16px!important}
body.sr-product .quantity{
	border:1.5px solid var(--sr-line);border-radius:999px;overflow:hidden;
	background:var(--sr-surface);height:52px;display:inline-flex;align-items:center;
}
body.sr-product .quantity input.qty{border:0!important;height:50px;width:52px;text-align:center;font-weight:600;background:transparent;padding:0}
body.sr-product .quantity .minus,body.sr-product .quantity .plus{
	border:0!important;background:transparent!important;width:42px;height:50px;
	color:var(--sr-ink);font-size:18px;border-radius:0;min-height:0;padding:0;
}
body.sr-product .quantity .minus:hover,body.sr-product .quantity .plus:hover{background:var(--sr-bg)!important;transform:none}
body.sr-product .product-info .badge-container{position:static;margin:0 0 12px;text-align:left}

/* Product image badges: the same pills used on the cards, rather than
   Flatsome's large circles. Colours still come from Theme Options. */
body.sr-product .product-gallery .badge-container,
body.sr-product .product-images .badge-container{
	position:absolute;top:16px;left:16px;right:auto;margin:0!important;z-index:5;pointer-events:none;
	display:flex;align-items:flex-start;gap:6px;width:auto!important;height:auto!important;
}
body.sr-product .product-gallery .badge,
body.sr-product .product-images .badge,
body.sr-product .product-gallery .badge-circle,
body.sr-product .product-images .badge-circle,
body.sr-product .product-gallery .badge-inner,
body.sr-product .product-images .badge-inner{
	width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;
	border-radius:999px!important;border:0!important;box-shadow:none!important;
	display:inline-flex;align-items:center;justify-content:center;
	font-family:var(--sr-text);font-weight:700;font-size:12.5px;line-height:1;
	padding:0;margin:0!important;transform:none!important;
}
body.sr-product .product-gallery .badge-inner,
body.sr-product .product-images .badge-inner{padding:7px 12px!important}
body.sr-product .product-gallery .badge-inner span,
body.sr-product .product-images .badge-inner span{font-size:12.5px;font-weight:700;line-height:1}
body.sr-product .product-gallery .badge-container .callout,
body.sr-product .product-images .badge-container .callout{margin:0;position:static!important}
body.sr-product .woocommerce-tabs .tab-panels{
	background:var(--sr-surface);border-radius:var(--sr-r-xl);padding:28px;box-shadow:var(--sr-shadow);border:0;
}
body.sr-product .woocommerce-tabs .nav-tabs{
	border-bottom:0;gap:4px;background:var(--sr-surface);border-radius:999px;padding:5px;
	display:inline-flex;flex-wrap:wrap;margin-bottom:16px;box-shadow:var(--sr-shadow);
}
body.sr-product .woocommerce-tabs .nav-tabs>li{border:0!important;margin:0}
body.sr-product .woocommerce-tabs .nav-tabs>li>a{
	border:0!important;border-radius:999px;height:42px;padding:0 18px;display:flex;align-items:center;
	font-size:14.5px;font-weight:600;color:var(--sr-ink);background:transparent;
}
body.sr-product .woocommerce-tabs .nav-tabs>li.active>a{background:var(--sr-ink);color:#fff}
body.sr-product .woocommerce-tabs .nav-tabs>li>a:hover{background:var(--sr-bg)}
body.sr-product .shop_attributes th,body.sr-product .shop_attributes td{border-color:var(--sr-line-soft);padding:12px 14px;font-size:14.5px}
body.sr-product .shop_attributes th{font-weight:600;color:var(--sr-ink);background:var(--sr-bg)}
body.sr-product .related h2,body.sr-product .upsells h2,body.sr-product .product-section-title{
	font-family:var(--sr-display);font-size:clamp(24px,2.4vw,34px);letter-spacing:-.035em;margin-bottom:18px;
}
/* Product photos as the title background. Each photo is a blurred,
   full-bleed backdrop with the sharp photo on a rounded white card at
   the right; slides crossfade. Flatsome's own overlay stays on top so
   the title text keeps its contrast. */
body.sr-productbg .product-page-title .title-bg{display:none!important}
body.sr-productbg .product-page-title .page-title-bg{overflow:hidden}
body.sr-productbg .product-page-title .title-overlay{
	z-index:1;
	background:linear-gradient(90deg,rgba(10,10,10,.78),rgba(10,10,10,.55) 60%,rgba(10,10,10,.4))!important;
}
/* The design's heading colour is ink, which is unreadable over a photo. */
body.sr-productbg .product-page-title .page-title-inner,
body.sr-productbg .product-page-title .product-title,
body.sr-productbg .product-page-title h1,
body.sr-productbg .product-page-title .breadcrumbs,
body.sr-productbg .product-page-title .breadcrumbs a,
body.sr-productbg .product-page-title .woocommerce-breadcrumb,
body.sr-productbg .product-page-title .woocommerce-breadcrumb a{
	color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.45);
}
body.sr-productbg .product-page-title .page-title-inner{position:relative;z-index:2}
body.sr-productbg .product-page-title .breadcrumbs a,
body.sr-productbg .product-page-title .woocommerce-breadcrumb a{opacity:.85}
body.sr-productbg .sr-title-slides{position:absolute;inset:0;z-index:0}
body.sr-productbg .sr-title-slide{
	position:absolute;inset:0;overflow:hidden;opacity:0;
	transition:opacity 1.2s ease;
}
body.sr-productbg .sr-title-slide.is-active{opacity:1}
body.sr-productbg .sr-title-slide::before{
	content:"";position:absolute;inset:-40px;
	background:var(--sr-slide) center/cover no-repeat;filter:blur(28px) saturate(1.1);
}
/* Background only: the sharp photo card is not shown. */
body.sr-productbg .sr-title-slide__img{display:none}
@media (prefers-reduced-motion:reduce){
	body.sr-productbg .sr-title-slide{transition:none}
}

/* The product title bar is left as Flatsome renders it, so whatever
   background, alignment and colours are set in Theme Options ▸ Product
   Page carry through. Only the typeface follows the design language. */
body.sr-product .page-title .product-title{
	font-family:var(--sr-display)!important;letter-spacing:-.035em!important;
	text-transform:none!important;
}

/* ---------------------------------------------------------------------
   4. Cart and checkout — appearance only
   ------------------------------------------------------------------- */
body.sr-checkout.woocommerce-cart #main,body.sr-checkout.woocommerce-checkout #main{background-color:var(--sr-bg)!important}
body.sr-checkout table.shop_table{
	background:var(--sr-surface);border:0!important;border-radius:var(--sr-r-xl);
	box-shadow:var(--sr-shadow);border-collapse:separate;border-spacing:0;overflow:hidden;
}
body.sr-checkout table.shop_table th{
	background:transparent;border:0;border-bottom:1px solid var(--sr-line);
	font-family:var(--sr-text);font-weight:600;font-size:13.5px;color:var(--sr-muted);
	text-transform:none;letter-spacing:0;padding:16px 18px;
}
body.sr-checkout table.shop_table td{border:0;border-bottom:1px solid var(--sr-line-soft);padding:16px 18px;vertical-align:middle;font-size:15px}
body.sr-checkout table.shop_table tr:last-child td{border-bottom:0}
body.sr-checkout .woocommerce-cart-form .product-thumbnail img{
	border-radius:var(--sr-r-sm);background:var(--sr-surface);width:74px;height:74px;
	object-fit:contain;mix-blend-mode:multiply;
}
body.sr-checkout .woocommerce-cart-form .product-name a{font-weight:500;color:var(--sr-ink)}
body.sr-checkout .woocommerce-cart-form .product-remove a.remove{
	width:32px;height:32px;line-height:30px;border-radius:50%;
	background:var(--sr-bg);color:var(--sr-muted)!important;font-size:18px;
}
body.sr-checkout .woocommerce-cart-form .product-remove a.remove:hover{background:var(--sr-red)!important;color:#fff!important}
body.sr-checkout .cart_totals h2,body.sr-checkout .cross-sells h2{font-family:var(--sr-display);font-size:26px;letter-spacing:-.03em;margin-bottom:14px}
body.sr-checkout .cart_totals .order-total .amount{font-family:var(--sr-display);font-weight:700;font-size:24px;letter-spacing:-.02em}
body.sr-checkout .coupon input[type=text]{border-radius:999px}
body.sr-checkout .checkout-button{width:100%}

/* ---------------------------------------------------------------------
   Basket pop-out (off-canvas cart)
   ------------------------------------------------------------------- */
body.sr-checkout .off-canvas-cart .cart-popup-title,
body.sr-checkout .off-canvas-cart .widget-title{
	font-family:var(--sr-display);font-size:20px;letter-spacing:-.02em;text-transform:none;
}
body.sr-checkout .off-canvas-cart .woocommerce-mini-cart-item,
body.sr-checkout .off-canvas-cart .mini_cart_item{
	padding:14px 0!important;border-bottom:1px solid var(--sr-line-soft)!important;
}
body.sr-checkout .off-canvas-cart .mini_cart_item a:not(.remove){font-size:14.5px;font-weight:500;color:var(--sr-ink);line-height:1.35}
body.sr-checkout .off-canvas-cart .mini_cart_item .quantity{font-size:13.5px;color:var(--sr-muted)}
body.sr-checkout .off-canvas-cart a.remove{
	background:var(--sr-bg)!important;color:var(--sr-muted)!important;border-radius:50%;
	width:26px;height:26px;line-height:24px;font-size:16px;
}
body.sr-checkout .off-canvas-cart a.remove:hover{background:var(--sr-red)!important;color:#fff!important}
body.sr-checkout .off-canvas-cart .woocommerce-mini-cart__total{
	display:flex;justify-content:space-between;align-items:baseline;
	font-size:15px;font-weight:600;color:var(--sr-ink);border:0;padding:16px 0 12px;margin:0;
}
body.sr-checkout .off-canvas-cart .woocommerce-mini-cart__total .amount{font-family:var(--sr-display);font-size:20px;letter-spacing:-.02em}
body.sr-checkout .off-canvas-cart .woocommerce-mini-cart__buttons,
body.sr-checkout .off-canvas-cart p.buttons{
	display:flex!important;flex-direction:column;gap:10px;margin:0!important;padding:0 0 6px;
}
body.sr-checkout .off-canvas-cart .woocommerce-mini-cart__buttons .button,
body.sr-checkout .off-canvas-cart p.buttons .button{
	width:100%!important;min-height:50px;margin:0!important;padding:0 22px;
	border-radius:999px!important;font-size:15px;font-weight:600;text-transform:none;letter-spacing:0;
	box-shadow:none!important;transition:background .15s,color .15s,border-color .15s;
}
/* View basket: outlined. Checkout: solid red. */
body.sr-checkout .off-canvas-cart .button.wc-forward:not(.checkout){
	background:var(--sr-surface)!important;color:var(--sr-ink)!important;
	border:1.5px solid var(--sr-ink)!important;
}
body.sr-checkout .off-canvas-cart .button.wc-forward:not(.checkout):hover{background:var(--sr-ink)!important;color:#fff!important}
body.sr-checkout .off-canvas-cart .button.checkout{background:var(--sr-red)!important;color:#fff!important;border:0!important}
body.sr-checkout .off-canvas-cart .button.checkout:hover{background:var(--sr-red-dk)!important}

/* ---------------------------------------------------------------------
   Cart and checkout pages, second pass
   ------------------------------------------------------------------- */
/* Flatsome outlines the order and totals columns in the primary colour. */
body.sr-checkout .checkout-sidebar,
body.sr-checkout .cart-sidebar,
body.sr-checkout .is-well,
body.sr-checkout .col-inner.has-border,
body.sr-checkout .cart-collaterals .cart_totals{border:0!important;box-shadow:none}
body.sr-checkout .checkout-sidebar,body.sr-checkout .cart-sidebar{background:transparent!important}
body.sr-checkout.woocommerce-checkout .checkout-sidebar .col-inner,
body.sr-checkout.woocommerce-cart .cart-sidebar .col-inner{position:sticky;top:130px}

/* Cart totals heading */
body.sr-checkout .cart_totals th[colspan],
body.sr-checkout .cart_totals thead th{
	border:0!important;background:transparent!important;padding:20px 22px 6px!important;
	font-family:var(--sr-display);font-size:21px;font-weight:700;letter-spacing:-.03em;
	text-transform:none;color:var(--sr-ink);
}
body.sr-checkout .cart_totals .order-total td,
body.sr-checkout .cart_totals .order-total th{border-top:1px solid var(--sr-line)}

/* Notices and toggles: soft cards instead of a hard left rule */
body.sr-checkout .woocommerce-form-coupon-toggle .woocommerce-info,
body.sr-checkout .woocommerce-form-login-toggle .woocommerce-info{
	border-left:0!important;background:var(--sr-surface);border-radius:var(--sr-r-md);
	padding:15px 20px;font-size:14.5px;
}
body.sr-checkout .woocommerce-info a{color:var(--sr-red);font-weight:600}
body.sr-checkout #ship-to-different-address,
body.sr-checkout .woocommerce-form__label-for-checkbox,
body.sr-checkout .woocommerce-terms-and-conditions-wrapper .form-row,
body.sr-checkout .woocommerce-privacy-policy-text{border-left:0!important;padding-left:0!important}
body.sr-checkout #ship-to-different-address label{font-family:var(--sr-text);font-size:15px;font-weight:600;text-transform:none}
body.sr-checkout input[type=checkbox],body.sr-checkout input[type=radio]{accent-color:var(--sr-red)}

/* Order summary table */
body.sr-checkout .woocommerce-checkout-review-order-table{box-shadow:none;border-radius:0;background:transparent}
body.sr-checkout .woocommerce-checkout-review-order-table th,
body.sr-checkout .woocommerce-checkout-review-order-table td{padding:14px 4px;border-color:var(--sr-line-soft)}
body.sr-checkout .woocommerce-checkout-review-order-table .product-name{font-weight:500;color:var(--sr-ink)}
body.sr-checkout .woocommerce-checkout-review-order-table .order-total .amount{font-size:24px}
body.sr-checkout #order_review_heading{font-family:var(--sr-display);font-size:23px;letter-spacing:-.03em;padding:0 0 12px!important;margin:0}

/* Payment methods: light outline, red when chosen */
body.sr-checkout ul.payment_methods li{background:var(--sr-surface);border:1.5px solid var(--sr-line)!important;border-radius:var(--sr-r-md);padding:14px 16px}
body.sr-checkout ul.payment_methods li:has(input:checked){border-color:var(--sr-red)!important;background:var(--sr-surface)}
body.sr-checkout .payment_box{background:transparent!important;padding:10px 0 0;font-size:13.5px}

/* Free-shipping progress bar follows the brand colour */
body.sr-checkout [class*="progress"] [class*="bar"],
body.sr-checkout .off-canvas-cart [class*="progress"] span{background:var(--sr-red)!important}
body.sr-checkout .woocommerce-checkout #place_order{border-radius:999px!important}

/* ---------------------------------------------------------------------
   Cart / checkout steps as a progress bar
   Same three links Flatsome prints (Shopping Cart, Checkout details,
   Order Complete). Numbered circles joined by a line; steps already
   completed turn red and show a tick, the current step is solid dark.
   ------------------------------------------------------------------- */
body.sr-checkout nav.checkout-breadcrumbs{
	counter-reset:srstep;display:flex;align-items:center;justify-content:center;
	flex-wrap:nowrap;gap:0;padding:6px 0 18px;margin:0;
	font-family:var(--sr-text)!important;text-transform:none!important;letter-spacing:0!important;
}
body.sr-checkout .checkout-breadcrumbs a{
	counter-increment:srstep;display:inline-flex;align-items:center;gap:10px;
	font-family:var(--sr-text);font-size:14.5px;font-weight:600;line-height:1;
	text-transform:none;letter-spacing:0;color:var(--sr-muted)!important;white-space:nowrap;
	opacity:1!important;pointer-events:none;
}
body.sr-checkout .checkout-breadcrumbs a::before{
	content:counter(srstep);flex:0 0 32px;width:32px;height:32px;border-radius:50%;
	display:inline-flex;align-items:center;justify-content:center;
	background:var(--sr-surface);border:2px solid var(--sr-line);color:var(--sr-muted);
	font-family:var(--sr-display);font-size:14px;font-weight:700;
	transition:background .2s,border-color .2s,color .2s;
}
/* Current step */
body.sr-checkout .checkout-breadcrumbs a.current{color:var(--sr-ink)!important}
body.sr-checkout .checkout-breadcrumbs a.current::before{background:var(--sr-ink);border-color:var(--sr-ink);color:#fff}
/* Completed steps: any step with the current one after it */
body.sr-checkout .checkout-breadcrumbs a:has(~ a.current){color:var(--sr-ink)!important;pointer-events:auto}
body.sr-checkout .checkout-breadcrumbs a:has(~ a.current)::before{
	content:"\2713";background:var(--sr-red);border-color:var(--sr-red);color:#fff;font-size:15px;
}
/* The connecting line replaces the arrow */
body.sr-checkout .checkout-breadcrumbs .divider{
	flex:0 0 clamp(36px,9vw,110px);height:3px;margin:0 14px;border-radius:3px;
	background:var(--sr-line);font-size:0;overflow:hidden;
}
body.sr-checkout .checkout-breadcrumbs .divider i{display:none}

/* Coupon bar and the card beneath it: a clear gap, and no stray rule
   across the top of the billing card. */
body.sr-checkout.woocommerce-checkout .woocommerce-info{margin:0 0 22px!important}
body.sr-checkout.woocommerce-checkout .woocommerce-form-coupon-toggle{margin-bottom:0}
body.sr-checkout.woocommerce-checkout .checkout_coupon,
body.sr-checkout.woocommerce-checkout form.woocommerce-form-coupon{
	border:0!important;border-radius:var(--sr-r-md);background:var(--sr-surface);
	padding:18px 20px!important;margin:0 0 22px!important;
}
body.sr-checkout #customer_details>*:first-child,
body.sr-checkout #customer_details .woocommerce-billing-fields,
body.sr-checkout #customer_details .col-1{border-top:0!important;margin-top:0}
/* Basket pop-out rows: keep the price fully visible, bin icon in the top right.
   Flatsome pulls the quantity row 30px past the edge to make room for its own
   remove button, which our padding reset had removed, so the price got cut off. */
body.sr-checkout .off-canvas-cart .mini_cart_item{position:relative;padding-right:40px!important}
body.sr-checkout .off-canvas-cart .mini_cart_item a.remove{position:absolute!important;top:14px!important;right:0!important;left:auto!important}
body.sr-checkout .off-canvas-cart .ux-mini-cart-qty{margin-right:0!important;width:100%;align-items:center}
body.sr-checkout .off-canvas-cart .ux-mini-cart-qty .product-subtotal{margin-left:auto;white-space:nowrap;font-weight:600;color:var(--sr-ink)}

/* Basket pop-out product cards: photo left, name, quantity pill, price right */
body.sr-checkout .off-canvas-cart .mini_cart_item{padding:16px 44px 16px 0!important}
body.sr-checkout .off-canvas-cart .mini_cart_item > a:not(.remove){display:flex!important;align-items:flex-start;gap:14px;padding:0!important;font-size:14.5px;font-weight:600;line-height:1.35;color:var(--sr-ink)!important}
body.sr-checkout .off-canvas-cart .mini_cart_item > a:not(.remove) img{flex:none;width:76px!important;height:76px!important;object-fit:contain;margin:0!important;padding:6px;background:#fff;border:1px solid var(--sr-line-soft);border-radius:14px;position:static!important}
body.sr-checkout .off-canvas-cart .ux-mini-cart-qty{padding-left:0;margin-top:10px!important}
body.sr-checkout .off-canvas-cart .ux-mini-cart-qty .ux-quantity{height:34px;border:1px solid var(--sr-line);border-radius:999px;background:#fff;overflow:hidden;margin:0}
body.sr-checkout .off-canvas-cart .ux-mini-cart-qty .ux-quantity .button,
body.sr-checkout .off-canvas-cart .ux-mini-cart-qty .ux-quantity input{height:32px!important;min-height:0!important;border:0!important;background:transparent!important;box-shadow:none!important;margin:0!important;color:var(--sr-ink)}
body.sr-checkout .off-canvas-cart .ux-mini-cart-qty .ux-quantity .button{width:30px;padding:0!important}
body.sr-checkout .off-canvas-cart .ux-mini-cart-qty .ux-quantity input.qty{width:28px;padding:0!important;font-size:13.5px;font-weight:600;text-align:center}
body.sr-checkout .off-canvas-cart .ux-mini-cart-qty .product-subtotal{font-family:var(--sr-display);font-size:16px;letter-spacing:-.01em}

/* Free shipping progress bar uses the brand red instead of Flatsome blue */
body.sr-checkout .ux-free-shipping__bar{background:var(--sr-line,#e6e6e6)!important;border-radius:999px;overflow:hidden;height:8px}
body.sr-checkout .ux-free-shipping__bar-progress{background-color:var(--sr-red)!important;border-radius:999px}
body.sr-checkout .ux-free-shipping__bar--striped .ux-free-shipping__bar-progress{background-image:none!important}
body.sr-checkout .ux-free-shipping__notice{color:var(--sr-ink);font-size:14px;font-weight:500}

/* Remove buttons (cart page and basket pop-out) become a bin icon */
body.sr-checkout .woocommerce-cart-form .product-remove a.remove,
body.sr-checkout .off-canvas-cart a.remove,
body.sr-checkout .woocommerce-mini-cart a.remove{
	position:relative;display:inline-flex!important;align-items:center;justify-content:center;
	width:36px!important;height:36px!important;border-radius:50%!important;
	font-size:0!important;line-height:0!important;text-indent:0;
	background:var(--sr-bg)!important;color:var(--sr-muted)!important;border:0!important;
	transition:background .15s,color .15s;
}
body.sr-checkout .woocommerce-cart-form .product-remove a.remove i,
body.sr-checkout .off-canvas-cart a.remove i,
body.sr-checkout .woocommerce-mini-cart a.remove i{display:none!important}
body.sr-checkout .woocommerce-cart-form .product-remove a.remove::before,
body.sr-checkout .off-canvas-cart a.remove::before,
body.sr-checkout .woocommerce-mini-cart a.remove::before{display:none!important}
body.sr-checkout .woocommerce-cart-form .product-remove a.remove::after,
body.sr-checkout .off-canvas-cart a.remove::after,
body.sr-checkout .woocommerce-mini-cart a.remove::after{
	content:"";display:block;width:18px;height:18px;background:currentColor;
	-webkit-mask:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M3 6h18M8 6V4h8v2M6 6l1 14h10l1-14M10 11v6M14 11v6'/%3e%3c/svg%3e") center/contain no-repeat;
	mask:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M3 6h18M8 6V4h8v2M6 6l1 14h10l1-14M10 11v6M14 11v6'/%3e%3c/svg%3e") center/contain no-repeat;
}
body.sr-checkout .woocommerce-cart-form .product-remove a.remove:hover,
body.sr-checkout .off-canvas-cart a.remove:hover,
body.sr-checkout .woocommerce-mini-cart a.remove:hover{background:var(--sr-red)!important;color:#fff!important}
body.sr-checkout #customer_details hr,
body.sr-checkout #customer_details .is-divider{display:none!important}

/* Totals: label left, amount right, VAT note beneath it, no half-width rule */
body.sr-checkout .shop_table tfoot tr:last-child th,
body.sr-checkout .shop_table tfoot tr:last-child td,
body.sr-checkout .shop_table tr.order-total:last-child th,
body.sr-checkout .shop_table tr.order-total:last-child td{border-bottom:0!important;box-shadow:none!important}
body.sr-checkout .shop_table tr.order-total th,
body.sr-checkout .shop_table tr.order-total td{padding:18px 4px!important;vertical-align:top;background:transparent!important}
body.sr-checkout .shop_table tr.order-total th{font-size:15px;font-weight:600;color:var(--sr-ink);text-align:left}
body.sr-checkout .shop_table tr.order-total td{text-align:right}
body.sr-checkout .shop_table tr.order-total td>strong .amount,
body.sr-checkout .shop_table tr.order-total td>.amount,
body.sr-checkout .shop_table tr.order-total td>strong bdi{font-family:var(--sr-display);font-size:26px;font-weight:700;letter-spacing:-.03em;line-height:1.1}
body.sr-checkout .shop_table tr.order-total .includes_tax{
	display:block;margin:4px 0 0;font-size:12.5px;font-weight:400;color:var(--sr-muted);line-height:1.4;
}
body.sr-checkout .shop_table tr.order-total .includes_tax .amount,
body.sr-checkout .shop_table tr.order-total .includes_tax bdi{font-family:var(--sr-text);font-size:12.5px;font-weight:600;letter-spacing:0;color:var(--sr-body)}
body.sr-checkout .checkout-breadcrumbs a:has(~ a.current) + .divider{background:var(--sr-red)}
@media (max-width:549px){
	/* Flatsome hides all but the current step on phones; the bar shows
	   every step as a numbered dot and names only the current one. */
	body.sr-checkout .checkout-breadcrumbs a.hide-for-small,
	body.sr-checkout .checkout-breadcrumbs .divider.hide-for-small{display:inline-flex!important}
	body.sr-checkout .checkout-breadcrumbs a{font-size:0;gap:0}
	body.sr-checkout .checkout-breadcrumbs a.current{font-size:14px;gap:8px}
	body.sr-checkout .checkout-breadcrumbs .divider{flex-basis:28px;margin:0 8px}
}
body.sr-checkout .cart-sidebar .coupon-wrap,
body.sr-checkout .cart-sidebar .cart-coupon{background:var(--sr-surface);border-radius:var(--sr-r-md);padding:16px 18px}
body.sr-checkout #customer_details,
body.sr-checkout #order_review,
body.sr-checkout .woocommerce-checkout-review-order{
	background:var(--sr-surface);border-radius:var(--sr-r-xl);padding:26px;box-shadow:var(--sr-shadow);
}
body.sr-checkout .woocommerce-checkout h3,body.sr-checkout #order_review_heading{
	font-family:var(--sr-display);font-size:23px;letter-spacing:-.03em;margin-bottom:14px;
}
body.sr-checkout .woocommerce-checkout .form-row{margin-bottom:14px}
body.sr-checkout #payment,body.sr-checkout ul.payment_methods{background:transparent!important;border:0;padding:0}
body.sr-checkout ul.payment_methods li{
	background:var(--sr-bg);border-radius:var(--sr-r-md);padding:14px 16px;
	margin-bottom:10px;list-style:none;border:1.5px solid transparent;
}
body.sr-checkout ul.payment_methods li:has(input:checked){border-color:var(--sr-ink);background:var(--sr-surface)}
body.sr-checkout .payment_box{background:var(--sr-surface)!important;border-radius:var(--sr-r-sm);font-size:14px;color:var(--sr-body)}
body.sr-checkout .payment_box:before{display:none}
body.sr-checkout #place_order{width:100%;min-height:56px!important;font-size:16px!important;margin-top:8px}
body.sr-checkout .cart-popup-inner,body.sr-checkout .mfp-content .product-quick-view{border-radius:var(--sr-r-xl)}
body.sr-checkout .cart-popup-title .heading-font{font-family:var(--sr-display);text-transform:none;letter-spacing:-.02em;font-size:20px}

/* ---------------------------------------------------------------------
   5. My Account
   ------------------------------------------------------------------- */
body.sr-account.woocommerce-account #main{background-color:var(--sr-bg)!important}
body.sr-account .my-account-header,
body.sr-account .my-account-header .page-title-bg,
body.sr-account .my-account-header .page-title-inner{background-color:transparent!important;background-image:none!important}
body.sr-account .my-account-header .page-title-inner,
body.sr-account .my-account-header .page-title-inner *{color:var(--sr-ink)!important;text-shadow:none!important}
body.sr-account .my-account-header .page-title-inner{padding-bottom:10px!important}
body.sr-account .my-account-header h1{font-family:var(--sr-display);letter-spacing:-.035em;text-transform:none}
body.sr-account .woocommerce-MyAccount-navigation ul li a{border-radius:var(--sr-r-sm);text-transform:none;letter-spacing:0;font-weight:500}
body.sr-account .woocommerce-MyAccount-navigation ul li.is-active a{background:var(--sr-ink);color:#fff}
body.sr-account .sr-dashboard-greeting h2,
body.sr-account .sr-dashboard-panel h3,
body.sr-account .sr-dashboard-panel h2{font-family:var(--sr-display)!important;letter-spacing:-.03em!important;text-transform:none!important}
body.sr-account .sr-dashboard-cards>a,body.sr-account .sr-dashboard-cards>div{
	background:var(--sr-surface)!important;color:var(--sr-ink)!important;
	border-radius:var(--sr-r-lg)!important;box-shadow:var(--sr-shadow)!important;border:0!important;
	transition:transform .2s var(--sr-ease),box-shadow .2s;
}
body.sr-account .sr-dashboard-cards>a:hover{transform:translateY(-2px);box-shadow:var(--sr-shadow-md)!important;color:var(--sr-ink)!important}
body.sr-account .sr-dashboard-cards>a *,body.sr-account .sr-dashboard-cards>div *{color:inherit!important}
body.sr-account .sr-dashboard-cards>a svg{color:var(--sr-red)!important}
body.sr-account .sr-dashboard-panel,body.sr-account .sr-account-sidebar-box{
	background:var(--sr-surface);border-radius:var(--sr-r-lg);box-shadow:var(--sr-shadow);border:0;
}
body.sr-account .sr-account-sidebar-box h4{
	font-family:var(--sr-text);font-size:13px;font-weight:600;letter-spacing:0;
	text-transform:none;color:var(--sr-muted);
}
/* Recent orders table: the View link was inheriting the body link colour
   on top of its own dark pill, which left the label unreadable. */
body.sr-account .sr-orders-table .sr-order-view,
body.sr-account .sr-order-view{
	display:inline-flex!important;align-items:center;justify-content:center;
	background:var(--sr-ink)!important;color:#fff!important;border:0!important;
	border-radius:999px!important;height:34px;min-height:34px;padding:0 20px!important;
	font-family:var(--sr-text);font-size:13.5px!important;font-weight:600!important;
	text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;
	transition:background .15s,color .15s;
}
body.sr-account .sr-order-view *{color:#fff!important}
body.sr-account .sr-order-view:hover{background:var(--sr-red)!important;color:#fff!important}
body.sr-account .sr-orders-table th{
	font-size:12.5px;font-weight:600;color:var(--sr-muted);
	text-transform:uppercase;letter-spacing:.06em;
}
body.sr-account .sr-orders-table td{vertical-align:middle;font-size:14.5px}

body.sr-account .sr-phone-button{background:var(--sr-ink)!important;color:#fff!important;border-radius:999px!important;border:0!important}
body.sr-account .sr-phone-button:hover{background:var(--sr-red)!important}
body.sr-account .sr-contact-button{
	background:var(--sr-surface)!important;color:var(--sr-ink)!important;
	border:1.5px solid var(--sr-line)!important;border-radius:999px!important;
}
body.sr-account .sr-contact-button:hover{background:var(--sr-bg)!important;color:var(--sr-ink)!important}
body.sr-account .sr-services-button{background:var(--sr-red)!important;color:#fff!important;border:0!important;border-radius:999px!important}
body.sr-account .sr-services-button:hover{background:var(--sr-red-dk)!important;color:#fff!important}
body.sr-account .sr-hours-table td{border-color:var(--sr-line-soft);font-size:14px}
body.sr-account .account-login-inner,
body.sr-account .woocommerce-form-login,
body.sr-account .woocommerce-form-register{
	background:var(--sr-surface);border-radius:var(--sr-r-xl);padding:26px;box-shadow:var(--sr-shadow);
}

/* ---------------------------------------------------------------------
   6. Responsive
   ------------------------------------------------------------------- */
@media (max-width:849px){
	body.sr-cards .products .box-text,body.sr-cards .products .box-text-products{padding-top:10px!important}
	body.sr-cards .products .box-text .name,body.sr-cards .products .product-title{font-size:14px}
	body.sr-cards .products .price ins,body.sr-cards .products .price bdi{font-size:17px}
	body.sr-cards .products .image-tools.grid-tools{left:8px!important;right:8px!important;bottom:8px!important}
	body.sr-cards .products .image-tools.grid-tools .quick-view{display:none}
	body.sr-cards .products .image-tools .add-to-cart-grid{width:40px!important;height:40px!important;flex-basis:40px!important}
	body.sr-product .product-info{padding:20px!important;border-radius:var(--sr-r-lg)}
	body.sr-product .woocommerce-tabs .tab-panels{padding:20px;border-radius:var(--sr-r-lg)}
	body.sr-checkout #customer_details,body.sr-checkout #order_review{padding:18px;border-radius:var(--sr-r-lg)}
	body.sr-checkout table.shop_table th,body.sr-checkout table.shop_table td{padding:12px;font-size:14px}
}