/*
Theme Name: Accuracy Plus
Theme URI: https://accuracyplus.biz/
Author: Cory Marazzo
Author URI: https://wckd.marketing/
Description: Custom WordPress Theme built using WCKD UI and WCKD Forms
Version: 2.0
Text Domain: WCKD
*/

[data-theme="light"]{
--background-color-dark:#0A0A0A;
}
.background-color-dark{color: #ffffff}

/* Mobile header */
header{position:relative}
header .wckd-menu li.mobile-cats{display:none}
@media (max-width: 768px){
	header a.site-logo{flex:0 0 auto}
	header img.site-logo{width:150px;height:auto}
	header .menu-container{display:flex;align-items:center;gap:var(--size-s)}
	/* One menu entry point on mobile: the hamburger. Categories open from
	   "Shop by Category" inside it. The .menu-all li keeps display:contents
	   because the flyout panel lives inside it — only its button hides. */
	header .categories-menu > li:not(.menu-all){display:none}
	header .categories-menu > li.menu-all{display:contents}
	header .categories-menu > li.menu-all > button{display:none}
	/* Primary menu drops below the header when the hamburger is open */
	header .wckd-menu.hamburger-collection{top:100%}
	header nav .wckd-menu.hamburger-collection a{color:var(--font-color)}
	header .hamburger-btn .bar{background-color:#fff}
	header .wckd-menu li.mobile-cats{display:flex}
	header nav .wckd-menu.hamburger-collection .mobile-cats button{
		display:flex;align-items:center;justify-content:space-between;width:100%;
		background:none;border:none;cursor:pointer;text-align:left;
		color:var(--font-color);font-size:inherit;padding:var(--size-m);
	}
	header nav .wckd-menu.hamburger-collection .mobile-cats button:hover{color:var(--font-color)}
}

/* WCKD Wishlist */
.wckd-wishlist-toggle{display:inline-flex;align-items:center;gap:0.5em}
.wckd-wishlist-toggle.active .heart{fill:currentColor}
.wishlist-grid{position:relative}
.wishlist-item{position:relative}
.wishlist-item .wishlist-remove{
	position:absolute;top:var(--size-s);right:var(--size-s);z-index:2;
	width:32px;height:32px;border-radius:50%;border:1px solid var(--line-color);
	background:var(--background-color);color:var(--font-color);cursor:pointer;
	font-size:18px;line-height:1;display:grid;place-items:center;padding:0;
}
.wishlist-item .wishlist-remove:hover{border-color:var(--font-color)}
.wishlist-empty{grid-column:1/-1;text-align:center;padding:var(--size-xl) 0}
.wishlist-empty .button{margin-top:var(--size-m)}
.login-card,.login-aside{border:1px solid var(--line-color);border-radius:var(--size-s);padding:var(--size-l)}
.login-aside ul{padding-left:1.2em}
.login-aside li{margin-bottom:var(--size-s)}
.account-details-form{max-width:560px}

/* Dark overlay panels (Order Information, Account settings) */
.order-info-panel,.account-panel{color:#fff}
.order-info-panel h3,.order-info-panel h4,.account-panel h3{color:#fff}
.order-info-panel a,.account-panel a{color:var(--yellow)}
.order-info-panel a.button{color:var(--button-text)}
.order-info-panel hr{border-color:rgba(255,255,255,0.2)}
.account-panel form label,
.account-panel fieldset legend,
.account-panel form span{color:#fff;font-size:var(--text-s)}
.account-panel form input{width:100%}
.account-panel fieldset{border:none;padding:0;margin:var(--size-l) 0 0}
.account-panel fieldset legend{font-weight:var(--text-strong);padding:0;margin-bottom:var(--size-s)}

/* Variation options table */
.variation-options{margin-bottom:var(--size-xl)}
.variation-options .table-scroll{overflow-x:auto;max-height:420px;overflow-y:auto;border:1px solid var(--line-color);border-radius:var(--size-s)}
.variation-options table{width:100%;border-collapse:collapse}
.variation-options th{position:sticky;top:0;background:var(--background-color-dark,#0A0A0A);color:#fff;text-align:left}
.variation-options th,.variation-options td{padding:var(--size-s) var(--size-m)}
.variation-options tbody tr{border-bottom:1px solid var(--line-color)}
.variation-options tbody tr:last-child{border-bottom:none}
.variation-options tbody tr:hover{background:var(--background-color)}
.variation-options .price{font-size:inherit;color:var(--font-color)}

/* Product gallery: consistent image frame */
.product-main-figure{display:grid;place-items:center;padding:var(--size-l);min-height:320px}
.product-main-figure img{max-width:100%;height:auto;max-height:60vh;object-fit:contain}
@media (max-width: 768px){
	.gallery-col.height-75{min-height:0}
	.product-gallery .sticky{position:static}
	.product-main-figure{min-height:0;padding:var(--size-s)}
	.product-main-figure img{max-height:45vh}
	.product-summary > .flex.space-between{flex-wrap:wrap;gap:var(--size-s)}
}

/* Product gallery thumbnails as buttons */
button.gallery-thumb{background:none;border:none;padding:0;cursor:pointer;overflow:hidden;border-radius:0}
button.gallery-thumb:focus-visible{outline:2px solid var(--blue)}
@media (max-width: 768px){
	/* Keep thumbnails thumbnail-sized when the column grid collapses */
	.product-gallery .columns{display:flex;flex-wrap:wrap;gap:var(--size-s)}
	button.gallery-thumb{width:72px;flex:0 0 auto}
	/* Breadcrumbs: single tidy line; the H1 below already names the page */
	#breadcrumbs{flex-wrap:wrap;row-gap:var(--size-xs)}
	#breadcrumbs li[aria-current="page"]{display:none}
}

/* Shop directory (shop landing page) */
.cat-card{border:1px solid var(--line-color);border-radius:var(--size-s);padding:var(--size-l);display:flex;flex-direction:column;gap:var(--size-m)}
.cat-card-links{display:flex;flex-wrap:wrap;gap:var(--size-s)}
.cat-card-title{text-decoration:none;color:var(--font-color);gap:var(--size-s)}
.cat-card-title:hover h2{color:var(--yellow)}
.cat-card-title span{flex:0 0 auto}
/* Subcategory chips */
.subcat-chips{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--size-xs)}
.subcat-chips::-webkit-scrollbar{display:none}
.cat-card-links .tag,
.subcat-chips .tag{
	display:inline-flex;align-items:center;gap:0.35em;white-space:nowrap;flex:0 0 auto;
	background:none;color:var(--font-color);border:1px solid var(--line-color);
	border-radius:var(--size-xl);padding:var(--size-xs) var(--size-m);
	font-size:var(--text-xs);text-decoration:none;
}
.subcat-chips .tag:hover{border-color:var(--font-color)}
.subcat-chips .tag .fade{font-size:var(--text-xs)}
/* Brand page intro card */
.screen-reader-text{
	position:absolute;width:1px;height:1px;padding:0;margin:-1px;
	overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}
.brand-hero-card{
	height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:var(--size-l);
	border-radius:var(--size-s);padding:var(--size-xl);
}
.brand-hero-logo{max-width:220px;height:auto}
.brand-hero-desc{max-width:34rem;margin:0}
.brand-hero-cta{margin-top:auto}
#products{scroll-margin-top:6rem}
html{scroll-behavior:smooth}
.brand-hero-media{margin:0;height:100%}
.brand-hero-media img{
	width:100%;height:100%;min-height:260px;object-fit:cover;
	border-radius:var(--size-s);display:block;
}

/* Brands directory */
.brand-letters,.brand-links{display:flex;flex-wrap:wrap;gap:var(--size-s)}
.brand-letters .tag,
.brand-links .tag{
	display:inline-flex;align-items:center;gap:0.35em;white-space:nowrap;flex:0 0 auto;
	background:none;color:var(--font-color);border:1px solid var(--line-color);
	border-radius:var(--size-xl);padding:var(--size-xs) var(--size-m);
	font-size:var(--text-xs);text-decoration:none;
}
.brand-letters .tag{justify-content:center;min-width:2em;padding:var(--size-xs) 0}
.brand-letters .tag:hover,
.brand-links .tag:hover{border-color:var(--font-color)}
.brand-links .tag .fade{
	font-size:.78em;line-height:1.5;
	background:var(--background-color,rgba(0,0,0,.06));
	border:1px solid var(--line-color);
	border-radius:var(--size-xl);padding:0 .5em;
}
.brand-group{scroll-margin-top:6rem}
.brand-toolbar{display:flex;align-items:center;gap:var(--size-l)}
.brand-search{flex:0 0 25%}
.brand-toolbar .brand-letters{flex:1;justify-content:flex-end}
@media (max-width: 768px){
	.brand-toolbar{flex-direction:column;align-items:stretch}
	.brand-search{flex:none}
	.brand-toolbar .brand-letters{justify-content:flex-start}
}
.search-refine{max-width:34rem}
.search-refine input{flex:1}
.search-refine input,
.brand-search input{
	width:100%;
	padding:var(--size-s) var(--size-m);
	border:1px solid var(--line-color);border-radius:var(--size-xl);
	background:none;color:var(--font-color);font-size:var(--text-s);
}
.brand-search input:focus{outline:none;border-color:var(--font-color)}
.brand-letters .tag[hidden],
.brand-links .tag[hidden],
.brand-group[hidden]{display:none}
@media (min-width: 1025px){
	.subcat-chips{flex-wrap:wrap;overflow:visible}
}

/* Archive filter toggle (mobile only) */
.filter-toggle{display:none}
@media (max-width: 1024px){
	.filter-toggle{display:inline-flex;align-items:center;gap:0.5em;width:100%;justify-content:center}
	.filter-wrap{display:none;padding-top:var(--size-m)}
	.filter-wrap.open{display:block}
}

/* Page Builder banners */
.banner-spot{margin-top:var(--size-xl)}
.banner{
	position:relative;display:grid;align-items:center;overflow:hidden;
	background:var(--background-color-dark,#0A0A0A);border-radius:var(--size-s);
	min-height:220px;color:#fff;
}
.banner .banner-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.banner.has-image::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,10,0.75) 0%,rgba(10,10,10,0.35) 60%,rgba(10,10,10,0.1) 100%);z-index:1}
.banner.image-only{display:block;min-height:0}
.banner.image-only .banner-media{position:static;width:100%;height:auto;display:block}
.banner.image-only::after{display:none}
.banner .banner-content{position:relative;z-index:2;padding:var(--size-xl);max-width:34rem}
.banner .banner-content h2{color:#fff;margin-bottom:var(--size-s)}
.banner .banner-content .ws-label{color:var(--yellow)}
.banner .banner-content .button{
	margin-top:var(--size-m);
	background:var(--yellow);border-color:var(--yellow);color:#0A0A0A;font-weight:var(--text-strong);
}
.banner .banner-content .button:hover{background:#fff;border-color:#fff;color:#0A0A0A}

/* Page Builder hero */
.hero{position:relative;background:var(--background-color-dark,#0A0A0A);overflow:hidden;border-radius:var(--size-s)}
.hero .cover{position:absolute;inset:0;height:100%;aspect-ratio:auto}
.hero .ws-video{position:absolute;inset:0;height:100%;aspect-ratio:auto}
.hero .overlay{position:relative;padding:var(--size-xl)}

header{background:#0A0A0A}
header .wckd-menu a,
header .wckd-menu button, header svg{color: #fff}
header button:hover{background: none;color: var(--yellow)}
header button:hover svg{color: var(--yellow)}
.wckd-overlay-content.flyout{max-width:365px;background: #0A0A0A}
.woocommerce-ordering{margin:0}
.price{color: var(--font-color);}

.head #wckd-per-page,
.head .woocommerce-ordering select{padding:var(--size-s);font-size: var(--text-xs)}

#wckd-per-page,
.woocommerce-ordering,
#wckd-results-count{font-size:var(--text-s)}
.shop-toolbar .shop-controls{width:100%}
.shop-controls .controls-group{margin-left:auto;display:flex;align-items:center;gap:var(--size-s)}
.shop-controls .woocommerce-notices-wrapper:empty{display:none}
#wckd-active-filters{
	display:inline-flex;align-items:center;gap:.6em;white-space:nowrap;
	background:var(--yellow,#FFD100);color:#0A0A0A;
	border-radius:99px;padding:.25em .9em;font-size:var(--text-xs);font-weight:var(--text-strong);
}
#wckd-active-filters[hidden]{display:none}
#wckd-active-filters button{
	background:none;border:none;padding:0;cursor:pointer;
	color:inherit;font-size:inherit;text-decoration:underline;text-underline-offset:2px;
}
#wckd-active-filters button:hover{text-decoration:none}
@media (max-width: 590px){
	.shop-controls{justify-content:flex-start}
	#wckd-results-count{width:auto;margin:0}
	.shop-controls .controls-group{margin-left:0;width:100%}
	.shop-controls .controls-group > *{flex:1;min-width:0}
	.shop-controls .controls-group select{width:100%}
}

.wckd-menu li:hover > a, .wckd-menu li.active > a{color: var(--yellow);background: none}
.site-logo{max-height: 75px;}
.products.columns {list-style: none;}
.products.columns h3, .products.columns h2{font-size: var(--text-m);font-weight: 500;margin-bottom: var(--size-m)}
.product-card a{display: block}
.product-card .image{position:relative;display:block}
.card-badges{
	position:absolute;top:var(--size-s);left:var(--size-s);z-index:1;
	display:flex;flex-wrap:wrap;gap:var(--size-xxs);
}
.card-badge{
	font-size:var(--text-xs);font-weight:var(--text-strong);text-transform:uppercase;
	letter-spacing:0.04em;padding:var(--size-xxs) var(--size-s);border-radius:var(--size-xl);
}
.badge-new{background:#3DBE63;color:#0A0A0A}
.badge-sale{background:var(--yellow,#FFD100);color:#0A0A0A}
.badge-low-stock{background:#0A0A0A;color:#fff}
button, .button{border-radius: var(--size-s);}
.button.has-icon,
.woocommerce button.button.has-icon,
.woocommerce a.button.has-icon{display:inline-flex;align-items:center;justify-content:center;gap:0.5em;white-space:nowrap}
footer .button.outline{color:#fff;border-color:rgba(255,255,255,0.4)}
footer .button.outline:hover{border-color:#fff}
.button.has-icon svg{flex:0 0 auto;display:inline-block}
#wckd-pagination {display: flex;justify-content: center;margin: 2rem 0;}
#wckd-pagination .page-numbers {display: flex;gap: 0.5rem;list-style: none;padding: 0;margin: 0;}
#wckd-pagination .page-numbers li {display: inline-flex;}
#wckd-pagination .page-numbers a,
#wckd-pagination .page-numbers span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  border: 1px solid var(--line-color);
  color: var(--font-color);  
  text-decoration: none;
  font-size:var(--text-s);
  line-height: 1;
}
#wckd-pagination .page-numbers a:hover {
  border: 1px solid var(--yellow);
}
#wckd-pagination .page-numbers .current {
  background: #0A0A0A;
  color: #fff;
  border-color: #0A0A0A;
}
#wckd-pagination .next {
  font-size: 0;
  position: relative;
}

.product-specs{font-size: var(--text-s);margin-top: var(--size-l)}
.product-card .image {
    height: 175px;
    display: flex;
    overflow: hidden;
    padding: var(--size-m);
}
.product-card a.button{
  width:100%;text-align: center;font-size: var(--text-xs);border: 1px solid transparent;
  background: transparent;color: var(--font-color);
}
.product-card .image img {
    width: auto;
    margin: 0 auto;
    max-height: 100%;
    align-self: center;
    align-items: center;
}
.filter-group {margin-bottom:var(--size-l)}
.filter-group label{width: 100%;font-size: var(--text-xs);display: flex;gap: var(--size-s)}
.filter-group p{text-transform: uppercase;font-size: var(--text-s);}
.filter-group label.filter-hidden{
display:none;
}
.product-card a:hover{text-decoration: none}
.product-card:hover{border: 1px solid var(--yellow)}

.product-card del{opacity: 0.7;font-size: var(--text-s)}
.product-card ins{text-decoration: none;}
.filter-show-more{
margin-top:5px;
padding:6px 12px;
cursor:pointer;
border-radius: var(--size-s);
}

.product-gallery img{width: fit-content;}

.with-sidebar{
  display: grid;
  grid-template-columns: 250px 1fr;
}

.with-sidebar aside {
  grid-column: 1;
  height: 100vh;
position: sticky;
top: 0;
overflow-y: auto
}

.with-sidebar main {
  grid-column: 2;
  min-width: 0; /* critical — prevents 1fr from expanding past viewport */
  overflow: hidden;
}

.shop-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--size-m);
  flex-wrap:wrap;
}

.shop-controls{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:var(--size-s);
}

.shop-categories li{
  border:1px solid var(--line-color);
  border-radius:var(--size-s);
  padding:var(--size-m);
  background:#fff;
  transition:border-color .2s ease, transform .2s ease;
}

.shop-categories li:hover{
  border-color:var(--yellow);
  transform:translateY(-1px);
}

.shop-categories li a{
  display:block;
  text-transform:uppercase;
  font-size:var(--text-s);
  text-decoration:none;
}

@media (max-width: 1024px){
  .with-sidebar{
    grid-template-columns:1fr;
  }

  .with-sidebar aside{
    position:static;
    height:auto;
    border-bottom:1px solid var(--line-color);
  }

  .with-sidebar main{
    grid-column:1;
  }

  .shop-categories.columns{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}



#logo {
	height: 124px;
	max-width: 20vw;
	width: auto;
	display: block;
}
.button{border-radius: var(--size-s)}
.center .flex-group{	margin-left: auto !important;margin-right: auto !important;justify-content: center;}

.ticker{color: #ffffff;z-index: 3}

.order-1{order: 1}
.order-2{order: 2}

.wckd-section-zoom {display: flex;justify-content: center;align-items: center;overflow: hidden;margin: 0 auto;}
.animate.in-view > img {animation: zoomIn 10s;}
.zoom-in.in-view{transition: transform 10s ease; transform: scale(1.025);}

.animate.fade-in {opacity: 0;}
.animate.in-view.fade-in {animation: fade_In 1.3s ease-in-out forwards;}

@keyframes fade_In {
  0% {
	opacity: 0;
	transform: translateY(12px);
  }
  100% {
	opacity: 1;
	transform: translateY(0);
  }
}
.animate.in-view.fade-in.delay-1 { animation-delay: 0.2s; }
.animate.in-view.fade-in.delay-2 { animation-delay: 0.4s; }
.animate.in-view.fade-in.delay-3 { animation-delay: 0.6s; }
.animate.in-view.fade-in.delay-4 { animation-delay: 0.8s; }
.animate.in-view.fade-in.delay-5 { animation-delay: 1s; }


.hide-and-seek {
  position: fixed;
  width: 100%;
  transition: transform 0.3s ease;
  z-index: 999;
}

.scrolling-down .hide-and-seek {
  transform: translateY(-100%);
}

.scrolling-up .hide-and-seek {
  transform: translateY(0);
}
.hide-and-seek.scrolling-down {
  transform: translateY(-100%);
}

.hide-and-seek.scrolling-up {
  transform: translateY(0);
}
.scrolling-down .hide-and-seek {
  transform: translateY(-120px);
}




.menu-all-panel {
  overflow: hidden;
  position: relative;
}

.menu-layer {
  width: 100%;
}

.menu-all-categories {
  list-style: none;
  margin: 0;
}

.menu-all-categories li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
}

.menu-all-categories li a {
  flex: 1;
}

.drill-btn, .back-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: var(--size-s) var(--size-m);
  display: flex;
  align-items: center;
  gap: var(--size-s);
  color: var(--font-color);
}

.menu-back {
  border-bottom: 1px solid var(--line-color);
  margin-bottom: var(--size-s);
}

.subcategory-heading a {
  font-weight: var(--text-bold);
}






.shop_table{font-size: var(--text-s);border-collapse: collapse;}
.shop_table tr{border-bottom: 1px solid var(--line-color);text-align: left;}
.audit-status-col,
.audit-status-cell{
  text-align:center;
}

.audit-ok,
.audit-bad{
  font-weight:700;
  display:inline-block;
  min-width:1em;
}

.audit-bad{
  color:#c62828;
}

.audit-table-wrap{
  overflow:auto;
  max-height:calc(100vh - 140px);
}

.audit-table thead th{
  position:sticky;
  top:0;
  z-index:5;
  background:#fff;
  font-size: var(--text-xs);
}
/* Search popup */
.wckd-overlay-content.search-modal{
	top:12vh;transform:none;margin:0 auto;
	width:92%;max-width:640px;max-height:80vh;
	border-radius:var(--size-s);
	box-shadow:0 20px 60px rgb(0 0 0 / 35%);
}
.search-modal-inner{padding:var(--size-xl);display:flex;flex-direction:column;gap:var(--size-m)}
.search-modal-title{margin:0;padding-right:3rem;font-size:var(--text-s);font-weight:var(--text-strong);text-transform:uppercase;letter-spacing:0.06em;color:var(--font-color)}
.search-modal button.close-overlay{
	position:absolute;top:var(--size-m);right:var(--size-m);
	width:40px;height:40px;display:grid;place-items:center;
	border-radius:50%;background:none;
}
.search-modal button.close-overlay:hover{background:var(--background-color)}
.search-modal-form{position:relative;display:flex;align-items:stretch;gap:var(--size-s);margin:0}
.search-modal-form .search-modal-icon{
	position:absolute;left:var(--size-m);top:50%;transform:translateY(-50%);
	color:var(--font-color);opacity:.5;pointer-events:none;
}
.search-modal-form input[type="search"]{
	flex:1;min-width:0;width:auto;margin:0;
	padding:var(--size-m) var(--size-m) var(--size-m) 2.9rem;
	font-size:var(--text-m);
	border:1px solid var(--line-color);border-radius:var(--size-s);
	background:var(--background-color-light);color:var(--font-color);
}
.search-modal-form input[type="search"]:focus{outline:none;border-color:var(--font-color);box-shadow:0 0 0 3px rgb(255 209 0 / 45%)}
.search-modal-form .button{
	flex:0 0 auto;width:auto;margin:0;
	background:var(--yellow,#FFD100);border-color:var(--yellow,#FFD100);color:#0A0A0A;
	font-weight:var(--text-strong);padding:0 var(--size-l);
}
.search-modal-form .button:hover{background:#0A0A0A;border-color:#0A0A0A;color:#fff}
.search-modal-shortcuts{display:flex;flex-wrap:wrap;align-items:center;gap:var(--size-s)}
.search-modal-label{font-size:var(--text-xs);color:var(--font-color);opacity:.6;margin-right:var(--size-xxs)}
.search-modal-shortcuts .tag{
	display:inline-flex;align-items:center;white-space:nowrap;
	background:none;color:var(--font-color);border:1px solid var(--line-color);
	border-radius:var(--size-xl);padding:var(--size-xs) var(--size-m);
	font-size:var(--text-xs);text-decoration:none;
}
.search-modal-shortcuts .tag:hover{border-color:var(--font-color)}
@media (max-width: 590px){
	.wckd-overlay-content.search-modal{top:var(--size-m);width:calc(100% - 2 * var(--size-m))}
	.search-modal-inner{padding:var(--size-l)}
	.search-modal-form .button{padding:0 var(--size-m)}
	.search-modal-label{width:100%}
}

/* Feature carousel (homepage photos + about copy) */
.feature-carousel{position:relative}
.feature-carousel-media{position:relative;border-radius:var(--size-s);overflow:hidden;background:#0A0A0A}
.feature-carousel .column{position:relative}
.feature-carousel-img{display:block;width:100%;aspect-ratio:16/9;max-height:78vh;object-fit:cover}
.feature-carousel .wckd-carousel-nav .icon-button{
	width:44px;height:44px;display:grid;place-items:center;
	background:rgb(10 10 10 / 55%);color:#fff;backdrop-filter:blur(4px);
}
.feature-carousel .wckd-carousel-nav .icon-button:hover{background:#0A0A0A}
.feature-carousel .wckd-carousel-dots{
	position:absolute;top:var(--size-m);right:var(--size-m);z-index:3;padding:0;
}
.feature-carousel .carousel-dot{background-color:rgb(255 255 255 / 45%)}
.feature-carousel .carousel-dot.active{background-color:#fff}

.feature-carousel-copy{padding:var(--size-l) 0 0}
.feature-carousel-copy .ws-label{display:block;margin-bottom:var(--size-s)}
.feature-carousel-copy h2{margin:0;font-size:clamp(1.75rem, 4.2vw, 3.5rem);line-height:1.05;letter-spacing:-0.02em}
.feature-carousel-desc{margin:var(--size-m) 0 0;max-width:36rem}

@media (min-width: 769px){
	/* Copy overlays the bottom of the photos, over a dark gradient */
	.feature-carousel.has-copy .feature-carousel-media::after{
		content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
		background:linear-gradient(to top, rgb(0 0 0 / 78%) 0%, rgb(0 0 0 / 35%) 38%, rgb(0 0 0 / 0%) 62%);
	}
	.feature-carousel .wckd-carousel-nav{z-index:2}
	.feature-carousel-copy{
		position:absolute;left:0;right:0;bottom:0;z-index:3;pointer-events:none;
		padding:var(--size-xl);color:#fff;
		display:grid;grid-template-columns:minmax(0, 1.1fr) minmax(0, 1fr);gap:var(--size-xl);align-items:end;
	}
	.feature-carousel-copy a{pointer-events:auto}
	.feature-carousel-copy h2{color:#fff}
	.feature-carousel-copy .ws-label{color:rgb(255 255 255 / 80%)}
	.feature-carousel-desc{margin:0;color:rgb(255 255 255 / 92%);justify-self:end}
}
@media (max-width: 768px){
	.feature-carousel .wckd-carousel-nav .icon-button{width:34px;height:34px}
	.feature-carousel .wckd-carousel-dots{top:var(--size-s);right:var(--size-s)}
}

/* Contact page */
.contact-hero{position:relative;margin-bottom:var(--size-xl)}
.contact-hero-media{margin:0;border-radius:var(--size-s);overflow:hidden;background:#0A0A0A}
.contact-hero-img{display:block;width:100%;aspect-ratio:21/9;object-fit:cover;object-position:center 45%}
.contact-hero-copy{padding:var(--size-l) 0 0}
.contact-hero-copy .ws-label{display:block;margin-bottom:var(--size-s)}
.contact-hero-copy h1{margin:0;font-size:clamp(2rem, 5vw, 3.75rem);line-height:1.02;letter-spacing:-0.02em}
.contact-hero-copy p{margin:var(--size-m) 0 0;max-width:34rem}

.contact-grid{display:grid;grid-template-columns:minmax(0, 5fr) minmax(0, 7fr);gap:var(--size-l);align-items:start}
.contact-card{border:1px solid var(--line-color);border-radius:var(--size-s);padding:var(--size-xl)}
.contact-details{display:flex;flex-direction:column;gap:var(--size-l)}

.contact-status{
	display:inline-flex;align-items:center;gap:.55em;align-self:flex-start;
	font-size:var(--text-s);font-weight:var(--text-strong);
	padding:var(--size-xs) var(--size-m);border-radius:var(--size-xl);
	background:var(--background-color, #F2F2F2);
}
.contact-status .dot{width:8px;height:8px;border-radius:50%;background:#C0392B;flex:0 0 auto}
.contact-status.is-open .dot{background:#3DBE63;box-shadow:0 0 0 4px rgb(61 190 99 / 20%)}

.contact-row{display:grid;grid-template-columns:22px minmax(0, 1fr);gap:var(--size-m);align-items:start}
.contact-row > svg{margin-top:2px;opacity:.7}
.contact-row-label{margin:0 0 var(--size-xxs);font-size:var(--text-xs);font-weight:var(--text-strong);text-transform:uppercase;letter-spacing:.06em;opacity:.6}
.contact-row address{font-style:normal;line-height:1.5}
.contact-row a:not(.button){color:var(--font-color);text-decoration:underline;text-decoration-color:var(--line-color);text-underline-offset:3px}
.contact-row a:not(.button):hover{text-decoration-color:currentColor}
.contact-directions{margin-top:var(--size-m)}

.contact-hours{margin:0;display:grid;grid-template-columns:1fr;gap:var(--size-xxs);border:none}
.contact-hours > div{display:flex;justify-content:space-between;gap:var(--size-m);padding:var(--size-xxs) var(--size-s);margin:0 calc(-1 * var(--size-s));border-radius:var(--size-xs)}
.contact-hours dt,.contact-hours dd{margin:0;padding:0;border:none;font-size:var(--text-s);line-height:1.5}
.contact-hours dd{white-space:nowrap}
.contact-hours .is-today{background:var(--background-color, #F2F2F2);font-weight:var(--text-strong)}

.contact-socials{display:flex;flex-wrap:wrap;gap:var(--size-s);padding-top:var(--size-l);border-top:1px solid var(--line-color)}

.contact-form-card h2{margin:0}
.contact-form-intro{margin:var(--size-s) 0 var(--size-l);max-width:36rem}
.contact-form-slot:has(> p:only-child){
	display:grid;place-items:center;min-height:320px;
	border:2px dashed var(--line-color);border-radius:var(--size-s);opacity:.6;
}

@media (min-width: 769px){
	.contact-hero-media{position:relative}
	.contact-hero-media::after{
		content:"";position:absolute;inset:0;pointer-events:none;
		background:linear-gradient(to top, rgb(0 0 0 / 80%) 0%, rgb(0 0 0 / 35%) 40%, rgb(0 0 0 / 0%) 65%);
	}
	.contact-hero-copy{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:var(--size-xl);color:#fff}
	.contact-hero-copy h1{color:#fff}
	.contact-hero-copy .ws-label{color:rgb(255 255 255 / 80%)}
	.contact-hero-copy p{color:rgb(255 255 255 / 92%)}
}
@media (max-width: 900px){
	.contact-grid{grid-template-columns:1fr}
}
@media (max-width: 768px){
	.contact-hero-img{aspect-ratio:16/10}
	.contact-card{padding:var(--size-l)}
}

/* WCKD Forms: spam trap field stays off-screen (not display:none, which bots skip) */
.wf-honeypot{position:absolute !important;left:-9999px;width:0;height:0;overflow:hidden}

/* WCKD Forms: base (light pages, e.g. contact) */
.wckd-form{display:flex;flex-direction:column;gap:var(--size-m)}
.wckd-form > div:not(.wf-honeypot){display:flex;flex-direction:column;gap:var(--size-xs)}
.wckd-form label{display:block;margin:0;font-size:var(--text-s);font-weight:var(--text-strong)}
.wckd-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.wckd-form textarea,
.wckd-form select{
	width:100%;margin:0;padding:var(--size-s) var(--size-m);
	font-size:var(--text-m);line-height:1.4;
	color:#0A0A0A;background:#fff;
	border:1px solid rgb(10 10 10 / 22%);border-radius:var(--size-s);
	transition:border-color .15s ease, box-shadow .15s ease;
}
.wckd-form textarea{min-height:140px;resize:vertical}
.wckd-form input::placeholder,.wckd-form textarea::placeholder{color:rgb(10 10 10 / 45%)}
.wckd-form input:focus,.wckd-form textarea:focus,.wckd-form select:focus{
	outline:none;border-color:#0A0A0A;box-shadow:0 0 0 3px rgb(255 209 0 / 55%);
}
.wckd-form .submit-button{
	align-self:flex-start;margin-top:var(--size-xs);
	padding:var(--size-s) var(--size-xl);border-radius:var(--size-s);
	font-size:var(--text-m);font-weight:var(--text-strong);cursor:pointer;
	background:#0A0A0A;color:#fff;border:1px solid #0A0A0A;
}
.wckd-form .submit-button:hover{background:var(--yellow,#FFD100);border-color:var(--yellow,#FFD100);color:#0A0A0A}
.wckd-form .submit-button:disabled{opacity:.5;cursor:not-allowed}

/* WCKD Forms: dark Order Information panel */
.order-info-panel .wckd-form label{color:rgb(255 255 255 / 85%)}
.order-info-panel .wckd-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.order-info-panel .wckd-form textarea,
.order-info-panel .wckd-form select{
	color:#fff;background:rgb(255 255 255 / 6%);border-color:rgb(255 255 255 / 25%);
}
.order-info-panel .wckd-form input::placeholder,
.order-info-panel .wckd-form textarea::placeholder{color:rgb(255 255 255 / 45%)}
.order-info-panel .wckd-form input:focus,
.order-info-panel .wckd-form textarea:focus,
.order-info-panel .wckd-form select:focus{border-color:var(--yellow,#FFD100);box-shadow:0 0 0 3px rgb(255 209 0 / 25%)}
/* Browser autofill paints its own light background; keep text readable */
.order-info-panel .wckd-form input:-webkit-autofill{
	-webkit-text-fill-color:#fff;caret-color:#fff;
	-webkit-box-shadow:0 0 0 1000px #1c1c1c inset;
}
.order-info-panel .wckd-form .submit-button{
	align-self:stretch;background:var(--yellow,#FFD100);border-color:var(--yellow,#FFD100);color:#0A0A0A;
}
.order-info-panel .wckd-form .submit-button:hover{background:#fff;border-color:#fff;color:#0A0A0A}

/* Wishlist signup: spam trap field stays off-screen */
.wckd-signup-check{position:absolute !important;left:-9999px;width:0;height:0;overflow:hidden}