/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.7.1776424523
Updated: 2026-04-17 11:15:23

*/
:root{
	--text-gt:  "GT Planar", Sans-serif;
	--text-six: 'Sixsound-Regular';
}
.dtk-filter-bar{display:block;align-items:center;gap:1.2rem;flex-wrap:wrap;padding:14px 24px;border-radius:8px;margin-bottom:2rem;position:relative;z-index:200;border-bottom: 1px solid #1a1918;margin-bottom: 76px;}
.dtk-filter-title{font-size: 14px;
	letter-spacing: 0.08em;
	line-height: 14px;
	text-transform: uppercase;
	color: #dad3cd;font-family: var(--e-global-typography-7133da4-font-family), Sans-serif;} .dtk-filter-title span{color: #f25a2f;}
.dtk-filter-label{color:#555;font-size:.82rem;}
.dtk-dropdown{position:relative;}
.dtk-dropdown-btn{background:transparent !important;border:none;color:#ccc;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:6px;}
.dtk-arrow{font-size:.65rem;transition:.2s;}
.dtk-dropdown.open .dtk-arrow{transform:rotate(180deg);}
.dtk-dropdown-menu{
	display:none;
	position:absolute;
	top:100%;left:0;
	box-shadow: 327px 325px 129px rgba(2, 2, 2, 0.01), 209px 208px 118px rgba(2, 2, 2, 0.05), 118px 117px 100px rgba(2, 2, 2, 0.17), 52px 52px 74px rgba(2, 2, 2, 0.29), 13px 13px 41px rgba(2, 2, 2, 0.33);
	border-radius: 12px;
	background-color: #1a1918;
	border: 1px solid #2e2c2b;
	padding:12px;z-index:9999;
}
.dtk-dropdown.open .dtk-dropdown-menu{display:block; min-width: 250px;}
.dtk-check-item{display:flex;gap:10px;padding:8px;color:#ccc;cursor:pointer;}
.dtk-check-item:hover{background:#222;color:#fff;}
.dtk-search-input.dtk-search-input {
	background: #1a1a1a;
	border: 1px solid #2a2a2a;
	color: #ccc;
	padding: 5px 16px !important;
	border-radius: 8px !important;
	outline: none !important;
	font-size: 14px;
	letter-spacing: -0.01em;
	line-height: 21px;
	font-weight: 300;
	font-family: var(--text-gt);
	color: #8c857f;
	width: 306px;
}
._pageTitle
{
	margin-bottom: 80px;
	text-align: center;
	font-size: 32px;
	letter-spacing: 0.04em;
	line-height: 32px;
	text-transform: uppercase;
	font-family: 'Sixsound-Regular';
	color: #dad3cd;
	text-align: center;
}
.dtk-search-wrap{position:relative; margin-left:auto;}
.dtk-search-wrap svg{position:absolute;right:16px;top:6px;}
button.dtk-dropdown-btn:hover {
	background-color: transparent;
}

button.dtk-dropdown-btn {
	font-size: 14px;
	letter-spacing: -0.01em;
	line-height: 21px;
	font-weight: 300;
	font-family: var(--text-gt);
	color: #8c857f !important;
	outline: none !important;
}

span.dtk-filter-label {
	font-size: 14px;
	letter-spacing: -0.01em;
	line-height: 21px;
	font-weight: 300;
	font-family: var(--text-gt);
	color: #8c857f;
}
.dtk-dropdown-menu-hdr{
	display: none;
}
.dtk-check-item {
    display: flex;
    font-size: 14px;
	letter-spacing: -0.01em;
	line-height: 21px;
	font-weight: 300;
	color: #dad3cd;
	font-family: var(--text-gt);
}

/* Hide default checkbox */
.dtk-check-item input {
    display: none;
}

/* Custom box */
.checkmark {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    border: 2px solid #888;
    background: transparent;
    display: inline-block;
    position: relative;
    transition: all 0.2s ease;
}

/* Checked state */
.dtk-check-item input:checked + .checkmark {
    background: #e5e2dc; /* light fill like your screenshot */
    border-color: #e5e2dc;
}

/* Check icon */
.dtk-check-item input:checked + .checkmark::after {
    content: "";
    position: absolute;
    inset: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;

    background-image: url("data:image/svg+xml,%3Csvg width='7' height='5' viewBox='0 0 7 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.12317 0.5625L2.62317 4.0625M2.5625 4.00183L0.5625 2.00183' stroke='%23020202' stroke-width='1.125' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Optional: hover effect */
.dtk-check-item:hover .checkmark {
    border-color: #aaa;
}

.sticky-active {
  position: fixed;
  top: 86px;
  left: 0;
  right: 0;
  width: 100%;
  border-radius: 0;
  z-index: 999;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

.sticky-placeholder {
  display: none;
}

.sticky-placeholder.is-active {
  display: block;
}
.dtk-filter-bar.sticky-active {
/* 	background: linear-gradient(180deg, rgba(0, 0, 0, 0), #000); */
/* 	backdrop-filter: blur(20px); */
	background-color: #0e0e0d;
	border-bottom: 1px solid #1a1918;
}
.dtk-filter-bar-container {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    flex-wrap: wrap;
    max-width: var(--content-width);
    margin-left: auto;
    margin-right: auto;
}
.woocommerce nav.woocommerce-pagination ul li{
	border: none !important;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
    padding: 8px 15px !important;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 24px;
    font-weight: 500;
    font-family: var(--text-gt);
    color: #dad3cd;
    text-align: center;
    border-radius: 100px !important;
	min-height: 40px;
    min-width: 40px;
}
.woocommerce nav.woocommerce-pagination ul {
    border: none !important;
	display:flex;
	gap: 16px;
	flex-wrap: wrap;
	justify-content: center;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    background: #fff;
    color: #020202;
}
.dtk-arrow{
	height: 18px;
}