/* ==================================================================
   CELLUGENIX — WooCommerce shop / archive            v3.1  (single file)
   ------------------------------------------------------------------
   Same language as cgx-product.css: gold gradient, #000000FA dark bands,
   #F4F4F4 light field, soft shadows, 18–22px radii.

   HOUSE RULES FOR THIS FILE
   · No !important anywhere. WooCommerce core is beaten on specificity
     instead — the loop <ul> carries .cgx-grid and each <li> carries
     .cgx-item (added in inc/cgx-shop.php), which puts every override one
     or two classes above core's `.woocommerce ul.products li.product`.
   · No decorative ::before / ::after. Anything visible is a real element
     with a class (.cgx-rule, .cgx-off, .cgx-seal …) so it can be targeted,
     translated and reordered. The only two pseudo rules below exist to
     switch OFF WooCommerce's float-clearfix, which would otherwise inject
     two phantom cells into the grid.
   · Nothing outside .cgx-shop is touched — no resets on .site-content,
     .content-area or .site-main.
   · The carousel in §11 is native scroll-snap. No jQuery, no Owl, no
     second file, nothing to enqueue.
   ================================================================== */

/* ==================================================================
   1 · FOUNDATION
   ================================================================== */
.cgx-shop{
	--gold:linear-gradient(90deg,#B8860B 0%,#FFD700 30%,#FFF8DC 50%,#FFD700 70%,#B8860B 100%);
	--gold-btn:linear-gradient(135deg,#B8860B 0%,#FFD700 55%,#FFF8DC 100%);
	--container:1320px;

	--bg:#F4F4F4;
	--ink:#101318;
	--ink-soft:#3E4650;
	--ink-mute:#6C7480;
	--panel:#FFFFFF;
	--tile:#F7F8F9;
	--edge:rgba(15,23,42,.10);
	--edge-gold:rgba(184,134,11,.42);
	--accent:#B8860B;
	--sale:#A1141B;

	--shadow-sm:0 2px 10px rgba(15,23,42,.05);
	--shadow-md:0 6px 22px rgba(15,23,42,.08);
	--shadow-lg:0 18px 44px rgba(15,23,42,.14);
	--shadow-gold:0 10px 26px rgba(184,134,11,.26);

	font-family:inherit;
	width:auto;
	max-width:none;
	align-self:stretch;
	/* full-bleed without 100vw, so a visible scrollbar can't shift the page */
	margin-left:calc(50% - 50vw);
	margin-right:calc(50% - 50vw);
	padding:0;
	color:var(--ink);
	background:var(--bg);
	overflow:hidden;
}
.cgx-shop *{ box-sizing:border-box; }

.cgx-shop .cgx-container{
	max-width:var(--container);
	width:100%;
	margin:0 auto;
	padding:0 24px;
}
.cgx-shop .cgx-shop-ico{
	width:22px; height:22px; min-width:22px; flex:0 0 auto; display:block;
}
.cgx-shop .cgx-rule{
	display:block; width:52px; height:3px; border-radius:3px;
	background:var(--gold); margin:12px 0 0;
}

/* ==================================================================
   2 · ANNOUNCEMENT TICKER
   ================================================================== */
.cgx-shop .cgx-ticker{
	background:#000000FA;
	border-bottom:1px solid rgba(255,215,0,.2);
	overflow:hidden;
	padding:11px 0;
}
.cgx-shop .cgx-ticker-track{
	display:flex; align-items:center; gap:52px;
	width:max-content;
	animation:cgx-marquee 46s linear infinite;
}
.cgx-shop .cgx-ticker-item{
	white-space:nowrap;
	font-size:11.5px; font-weight:700;
	letter-spacing:.18em; text-transform:uppercase;
	color:#E8C349;
	background:var(--gold);
	-webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
@keyframes cgx-marquee{
	from{ transform:translate3d(0,0,0); }
	to  { transform:translate3d(-50%,0,0); }
}

/* ==================================================================
   3 · HERO
   ================================================================== */
.cgx-shop .cgx-hero{
	background:
		radial-gradient(120% 130% at 82% 18%, rgba(184,134,11,.26) 0%, rgba(184,134,11,0) 58%),
		#000000FA;
	color:#fff;
	padding:clamp(46px,6vw,88px) 0 clamp(46px,6vw,80px);
}
.cgx-shop .cgx-hero-grid{
	display:grid;
	grid-template-columns:1.05fr .95fr;
	gap:clamp(28px,4vw,64px);
	align-items:center;
}
/* text-only hero: one column, wider measure, gold wash recentred */
.cgx-shop .cgx-hero-solo{
	background:
		radial-gradient(110% 150% at 12% 0%, rgba(184,134,11,.24) 0%, rgba(184,134,11,0) 62%),
		#000000FA;
}
.cgx-shop .cgx-hero-solo .cgx-hero-grid{ grid-template-columns:minmax(0,860px); }
.cgx-shop .cgx-hero-text{ min-width:0; }

.cgx-shop .cgx-hero-eyebrow{
	display:block;
	font-size:11.5px; font-weight:700;
	letter-spacing:.2em; text-transform:uppercase;
	color:rgba(255,255,255,.6);
}
.cgx-shop .cgx-hero-title{
	font-size:clamp(32px,5vw,62px);
	font-weight:800; line-height:1.06; letter-spacing:-.03em;
	color:#fff; margin:20px 0 16px; padding:0;
}
.cgx-shop .cgx-hero-sub{
	font-size:clamp(15.5px,1.4vw,17.5px); line-height:1.72;
	color:rgba(255,255,255,.74);
	max-width:56ch; margin:0;
}
.cgx-shop .cgx-hero-actions{
	display:flex; flex-wrap:wrap; gap:14px;
	margin-top:clamp(24px,3vw,34px);
}

.cgx-shop .cgx-hero-media{ position:relative; line-height:0; }
.cgx-shop .cgx-hero-img{
	width:100%; height:auto; display:block;
	border-radius:22px;
	border:1px solid rgba(255,255,255,.1);
	box-shadow:0 26px 60px rgba(0,0,0,.55);
}
.cgx-shop .cgx-seal{
	position:absolute; right:-10px; top:-22px;
	width:130px; height:130px; border-radius:50%;
	display:flex; flex-direction:column; align-items:center; justify-content:center;
	text-align:center; padding:12px;
	background:#000000FA;
	border:2px solid #B8860B;
	box-shadow:0 16px 36px rgba(0,0,0,.5);
}
.cgx-shop .cgx-seal-top,
.cgx-shop .cgx-seal-sub{
	font-size:8.5px; font-weight:700; line-height:1.35;
	letter-spacing:.14em; text-transform:uppercase;
	color:rgba(255,255,255,.6);
}
.cgx-shop .cgx-seal-num{
	display:block; font-size:37px; font-weight:800; line-height:1;
	letter-spacing:-.03em; margin:5px 0 4px;
	color:#E8C349;
	background:var(--gold);
	-webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.cgx-shop .cgx-seal-unit{ font-size:20px; }

/* ==================================================================
   4 · TRUST STRIP
   ================================================================== */
.cgx-shop .cgx-trust{
	background:#0B0D11;
	border-top:1px solid rgba(255,215,0,.16);
	border-bottom:1px solid rgba(255,215,0,.16);
	padding:20px 0;
}
.cgx-shop .cgx-trust-list{
	display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
	gap:16px 20px; list-style:none; margin:0; padding:0;
}
.cgx-shop .cgx-trust-item{
	display:flex; align-items:center; justify-content:center; gap:12px;
	margin:0; padding:0 8px; list-style:none;
	color:#E8C349;
}
.cgx-shop .cgx-trust-item + .cgx-trust-item{ border-left:1px solid rgba(255,255,255,.1); }
.cgx-shop .cgx-trust-lbl{
	font-size:13px; font-weight:700;
	letter-spacing:.06em; text-transform:uppercase;
	color:rgba(255,255,255,.84);
}

/* ==================================================================
   5 · TOOLBAR
   ================================================================== */
.cgx-shop .cgx-shop-body{ padding:clamp(30px,4vw,54px) 0 clamp(50px,6vw,88px); }

.cgx-shop .cgx-shop-bar{
	display:flex; align-items:center; justify-content:space-between;
	flex-wrap:wrap; gap:14px 20px;
	padding-bottom:20px; margin-bottom:clamp(22px,3vw,32px);
	border-bottom:1px solid var(--edge);
}
.woocommerce .cgx-shop .cgx-shop-count .woocommerce-result-count{
	margin:0; font-size:14px; color:var(--ink-mute); float:none;
}
.cgx-shop .cgx-shop-sort{ display:flex; align-items:center; gap:12px; }
.cgx-shop .cgx-shop-sort-lbl{
	font-size:11.5px; font-weight:700; letter-spacing:.16em;
	text-transform:uppercase; color:var(--ink-mute);
}
.woocommerce .cgx-shop .cgx-shop-sort .woocommerce-ordering{ margin:0; float:none; }
.woocommerce .cgx-shop .cgx-shop-sort select.orderby{
	height:46px; min-width:210px; max-width:100%;
	padding:0 44px 0 18px;
	font-size:14.5px; font-weight:600; color:var(--ink);
	background-color:var(--panel);
	border:1px solid var(--edge); border-radius:30px;
	box-shadow:var(--shadow-sm);
	appearance:none; -webkit-appearance:none; cursor:pointer;
	background-image:linear-gradient(45deg,transparent 50%,#B8860B 50%),linear-gradient(135deg,#B8860B 50%,transparent 50%);
	background-position:calc(100% - 24px) 20px, calc(100% - 18px) 20px;
	background-size:6px 6px, 6px 6px;
	background-repeat:no-repeat;
	transition:border-color .25s ease, box-shadow .25s ease;
}
.woocommerce .cgx-shop .cgx-shop-sort select.orderby:hover{
	border-color:var(--edge-gold); box-shadow:var(--shadow-md);
}

.cgx-shop .term-description{
	font-size:16px; line-height:1.75; color:var(--ink-soft);
	max-width:80ch; margin:0 0 26px;
}

/* ==================================================================
   6 · GRID
   ================================================================== */
.woocommerce .cgx-shop ul.cgx-grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:24px;
	margin:0; padding:0;
	list-style:none;
}
/* switch off core's float clearfix — it would become two phantom grid cells */
.woocommerce .cgx-shop ul.cgx-grid::before,
.woocommerce .cgx-shop ul.cgx-grid::after{ content:none; display:none; }

.woocommerce .cgx-shop ul.cgx-grid li.cgx-item{
	display:flex;
	width:auto; float:none; clear:none;
	margin:0; padding:0;
	list-style:none;
}

/* ---------- card shell ---------- */
.cgx-shop .cgx-pcard{
	display:flex; flex-direction:column; width:100%;
	background:var(--panel);
	border:1px solid var(--edge);
	border-radius:18px;
	box-shadow:var(--shadow-sm);
	overflow:hidden;
	transition:transform .3s cubic-bezier(.2,.7,.3,1), box-shadow .3s ease, border-color .3s ease;
}
.cgx-shop .cgx-item:hover .cgx-pcard{
	transform:translateY(-6px);
	border-color:var(--edge-gold);
	box-shadow:var(--shadow-lg);
}

/* ---------- media ---------- */
.cgx-shop .cgx-pcard-media{
	position:relative;
	margin:14px 14px 0;
	padding:14px;
	background:var(--tile);
	border-radius:14px;
}
.woocommerce .cgx-shop ul.cgx-grid li.cgx-item a.cgx-pcard-img{
	display:block; line-height:0;
	aspect-ratio:1/1;
	overflow:hidden;
	border-radius:10px;
}
.woocommerce .cgx-shop ul.cgx-grid li.cgx-item a.cgx-pcard-img img{
	width:100%; height:100%;
	margin:0; padding:0;
	object-fit:contain;
	border-radius:0;
	box-shadow:none;
	transition:transform .45s cubic-bezier(.2,.7,.3,1);
}
.cgx-shop .cgx-item:hover a.cgx-pcard-img img{ transform:scale(1.06); }

/* discount pill */
.cgx-shop .cgx-off{
	position:absolute; top:22px; left:22px; z-index:3;
	display:inline-flex; align-items:center; justify-content:center;
	min-width:56px; padding:7px 13px;
	border-radius:30px;
	background:var(--gold-btn); color:#1A1305;
	font-size:12.5px; font-weight:800; letter-spacing:-.01em; line-height:1;
	box-shadow:var(--shadow-gold);
}
.cgx-shop .cgx-oos{
	position:absolute; top:22px; right:22px; z-index:3;
	background:rgba(16,19,24,.9); color:#fff;
	font-size:10.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
	padding:7px 12px; border-radius:30px;
}
/* any theme/plugin sale flash inside the card — the pill above replaces it */
.woocommerce .cgx-shop ul.cgx-grid li.cgx-item span.onsale{ display:none; }

/* ---------- body ---------- */
.cgx-shop .cgx-pcard-body{
	display:flex; flex-direction:column; flex:1 1 auto;
	padding:16px 18px 18px;
	text-align:left;
}
.woocommerce .cgx-shop ul.cgx-grid li.cgx-item h2.cgx-pcard-title{
	font-size:15.5px; font-weight:700; line-height:1.45;
	color:var(--ink);
	margin:0 0 10px; padding:0;
}
.cgx-shop .cgx-pcard-title a{
	color:inherit; text-decoration:none;
	transition:color .25s ease;
}
.cgx-shop .cgx-item:hover .cgx-pcard-title a{ color:var(--accent); }

.woocommerce .cgx-shop ul.cgx-grid li.cgx-item .cgx-pcard-price{
	display:block;
	font-size:18.5px; font-weight:800; line-height:1.35; letter-spacing:-.015em;
	color:var(--ink);
	margin:0 0 16px;
}
.cgx-shop .cgx-pcard-price del{
	display:inline; opacity:1; margin-right:8px;
	font-size:14.5px; font-weight:600; color:var(--ink-mute);
	text-decoration:line-through;
}
.cgx-shop .cgx-pcard-price ins{
	background:none; text-decoration:none; color:var(--sale);
}
.cgx-shop .cgx-pcard-price .woocommerce-Price-currencySymbol{
	font-size:.72em; vertical-align:top; margin-right:1px;
}
.woocommerce .cgx-shop ul.cgx-grid li.cgx-item .star-rating{
	margin:0 0 12px; font-size:13px; color:var(--accent); float:none;
}

/* ---------- add to cart ---------- */
.cgx-shop .cgx-pcard-cta{ margin-top:auto; }

.woocommerce .cgx-shop ul.cgx-grid li.cgx-item .cgx-pcard-cta a.button{
	display:flex; align-items:center; justify-content:center;
	width:100%; min-height:48px;
	margin:0; padding:13px 20px;
	background-image:var(--gold-btn);
	background-color:#D4A017;
	color:#1A1305;
	border:0; border-radius:30px;
	font-size:14.5px; font-weight:700; line-height:1.2;
	text-shadow:none; text-decoration:none;
	box-shadow:var(--shadow-gold);
	transition:transform .22s ease, box-shadow .22s ease;
}
.woocommerce .cgx-shop ul.cgx-grid li.cgx-item .cgx-pcard-cta a.button:hover{
	transform:translateY(-2px);
	box-shadow:0 15px 32px rgba(184,134,11,.36);
	background-color:#D4A017;
	color:#1A1305;
}
.woocommerce .cgx-shop ul.cgx-grid li.cgx-item .cgx-pcard-cta a.button.loading{ opacity:.72; }
.woocommerce .cgx-shop ul.cgx-grid li.cgx-item .cgx-pcard-cta a.added_to_cart{
	display:block; width:100%; min-height:0;
	margin:10px 0 0; padding:0;
	background:none; box-shadow:none; border-radius:0;
	font-size:13px; font-weight:700; text-align:center;
	color:var(--accent); text-decoration:underline; text-underline-offset:3px;
}
.woocommerce .cgx-shop ul.cgx-grid li.cgx-item.outofstock .cgx-pcard-cta a.button{
	background-image:none;
	background-color:#ECECEC;
	color:#6C7480;
	box-shadow:none;
}

/* ==================================================================
   7 · PAGINATION + EMPTY STATE
   ================================================================== */
.woocommerce .cgx-shop nav.woocommerce-pagination{
	margin:clamp(34px,4vw,52px) 0 0; text-align:center;
}
.woocommerce .cgx-shop nav.woocommerce-pagination ul{
	display:inline-flex; flex-wrap:wrap; gap:8px;
	border:0; margin:0; padding:0;
}
.woocommerce .cgx-shop nav.woocommerce-pagination ul li{
	border:0; border-right:0; margin:0; padding:0;
	float:none; overflow:visible;
}
.woocommerce .cgx-shop nav.woocommerce-pagination ul li a.page-numbers,
.woocommerce .cgx-shop nav.woocommerce-pagination ul li span.page-numbers{
	display:inline-flex; align-items:center; justify-content:center;
	min-width:46px; height:46px; padding:0 15px;
	background:var(--panel);
	border:1px solid var(--edge); border-radius:12px;
	box-shadow:var(--shadow-sm);
	color:var(--ink); font-size:14.5px; font-weight:700; text-decoration:none;
	transition:border-color .25s ease, color .25s ease, box-shadow .25s ease;
}
.woocommerce .cgx-shop nav.woocommerce-pagination ul li a.page-numbers:hover{
	border-color:var(--edge-gold); color:var(--accent); box-shadow:var(--shadow-md);
	background:var(--panel);
}
.woocommerce .cgx-shop nav.woocommerce-pagination ul li span.page-numbers.current{
	background-image:var(--gold-btn);
	background-color:#D4A017;
	border-color:transparent; color:#1A1305;
	box-shadow:var(--shadow-gold);
}

.cgx-shop .cgx-empty{
	background:var(--panel); border:1px solid var(--edge);
	border-radius:20px; padding:clamp(38px,5vw,64px) 28px;
	text-align:center; box-shadow:var(--shadow-md);
}
.cgx-shop .cgx-empty-title{
	font-size:clamp(22px,2.4vw,30px); font-weight:800;
	letter-spacing:-.02em; color:var(--ink); margin:0 0 10px;
}
.cgx-shop .cgx-empty-text{
	font-size:16px; line-height:1.7; color:var(--ink-soft);
	max-width:46ch; margin:0 auto 26px;
}

/* ==================================================================
   8 · BUTTONS (hero + empty state)
   ================================================================== */
.cgx-shop a.cgx-shop-btn{
	display:inline-flex; align-items:center; justify-content:center;
	min-height:52px; padding:15px 32px; border-radius:40px;
	font-size:15px; font-weight:700; line-height:1.2; text-decoration:none;
	color:#1A1305; background:var(--gold-btn);
	border:1px solid transparent;
	box-shadow:var(--shadow-gold);
	transition:transform .25s ease, box-shadow .25s ease;
}
.cgx-shop a.cgx-shop-btn:hover{
	transform:translateY(-2px);
	box-shadow:0 16px 34px rgba(184,134,11,.36);
	color:#1A1305;
}
.cgx-shop a.cgx-shop-btn-ghost{
	background:transparent; color:#fff;
	border-color:rgba(255,255,255,.28); box-shadow:none;
}
.cgx-shop a.cgx-shop-btn-ghost:hover{
	border-color:#E8C349; color:#E8C349; box-shadow:none;
}

.cgx-shop a:focus-visible,
.cgx-shop button:focus-visible,
.cgx-shop select:focus-visible{
	outline:2px solid #B8860B; outline-offset:3px; border-radius:6px;
}

/* ==================================================================
   9 · CATEGORY JSON SECTIONS
   ------------------------------------------------------------------
   The wrapper carries .cgx-product on purpose: every block inside is
   rendered by the product page's renderers and styled by
   cgx-product.css, so category copy and product copy match exactly.
   The only thing to correct is the full-bleed — .cgx-product bleeds
   itself, and it already sits inside the bled .cgx-shop.
   ================================================================== */
.cgx-shop .cgx-cat-sections{
	width:auto;
	max-width:none;
	margin-left:0;
	margin-right:0;
	background:var(--bg);
}
.cgx-shop .cgx-cat-sections .cgx-container{
	max-width:var(--container);
	padding-left:24px;
	padding-right:24px;
}
/* the grid already closes on a light field — keep the seam tight */
.cgx-shop .cgx-cat-sections--bottom{ border-top:1px solid var(--edge); }

/* the top block sits between hero and grid: trim its outer padding so it
   doesn't read as a third full band */
.cgx-shop .cgx-cat-sections--top .cgx-sec:first-child{ padding-top:clamp(40px,5vw,68px); }
.cgx-shop .cgx-cat-sections--top .cgx-sec:last-child{ padding-bottom:clamp(30px,4vw,52px); }

/* CLOSING CTA — always a light band, never black, whatever the
   alternation lands on */
.cgx-shop .cgx-cat-sections .cgx-sec--cta{
	background:#F4F4F4;
	color:#101318;
	--ink:#101318;
	--ink-soft:#3E4650;
	--ink-mute:#6C7480;
	--panel:#FFFFFF;
	--panel-hi:#FFFFFF;
	--edge:rgba(15,23,42,.10);
	--edge-gold:rgba(184,134,11,.45);
	--accent:#B8860B;
	--glow-1:rgba(184,134,11,.05);
	--glow-2:rgba(15,23,42,.03);
	--shadow:0 4px 16px rgba(15,23,42,.06);
	--shadow-hi:0 20px 46px rgba(15,23,42,.13);
}

/* ==================================================================
   10 · FEATURED CARD CAROUSEL  (native scroll-snap — no library)
   ------------------------------------------------------------------
   Below 1024px the featured link-cards and the "why us" card rows stop
   stacking into a tall column and become a swipeable rail instead.
   Pure CSS: scroll-snap + momentum scrolling, so there is no script to
   load and nothing to initialise.
   ================================================================== */
@media (max-width:1024px){
	.cgx-shop .cgx-cat-sections .cgx-linkrows--cards,
	.cgx-shop .cgx-cat-sections .cgx-cards{
		display:flex;
		flex-wrap:nowrap;
		justify-content:flex-start;
		gap:14px;
		overflow-x:auto;
		overscroll-behavior-x:contain;
		scroll-snap-type:x mandatory;
		scroll-padding-left:24px;
		-webkit-overflow-scrolling:touch;
		scrollbar-width:none;
		/* bleed the rail to the container edges so cards run off-screen */
		margin-left:-24px;
		margin-right:-24px;
		padding:4px 24px 18px;
	}
	.cgx-shop .cgx-cat-sections .cgx-linkrows--cards::-webkit-scrollbar,
	.cgx-shop .cgx-cat-sections .cgx-cards::-webkit-scrollbar{ display:none; }

	.cgx-shop .cgx-cat-sections .cgx-linkrows--cards .cgx-linkrow,
	.cgx-shop .cgx-cat-sections .cgx-cards .cgx-card{
		flex:0 0 68%;
		max-width:68%;
		scroll-snap-align:start;
	}
	/* lift on hover would clip inside a scroller */
	.cgx-shop .cgx-cat-sections .cgx-linkrows--cards a.cgx-linkrow:hover,
	.cgx-shop .cgx-cat-sections .cgx-cards .cgx-card:hover{ transform:none; }
}
@media (max-width:767px){
	.cgx-shop .cgx-cat-sections .cgx-linkrows--cards,
	.cgx-shop .cgx-cat-sections .cgx-cards{
		scroll-padding-left:16px;
		margin-left:-16px;
		margin-right:-16px;
		padding:4px 16px 18px;
	}
	.cgx-shop .cgx-cat-sections .cgx-linkrows--cards .cgx-linkrow,
	.cgx-shop .cgx-cat-sections .cgx-cards .cgx-card{
		flex:0 0 82%;
		max-width:82%;
	}
}

/* ==================================================================
   11 · RESPONSIVE
   ================================================================== */
@media (max-width:1180px){
	.woocommerce .cgx-shop ul.cgx-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
	.cgx-shop .cgx-seal{ width:112px; height:112px; }
	.cgx-shop .cgx-seal-num{ font-size:31px; }
}
@media (max-width:1024px){
	.cgx-shop .cgx-trust-list{ grid-template-columns:repeat(2,minmax(0,1fr)); }
	.cgx-shop .cgx-trust-item:nth-child(odd){ border-left:0; }
}
@media (max-width:900px){
	.cgx-shop .cgx-hero-grid{ grid-template-columns:1fr; }
	.cgx-shop .cgx-hero-media{ max-width:520px; }
	.cgx-shop .cgx-hero-sub{ max-width:none; }
	.woocommerce .cgx-shop ul.cgx-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:767px){
	.cgx-shop .cgx-container{ padding:0 16px; }
	.cgx-shop .cgx-shop-bar{ align-items:flex-start; flex-direction:column; }
	.cgx-shop .cgx-shop-sort{ width:100%; justify-content:space-between; }
	.woocommerce .cgx-shop .cgx-shop-sort select.orderby{ min-width:0; flex:1 1 auto; }
	.cgx-shop .cgx-hero-actions a.cgx-shop-btn{ width:100%; }
	.cgx-shop .cgx-cat-sections .cgx-container{ padding-left:16px; padding-right:16px; }

	/* two products per row on phones */
	.woocommerce .cgx-shop ul.cgx-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
	.cgx-shop .cgx-pcard{ border-radius:16px; }
	.cgx-shop .cgx-pcard-media{ margin:10px 10px 0; padding:10px; border-radius:12px; }
	.cgx-shop .cgx-pcard-body{ padding:12px 13px 14px; }
	.cgx-shop .cgx-off{ top:16px; left:16px; min-width:0; padding:5px 10px; font-size:11px; }
	.cgx-shop .cgx-oos{ top:16px; right:16px; font-size:9.5px; padding:5px 9px; }
	.woocommerce .cgx-shop ul.cgx-grid li.cgx-item h2.cgx-pcard-title{ font-size:13.5px; margin-bottom:7px; }
	.woocommerce .cgx-shop ul.cgx-grid li.cgx-item .cgx-pcard-price{ font-size:16px; margin-bottom:12px; }
	.cgx-shop .cgx-pcard-price del{ display:block; margin:0 0 2px; font-size:13px; }
	.woocommerce .cgx-shop ul.cgx-grid li.cgx-item .cgx-pcard-cta a.button{
		min-height:42px; padding:11px 12px; font-size:13px;
	}
	.cgx-shop .cgx-item:hover .cgx-pcard{ transform:none; }
}
@media (max-width:520px){
	.cgx-shop .cgx-trust-list{ grid-template-columns:1fr; gap:12px; }
	.cgx-shop .cgx-trust-item{ justify-content:flex-start; border-left:0; }
	.cgx-shop .cgx-trust-item + .cgx-trust-item{ border-left:0; }
	.cgx-shop .cgx-seal{ right:6px; top:-14px; width:92px; height:92px; padding:8px; }
	.cgx-shop .cgx-seal-num{ font-size:26px; margin:3px 0 2px; }
	.cgx-shop .cgx-seal-unit{ font-size:15px; }
	.cgx-shop .cgx-seal-top,
	.cgx-shop .cgx-seal-sub{ font-size:7.5px; }
}
@media (prefers-reduced-motion:reduce){
	.cgx-shop .cgx-ticker-track{ animation:none; }
	.cgx-shop .cgx-pcard,
	.cgx-shop .cgx-pcard-img img,
	.cgx-shop a.cgx-shop-btn,
	.woocommerce .cgx-shop ul.cgx-grid li.cgx-item .cgx-pcard-cta a.button{ transition:none; }
	.cgx-shop .cgx-cat-sections .cgx-linkrows--cards,
	.cgx-shop .cgx-cat-sections .cgx-cards{ scroll-behavior:auto; }
}