/* ============================================================
   Homepage (front-page) styles
   Loaded ONLY on is_front_page() (see inc/template-tags.php).
   Store-chip base styles come from hc-woo.css; this file adds
   the hero layout + homepage-specific tweaks.
   ============================================================ */

body.home{ --global-content-width:1600px; }

/* Kadence applies a 2-column grid (empty sidebar slot) to main.site-main on
   the homepage, which narrows and shifts the hero. Force full-width block so
   the hero (max-width:1600, centered) aligns with the header card. */
body.home main.site-main,
body.home .site-main{ display:block; }

/* Remove the default content-area top gap so the hero sits flush
   directly under the gray category bar (mega-menu). */
.content-area.hc-home{ margin-top:0; }
body.home .site-main{ background:transparent; }

/* ---- Hero (white card, rounded top, flush under the gray category bar) ---- */
.hc-hero{
	position:relative;
	overflow:hidden;
	background:#fff;
	max-width:1600px;
	margin:0 auto;
	border-radius:28px 28px 0 0;
	padding:54px 20px 16px;
	text-align:center;
}
.hc-hero:before{
	content:'';
	position:absolute;
	inset:0;
	background:url(../images/world-map.svg?v=1) calc(50% - 40px) 50% / 1700px no-repeat;
	opacity:.055;
	pointer-events:none;
}
.hc-hero__inner{
	position:relative;
	max-width:1100px;
	margin:0 auto;
}
.hc-hero__title{
	font-size:34px;
	line-height:1.25;
	font-weight:800;
	color:#555454;
	margin:0 0 10px;
}
.hc-hero__title .o{ color:#f18833; }
.hc-hero__sub{
	font-size:22px;
	font-weight:700;
	color:#555454;
	margin:0 0 14px;
}
.hc-hero__choose{
	font-size:16px;
	color:#555454;
	margin:0 0 14px;
}
.hc-hero__choose a{
	color:#f18833;
	font-weight:600;
	text-decoration:none;
}
.hc-hero__notice{
	display:inline-block;
	background:#fff7e6;
	border:1px solid #f3d28a;
	color:#7a5a16;
	font-size:13.5px;
	padding:10px 18px;
	border-radius:12px;
	margin:0 auto 24px;
	max-width:680px;
	line-height:1.5;
	text-align:center;
}
.hc-hero__notice b{ color:#5a4310; }

/* ---- Hero search (plain product search form, not FacetWP) ---- */
.hc-hero .hc-storesearch{
	position:relative;
	max-width:540px;
	margin:0 auto 18px;
}
.hc-hero .hc-storesearch input{
	width:100%;
	box-sizing:border-box;
	padding:13px 16px 13px 44px;
	border:1.5px solid #e2e2e2;
	border-radius:14px;
	font-size:14px;
	color:#333;
	outline:none;
	background:#fff;
}
.hc-hero .hc-storesearch input:focus{
	border-color:#f18833;
	box-shadow:0 0 0 3px rgba(241,136,51,.12);
}
.hc-hero .hc-storesearch:before{
	content:'';
	position:absolute;
	left:16px;
	top:50%;
	transform:translateY(-50%);
	width:18px;
	height:18px;
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* ---- Hero store selector tweak (translucent over the map) ---- */
.hc-hero .hc-storeselect{ background:rgba(255,255,255,.85); }

@media (max-width:880px){
	.hc-hero__title{ font-size:26px; }
	.hc-hero__sub{ font-size:18px; }
}

/* ============================================================
   Section 2 — Category showcase (horizontal scroll carousel)
   ============================================================ */
.hc-showcase{ position:relative; background:#fff; max-width:1600px; margin:0 auto; padding:0 0 50px; box-sizing:border-box; }
.hc-showcase__scroller{ display:flex; gap:26px; overflow-x:auto; scroll-snap-type:none; padding:6px 26px 14px; -webkit-overflow-scrolling:touch; scrollbar-width:none; cursor:grab; }
.hc-showcase__scroller::-webkit-scrollbar{ display:none; }
.hc-showcase__scroller.is-dragging{ cursor:grabbing; }
.hc-showcase__scroller.is-dragging .hc-sc-card{ pointer-events:none; }
/* exactly 3 cards per page; side padding (= gap) leaves no 4th-card peek */
.hc-sc-card{ flex:0 0 auto; width:calc((100% - 2 * 26px) / 3); display:flex; flex-direction:column; aspect-ratio:1/1; border-radius:16px; overflow:hidden; background:#fff; text-decoration:none; box-shadow:0 6px 22px rgba(0,0,0,.10); transition:transform .32s cubic-bezier(.22,.61,.36,1), box-shadow .32s; }
.hc-sc-card:hover{ transform:translateY(-5px); box-shadow:0 14px 36px rgba(0,0,0,.15); }
.hc-sc-card__img{ flex:1 1 auto; min-height:0; background-size:cover; background-position:center; transition:transform .6s cubic-bezier(.22,.61,.36,1); }
.hc-sc-card:hover .hc-sc-card__img{ transform:scale(1.05); }
.hc-sc-card__body{ flex:0 0 auto; background:#fff; padding:18px 22px 20px; }
.hc-sc-card__title{ font-size:19px; font-weight:800; color:#555454; line-height:1.15; margin:0 0 7px; letter-spacing:-.01em; }
.hc-sc-card__sub{ font-size:13px; font-weight:700; color:#555454; margin:0 0 10px; line-height:1.3; }
.hc-sc-card__sub b{ color:#f18833; font-weight:800; }
.hc-sc-card__link{ font-size:13px; font-weight:600; color:#f18833; display:inline-flex; align-items:center; gap:6px; transition:color .2s, gap .2s; }
.hc-sc-card:hover .hc-sc-card__link{ color:#f18833; gap:9px; }
.hc-sc-card__chev{ font-size:15px; }
/* pagination dots */
.hc-sc-dots{ display:flex; justify-content:center; align-items:center; gap:9px; margin-top:20px; }
.hc-sc-dot{ width:9px; height:9px; border-radius:50%; background:#dcdcdc; border:none; cursor:pointer; padding:0; transition:background .25s, width .25s; }
.hc-sc-dot.is-active{ background:#f18833; width:26px; border-radius:5px; }
@media (max-width:1024px){
	.hc-sc-card{ width:76%; }
	.hc-showcase__scroller{ gap:16px; padding:6px 14px 14px; }
	.hc-sc-dots{ display:none; }
}

/* ===== 4) HAPPY CUSTOMERS ===== */
.hc-happy{ background:#fff; max-width:1600px; margin:0 auto; padding:30px 40px 64px; box-sizing:border-box; }
.hc-happy__grid{ display:grid; grid-template-columns:1fr 1.05fr; gap:56px; align-items:center; }
.hc-happy__stars{ display:flex; align-items:center; gap:9px; margin:0 0 18px; }
.hc-happy__stars .s{ color:#f5a623; font-size:17px; letter-spacing:1px; }
.hc-happy__stars span{ font-size:14px; font-weight:700; color:#555454; }
.hc-happy__stats{ display:flex; gap:48px; margin:0 0 22px; }
.hc-happy__num{ font-size:46px; font-weight:800; color:#f18833; line-height:1; letter-spacing:-.02em; }
.hc-happy__lbl{ font-size:21px; font-weight:800; color:#555454; margin-top:4px; letter-spacing:-.01em; }
.hc-happy__desc{ font-size:15px; line-height:1.6; color:#555; margin:0 0 26px; max-width:520px; }
.hc-happy__cta{ display:inline-flex; align-items:center; gap:9px; background:#f18833; color:#fff; font-size:15px; font-weight:700; text-decoration:none; padding:14px 34px; border-radius:10px; transition:background .2s, gap .2s, transform .2s; }
.hc-happy__cta:hover{ background:#e07a26; gap:13px; transform:translateY(-2px); }
.hc-happy__chev{ font-size:16px; }
/* right: world map + seal + pins + chips */
.hc-happy__media{ display:flex; align-items:center; justify-content:center; height:440px; position:relative; overflow:hidden; border-radius:24px; border:1px solid #f1e3d4; background:radial-gradient(circle at 50% 42%, #fff6ee, #fffdfb); }
.hcM-mapimg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; opacity:.16; pointer-events:none; }
.hcM-pin{ position:absolute; z-index:2; width:11px; height:11px; border-radius:50%; background:#f18833; box-shadow:0 0 0 0 rgba(241,136,51,.55); animation:hcMpulse 2.6s infinite; }
.hcM-pin::after{ content:''; position:absolute; inset:3px; border-radius:50%; background:#fff; }
@keyframes hcMpulse{ 0%{box-shadow:0 0 0 0 rgba(241,136,51,.5)} 70%{box-shadow:0 0 0 14px rgba(241,136,51,0)} 100%{box-shadow:0 0 0 0 rgba(241,136,51,0)} }
.hcM-seal{ position:relative; z-index:3; width:212px; height:212px; border-radius:50%; background:conic-gradient(#f18833 0 92%, #efe2d4 92% 100%); display:flex; align-items:center; justify-content:center; box-shadow:0 18px 50px rgba(241,136,51,.30); }
.hcM-seal .inner{ width:182px; height:182px; border-radius:50%; background:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.hcM-trophy{ font-size:42px; line-height:1; margin-bottom:6px; }
.hcM-t1{ font-size:19px; font-weight:900; color:#f18833; line-height:1; }
.hcM-t2{ font-size:13.5px; font-weight:800; color:#1d1d1f; margin-top:3px; }
.hcM-t3{ font-size:10.5px; color:#999; font-weight:700; margin-top:5px; letter-spacing:.5px; text-transform:uppercase; }
.hcM-chip{ position:absolute; z-index:4; background:#fff; border-radius:30px; box-shadow:0 8px 24px rgba(0,0,0,.14); padding:9px 15px; font-size:12.5px; font-weight:700; color:#1d1d1f; display:flex; align-items:center; gap:7px; }
.hcM-chip i{ font-style:normal; }
.hcM-c1{ top:54px; left:40px; } .hcM-c2{ top:74px; right:38px; } .hcM-c3{ bottom:70px; left:34px; } .hcM-c4{ bottom:52px; right:46px; }
@media (max-width:1024px){
	.hc-happy{ padding:20px 16px 48px; }
	.hc-happy__grid{ grid-template-columns:1fr; gap:34px; }
	.hc-happy__media{ height:360px; }
	.hc-happy__stats{ gap:32px; }
	.hc-happy__num{ font-size:38px; }
	.hcM-c1{ left:14px; } .hcM-c2{ right:14px; } .hcM-c3{ left:10px; } .hcM-c4{ right:14px; }
}

/* ===== 4) HAPPY CUSTOMERS inverted radius (rounded bottom corners) ===== */
.hc-happy{ border-radius:0 0 28px 28px; overflow:hidden; }

/* ===== 3) TRUST BADGES (Why Shop) ===== */
.hc-trust{ background:#f1f1f1; margin:0; padding:34px 0 0; box-sizing:border-box; }
.hc-trust__inner{ background:#fff; max-width:1600px; margin:0 auto; border-radius:28px 28px 0 0; padding:46px 40px 50px; box-sizing:border-box; box-shadow:0 6px 24px rgba(0,0,0,.05); }
.hc-trust__head{ text-align:center; margin:0 0 32px; }
.hc-trust__head h2{ font-size:26px; font-weight:800; color:#555454; margin:0 0 6px; letter-spacing:-.02em; }
.hc-trust__head p{ font-size:14px; color:#888; margin:0; }
.hc-trust__emblem{ width:52px; height:52px; border-radius:50%; background:#fff; border:3px solid #f18833; display:inline-flex; align-items:center; justify-content:center; margin:0 0 16px; box-shadow:0 6px 16px rgba(241,136,51,.16); }
.hc-trust__emblem svg{ width:25px; height:25px; color:#f18833; }
.hc-trust__rule{ display:flex; align-items:center; gap:12px; justify-content:center; margin-top:15px; }
.hc-trust__rule::before, .hc-trust__rule::after{ content:''; height:1px; width:42px; background:#eadbcb; }
.hc-trust__rule span{ font-size:10.5px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:#cbb6a0; }

.hc-trust__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.hc-trust__emb{ text-align:center; }
.hc-trust__ring{ width:80px; height:80px; margin:0 auto 16px; border-radius:50%; background:conic-gradient(#f18833 0 75%, #f0e3d5 75% 100%); display:flex; align-items:center; justify-content:center; box-shadow:0 10px 28px rgba(241,136,51,.20); }
.hc-trust__ring i{ width:64px; height:64px; border-radius:50%; background:#fff; display:flex; align-items:center; justify-content:center; color:#f18833; }
.hc-trust__ring svg{ width:28px; height:28px; }
.hc-trust__t{ font-size:16px; font-weight:800; color:#555454; margin:0 0 6px; }
.hc-trust__d{ font-size:12.5px; line-height:1.5; color:#888; margin:0 auto; max-width:230px; }
@media (max-width:1024px){
	.hc-trust{ padding:24px 0 0; }
	.hc-trust__inner{ border-radius:24px; padding:32px 16px 36px; }
	.hc-trust__grid{ grid-template-columns:repeat(2,1fr); gap:24px 16px; }
}

/* ===== 6) SEO TEXT BLOCK (2 columns + category grid) ===== */
.hc-seo{ background:#f1f1f1; margin:0; padding:0; box-sizing:border-box; }
.hc-seo__inner{ background:#fff; max-width:1600px; margin:0 auto; border-radius:0 0 28px 28px; box-sizing:border-box; box-shadow:0 6px 24px rgba(0,0,0,.05); overflow:hidden; display:grid; grid-template-columns:1.15fr .85fr; }
.hc-seo__left{ padding:42px 50px; display:flex; flex-direction:column; }
.hc-seo__eyebrow{ display:inline-block; font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:#f18833; margin:0 0 14px; }
.hc-seo__left h2{ font-size:30px; font-weight:800; color:#555454; margin:0 0 14px; letter-spacing:-.02em; line-height:1.15; }
.hc-seo__left p{ font-size:14.5px; line-height:1.75; color:#666; margin:0 0 12px; }
.hc-seo__chips{ display:flex; flex-wrap:wrap; gap:9px; margin:18px 0 0; }
.hc-seo__chip{ display:inline-flex; align-items:center; gap:7px; background:#fff; border:1px solid #f18833; color:#444; font-size:13px; font-weight:700; text-decoration:none; padding:8px 16px; border-radius:11px; transition:all .2s; }
.hc-seo__chip:hover{ border-color:#f18833; color:#f18833; transform:translateY(-2px); box-shadow:0 8px 18px rgba(241,136,51,.14); }
.hc-seo__stats{ display:flex; gap:34px; margin-top:auto; padding-top:26px; }
.hc-seo__stat b{ display:block; font-size:24px; font-weight:800; color:#f18833; line-height:1; letter-spacing:-.01em; }
.hc-seo__stat span{ font-size:11.5px; font-weight:700; color:#999; text-transform:uppercase; letter-spacing:.04em; }
.hc-seo__right{ position:relative; overflow:hidden; background:radial-gradient(circle at 50% 45%, rgba(241,136,51,.28) 0%, rgba(241,136,51,0) 55%), radial-gradient(circle at 50% 50%, rgba(255,255,255,.55) 0%, rgba(255,255,255,0) 70%), #fbfbfb; display:flex; align-items:center; padding:30px 32px; }
.hc-seo__map{ position:absolute; inset:0; background-position:center; background-repeat:no-repeat; background-size:135%; opacity:.16; mix-blend-mode:normal; pointer-events:none; z-index:0; }
.hc-seo__right::before{ content:none; }
.hc-seo__catgrid{ position:relative; z-index:2; display:grid; grid-template-columns:1fr 1fr; gap:13px; width:100%; }
.hc-seo__cat{ background:transparent; box-shadow:none; padding:22px 12px; text-decoration:none; display:flex; flex-direction:column; align-items:center; text-align:center; will-change:transform; }
.hc-seo__cat:hover .ic{ box-shadow:0 10px 22px rgba(241,136,51,.28); }
.hc-seo__cat .ic{ width:52px; height:52px; border-radius:50%; background:#fff; border:4px solid #f18833; display:flex; align-items:center; justify-content:center; margin:0 0 14px 0; box-shadow:0 6px 16px rgba(241,136,51,.16); transition:box-shadow .22s; }
.hc-seo__cat .ic__svg{ width:22px; height:22px; display:block; background-color:#f18833; -webkit-mask-position:center; mask-position:center; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-size:22px 22px; mask-size:22px 22px; }

.hc-seo__cat b{ display:block; font-size:14.5px; font-weight:800; color:#1d1d1f; line-height:1.2; }
.hc-seo__cat small{ display:block; margin-top:4px; font-size:11px; color:#b8927a; font-weight:700; }

/* Floating cards over the world map (HC AYAR) */
@keyframes hcFloatA { 0%,100%{ transform:translate(0,0); } 25%{ transform:translate(5px,-6px); } 50%{ transform:translate(-3px,-10px); } 75%{ transform:translate(-6px,-4px); } }
@keyframes hcFloatB { 0%,100%{ transform:translate(0,0); } 25%{ transform:translate(-6px,-5px); } 50%{ transform:translate(4px,-9px); } 75%{ transform:translate(7px,-3px); } }
@keyframes hcFloatC { 0%,100%{ transform:translate(0,0); } 33%{ transform:translate(6px,-7px); } 66%{ transform:translate(-5px,-5px); } }
.hc-seo__cat:nth-child(1){ animation:hcFloatA 9s ease-in-out infinite; }
.hc-seo__cat:nth-child(2){ animation:hcFloatB 11s ease-in-out infinite; }
.hc-seo__cat:nth-child(3){ animation:hcFloatC 10s ease-in-out infinite; animation-delay:-2s; }
.hc-seo__cat:nth-child(4){ animation:hcFloatA 12s ease-in-out infinite; animation-delay:-4s; }
.hc-seo__cat:nth-child(5){ animation:hcFloatB 10.5s ease-in-out infinite; animation-delay:-1s; }
.hc-seo__cat:nth-child(6){ animation:hcFloatC 11.5s ease-in-out infinite; animation-delay:-3s; }
@media (prefers-reduced-motion: reduce){ .hc-seo__cat{ animation:none; } }
@media (max-width:1024px){
	.hc-seo__inner{ grid-template-columns:1fr; }
	.hc-seo__left{ padding:34px 20px; }
	.hc-seo__right{ padding:28px 18px; }
	.hc-seo__stats{ padding-top:24px; flex-wrap:wrap; gap:20px 30px; }
	.hc-seo__catgrid{ gap:12px; }
}
/* HOME PAGE phone check (21 Oct, item 13): the 4 numbers as 2x2 instead of 3+1 */
@media (max-width:600px){
	.hc-seo__stats{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 24px; }
}

/* ===== 7) LATEST NEWS (From the Blog) ===== */
.hc-news{ background:#f1f1f1; margin:0; padding:34px 0 10px; box-sizing:border-box; }
.hc-news__inner{ max-width:1600px; margin:0 auto; padding:0; box-sizing:border-box; }
.hc-news__head{ display:flex; align-items:flex-end; justify-content:space-between; margin:0 0 26px; gap:20px; flex-wrap:wrap; padding:0 50px; }
.hc-news__head .eyebrow{ display:inline-block; font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:#f18833; margin:0 0 8px; }
.hc-news__head h2{ font-size:28px; font-weight:800; color:#555454; margin:0; letter-spacing:-.02em; }
.hc-news__head p{ font-size:14px; color:#888; margin:8px 0 0; }
.hc-news__all{ display:inline-flex; align-items:center; gap:7px; border:1.5px solid #f18833; color:#f18833; font-size:14px; font-weight:700; text-decoration:none; padding:10px 24px; border-radius:24px; transition:all .2s; white-space:nowrap; }
.hc-news__all:hover{ background:#f18833; color:#fff; }
.hc-news__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.hc-news__card{ background:#fff; border-radius:18px; padding:28px 26px; display:flex; flex-direction:column; text-decoration:none; transition:transform .25s, box-shadow .25s; box-shadow:0 4px 14px rgba(0,0,0,.04); border-top:3px solid #f18833; }
.hc-news__card:hover{ transform:translateY(-4px); box-shadow:0 18px 38px rgba(0,0,0,.10); }
.hc-news__top{ display:flex; align-items:center; justify-content:space-between; margin:0 0 16px; }
.hc-news__cat{ display:inline-block; background:#fff4ec; color:#f18833; font-size:11px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; padding:5px 12px; border-radius:13px; }
.hc-news__date{ font-size:12px; font-weight:700; color:#aaa; }
.hc-news__title{ font-size:19px; font-weight:800; color:#555454; margin:0 0 11px; line-height:1.3; letter-spacing:-.01em; }
.hc-news__excerpt{ font-size:13.5px; line-height:1.65; color:#777; margin:0 0 20px; }
.hc-news__more{ margin-top:auto; display:inline-flex; align-items:center; gap:6px; font-size:13.5px; font-weight:800; color:#f18833; }
.hc-news__more .arr{ transition:transform .2s; }
.hc-news__card:hover .hc-news__more .arr{ transform:translateX(4px); }
@media (max-width:1024px){
	.hc-news__inner{ padding:0 16px; }
	.hc-news__head{ padding:0; flex-direction:column; align-items:flex-start; }
	.hc-news__grid{ grid-template-columns:1fr; gap:14px; }
}


/* ============================================================
   HC FIBOSEARCH INTEGRATION - home page hc-storesearch box
   replaced with FiboSearch. The old double search icon is hidden,
   the box matches the hero style, dropdown bottom corners are rounded.
   ============================================================ */
/* hide the old hero search icon (double icon) - FiboSearch adds its own icon */
.hc-storesearch--fibo::before{display:none !important;content:none !important;}
/* FiboSearch input border + shadow matching the hero */
.hc-storesearch--fibo .dgwt-wcas-search-input{
	border:1px solid #e6e6e6 !important;
	box-shadow:0 2px 8px rgba(0,0,0,.04) !important;
}
/* dropdown bottom corner radius + overflow hidden + shadow */
.dgwt-wcas-suggestions-wrapp{
	border-radius:0 0 16px 16px !important;
	overflow:hidden !important;
	border:1px solid #e6e6e6 !important;
	border-top:none !important;
	box-shadow:0 8px 24px rgba(0,0,0,.10) !important;
}
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion:last-child{
	border-radius:0 0 16px 16px !important;
}

/* remove the FiboSearch form wrapper white background - let the hero map image show */
.hc-storesearch--fibo .dgwt-wcas-sf-wrapp{
	background:transparent !important;
	box-shadow:none !important;
	padding:0 !important;
}

/* centre the search icon (submit button) vertically in the input - fixes the shift when the submit button is hidden */
.hc-storesearch--fibo .dgwt-wcas-search-submit{
	top:50% !important;
	transform:translateY(-50%) !important;
}

/* gap between the search icon and the placeholder text */
.hc-storesearch--fibo .dgwt-wcas-search-input{
	padding-left:56px !important;
}

/* search input font size 15px (beats the plugin .dgwt-wcas-style-pirx 17px rule) */
.hc-storesearch--fibo .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input{
	font-size:15px !important;
}

/* ===== Hero mobile tweaks (HC AYAR) ===== */
@media (max-width: 768px) {
  /* Pull hero content up (was 54px top padding) */
  .hc-hero { padding-top: 18px; }
  /* Make the search box stand out from the world-map background */
  .hc-hero .dgwt-wcas-search-input {
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.06) !important;
  }
}

/* ===== Showcase mobile: one full-width card (aligned to store locator) + dots only (HC AYAR) ===== */
@media (max-width: 768px) {
  .hc-showcase { padding-left: 0; padding-right: 0; }
  .hc-showcase__scroller {
    scroll-snap-type: x mandatory;
    gap: 40px;
    padding: 6px 20px 14px;
    scroll-padding: 0 20px;
  }
  .hc-showcase__scroller .hc-sc-card {
    width: calc(100vw - 40px);
    flex: 0 0 calc(100vw - 40px);
    scroll-snap-align: center;
  }
  /* Show dots on mobile (were hidden <=1024px); Option 2 = dots only, no arrows */
  .hc-sc-dots {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 14px;
  }
}

/* ==== 10 Oct 2026: fixed text area on category cards - same image height on every card and in every language ====
   The card is square (aspect-ratio 1/1) and the image fills the remaining space; when a translated description fell to 1 or 3 lines
   the image grew and shrank. Reference: English Cigars card (title 1 line + description 2 lines + link 1 line).
   The description area has a FIXED line count; short text leaves space, text that does not fit ends with "…" (fallback; the
   texts in 13 languages were shortened, none are cut at 1440px+ or on phones).
   Line count: 1440px+ and 769-1024px = 2; 1025-1439px laptop and phone (<=768px) = 3 (the card is narrower there). */
.hc-sc-card__title{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hc-sc-card__sub{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; overflow:hidden; line-height:1.3; height:calc(1.3em * 2); }
.hc-sc-card__link{ max-width:100%; white-space:nowrap; overflow:hidden; }
@media (min-width:1025px) and (max-width:1439px){
	.hc-sc-card__sub{ -webkit-line-clamp:3; line-clamp:3; height:calc(1.3em * 3); }
}
@media (min-width:1025px) and (max-width:1279px){
	.hc-sc-card__title{ font-size:17px; }
}
@media (max-width:768px){
	.hc-sc-card__sub{ -webkit-line-clamp:3; line-clamp:3; height:calc(1.3em * 3); }
	.hc-sc-card__title{ font-size:17px; }
}