html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
img { max-width: 100%; height: auto; } :root {
--bg: #1E1E1E;
--premium: #CF9A16;
--cta: #E1AB11;
--text-on-dark: #F1F1F1;
}
body {
background-color: var(--bg);
color: var(--text-on-dark);
font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
line-height: 1.6;
}
a { color: var(--premium); text-decoration: none; }
a:hover { color: var(--cta); } h1, h2, h3, h4, h5, h6 { color: var(--premium); margin: 0.6em 0 0.3em; font-family: 'Oswald', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.6px; }
p { margin: 0 0 1em; } .container {
width: 92%;
max-width: 1200px;
margin: 0 auto;
} .site-header { border-bottom: 1px solid #2a2a2a; padding: 16px 0; }
.site-title a { color: var(--text-on-dark); font-weight: 700; }
.site-nav a { color: var(--text-on-dark); margin-right: 16px; }
.site-nav a:hover { color: var(--premium); } .site-footer {
border-top: 1px solid #2a2a2a;
padding: 24px 0;
color: #cfcfcf;
}
.footer__contacts {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
margin-top: 6px;
}
.footer__item {
display: flex;
align-items: center;
font-size: 14px;
color: #cfcfcf;
}
.footer__item:not(:first-child)::before {
content: "•";
margin: 0 8px 0 0;
opacity: 0.5;
}
.footer__item a {
color: #ffffff;
text-decoration: none;
}
.footer__item a:hover {
text-decoration: underline;
}
.footer__hours {
opacity: 0.85;
}
@media (max-width: 640px) {
.footer__contacts {
flex-direction: column;
align-items: flex-start;
gap: 6px;
}
.footer__item:not(:first-child)::before {
display: none;
}
} .button, button, input[type="submit"], .wp-block-button__link {
background-color: var(--cta);
color: #1E1E1E;
border: none;
border-radius: 6px;
padding: 10px 16px;
cursor: pointer;
}
.button:hover, button:hover, input[type="submit"]:hover, .wp-block-button__link:hover {
background-color: transparent;
border: 1px solid #d09b10;
color: #d09b10;
}
.hero__bg{
position: absolute;
inset: 0;
z-index: 0;
overflow: hidden;
}
.hero__img{
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
z-index: -1; }
.hero__content{
position: relative;
z-index: 1;
}.aurum-quiz-teaser {
position: fixed;
top: 150px !important; right: 30px !important;
bottom: auto !important;
z-index: 1002; background: #111;
border: 1px solid var(--premium);
border-radius: 12px;
padding: 15px 20px;
box-shadow: 0 10px 30px rgba(0,0,0,0.5);
cursor: pointer;
transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
animation: slideInDown 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
max-width: 320px;
}
.aurum-quiz-teaser:hover {
transform: translateY(-5px);
box-shadow: 0 15px 40px rgba(207, 154, 22, 0.2);
}
.aurum-quiz-teaser__content {
display: flex;
align-items: center;
gap: 15px;
position: relative;
}
.aurum-quiz-teaser__close {
position: absolute;
top: -15px;
right: -15px;
background: #222;
border: 1px solid #444; color: #fff;
width: 30px; height: 30px; border-radius: 50%;
font-size: 18px;
line-height: 1;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
opacity: 1; transition: all 0.2s ease;
z-index: 10;
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}
.aurum-quiz-teaser__close:hover {
background: #333;
transform: scale(1.1);
} .aurum-quiz-teaser__icon {
font-size: 28px;
animation: bounce 2s infinite;
}
.aurum-quiz-teaser__text {
display: flex;
flex-direction: column;
}
.aurum-quiz-teaser__text strong {
color: var(--premium);
font-size: 16px;
margin-bottom: 2px;
}
.aurum-quiz-teaser__text span {
color: #ccc;
font-size: 13px;
line-height: 1.3;
}
@keyframes slideInDown {
from {
opacity: 0;
transform: translateY(-50px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-6px);}
60% {transform: translateY(-3px);}
} .menu-item--quiz button {
position: relative;
overflow: hidden;
}
.menu-item--quiz button::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(207, 154, 22, 0.4);
border-radius: inherit;
animation: pulse-ring 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
z-index: -1;
}
@keyframes pulse-ring {
0% {
transform: scale(0.95);
opacity: 0.7;
}
50% {
opacity: 0;
}
100% {
transform: scale(1.4);
opacity: 0;
}
} @media (max-width: 768px) {
.aurum-quiz-teaser {
top: auto;
bottom: 20px;
left: 20px;
right: 20px;
max-width: none;
animation: slideInUp 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.aurum-quiz-teaser:hover {
transform: translateY(-5px);
}
}
@keyframes slideInUp {
from {
opacity: 0;
transform: translateY(50px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
:root {
--bg: #1E1E1E;
--premium: #CF9A16;
--cta: #E1AB11;
--text-on-dark: #F1F1F1;
} .top-bar {
font-size: 13px;
padding: 8px 0;
text-align: center;
position: relative;
z-index: 1001;
}
.top-bar__content {
display: flex;
justify-content: center;
align-items: center;
gap: 12px;
}
.top-bar a {
color: inherit;
text-decoration: underline;
}
.top-bar a:hover {
text-decoration: none;
opacity: 0.8;
} .site-header {
background-color: #1E1E1E;
padding: 15px 0;
position: relative;
z-index: 1000;
border-bottom: 1px solid rgba(255,255,255,0.05);
}
.header-inner {
display: flex;
align-items: center;
justify-content: space-between;
}
.site-branding a {
text-decoration: none;
color: #fff;
font-weight: 700;
font-size: 1.5rem;
text-transform: uppercase;
} .site-nav ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
gap: 20px;
}
.site-nav a {
color: #fff;
text-decoration: none;
font-weight: 500;
text-transform: uppercase;
font-size: 0.9rem;
transition: color 0.3s ease;
}
.site-nav a:hover {
color: var(--premium);
} .menu-item--cta a.button {
padding: 8px 20px;
font-size: 0.9rem;
background-color: var(--cta);
color: #1E1E1E;
border-radius: 4px;
}
.menu-item--cta a.button:hover {
background: transparent;
border: 1px solid var(--cta);
color: #fff !important;
} .menu-item--cart a {
position: relative;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
border: 1px solid #fff;
border-radius: 4px;
padding: 8px 16px;
transition: all 0.3s ease;
height: 40px;
}
.menu-item--cart a:hover {
border-color: var(--cta);
background-color: rgba(255,255,255,0.05);
}
.cart-count {
background: var(--premium);
color: #000;
border-radius: 50%;
padding: 2px 6px;
font-size: 0.75rem;
font-weight: bold;
margin-left: 5px;
} .nav-toggle {
display: none;
background: none;
border: none;
cursor: pointer;
padding: 0;
}
.nav-toggle__icon {
display: block;
}
.nav-toggle__icon--close {
display: none;
}
.nav-toggle[aria-expanded="true"] .nav-toggle__icon--burger {
display: none;
}
.nav-toggle[aria-expanded="true"] .nav-toggle__icon--close {
display: block;
} .cart-text-mobile {
display: none !important;
}
.cart-badge-desktop {
display: flex;
align-items: center;
justify-content: center;
background-color: var(--cta);
color: #1E1E1E;
padding: 0 6px;
height: 20px;
min-width: 20px;
border-radius: 3px;
font-weight: bold;
font-size: 0.85rem;
margin-left: 0;
line-height: 1;
}
.cart-empty-text {
font-size: 0.85rem;
font-weight: bold;
text-transform: uppercase;
} @media (max-width: 991px) {
.nav-toggle {
display: block;
}
.site-nav {
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: #1e1e1e;
padding: 20px 0;
border-top: 1px solid rgba(255,255,255,0.1);
transform: translateY(-20px);
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
box-shadow: 0 10px 20px rgba(0,0,0,0.5);
z-index: 999;
}
.site-nav.open {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.site-nav ul {
flex-direction: column;
align-items: flex-start;
gap: 15px;
width: 100%;
}
.site-nav li {
width: 100%;
padding: 0 20px;
}
.site-nav a {
display: block;
padding: 10px 0;
width: 100%;
border-bottom: 1px solid rgba(255,255,255,0.05);
}
.menu-item--cta {
width: 100%;
margin-top: 10px;
padding: 0 20px;
}
.menu-item--cta a.button {
display: inline-block;
width: 100%;
text-align: center;
}
.menu-item--cart {
width: 100%;
padding: 0 20px;
}
.menu-item--cart a {
justify-content: center;
border: 1px solid #fff;
border-radius: 4px;
padding: 10px 20px;
background: transparent;
display: flex;
align-items: center;
gap: 8px;
text-transform: none;
font-size: 0.9rem;
font-weight: normal;
}
.cart-text {
font-size: 0.9rem;
}
.cart-icon svg {
display: block;
}
.cart-badge {
background-color: var(--cta);
color: #1E1E1E;
padding: 0 6px;
height: 20px;
min-width: 20px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 3px;
font-weight: bold;
font-size: 0.85rem;
margin: 0 4px;
line-height: 1;
}
} .main { padding: 24px 0; } .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.add_to_cart_button, .single_add_to_cart_button {
background-color: var(--cta);
color: #1E1E1E;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.add_to_cart_button:hover, .single_add_to_cart_button:hover {
background: transparent;
border:1px solid #d09b10;
color: #ffffff !important;
} .woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.add_to_cart_button.alt,
.single_add_to_cart_button.alt,
.single-product div.product form.cart .single_add_to_cart_button.button.alt {
background: linear-gradient(90deg, var(--premium), var(--cta));
color: #1E1E1E;
border: none;
}
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.add_to_cart_button.alt:hover,
.single_add_to_cart_button.alt:hover,
.single-product div.product form.cart .single_add_to_cart_button.button.alt:hover {
box-shadow: 0 0 22px rgba(193,150,17,.8);
transform: translateY(-2px);
color: #1E1E1E !important;
} .woocommerce span.onsale {
background: #d9534f; color: #fff;
font-weight: 700;
padding: 6px 12px;
border-radius: 4px;
font-size: 0.9rem;
line-height: 1;
position: absolute;
top: 10px;
left: 10px;
right: auto;
z-index: 9;
min-height: auto;
min-width: auto;
text-transform: uppercase;
letter-spacing: 0.5px;
box-shadow: 0 2px 10px rgba(0,0,0,0.3);
} .woocommerce ul.products li.product, .woocommerce div.product { border: 1px solid #2a2a2a; }
.woocommerce ul.products li.product a { color: var(--text-on-dark); }
.woocommerce ul.products li.product a:hover { color: var(--premium); }  .shop-filters {
display: flex !important;
flex-wrap: wrap;
align-items: flex-end;
gap: 20px;
background: #1e1e1e !important;
padding: 20px;
border: 1px solid #333;
border-radius: 8px;
margin-bottom: 30px;
}
.filters__group {
display: flex;
flex-direction: column;
gap: 8px;
}
.filters__label {
font-size: 0.8rem;
font-weight: 700;
color: #bbb;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.filters__select {
padding: 10px 15px;
background: #121212 !important;
border: 1px solid #333 !important;
color: #fff !important;
border-radius: 4px;
min-width: 180px;
height: 45px;
cursor: pointer;
transition: border-color 0.3s;
appearance: none; -webkit-appearance: none;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
background-repeat: no-repeat !important;
background-position: right 1rem center !important;
background-size: 1em !important;
}
.filters__submit {
height: 45px;
padding: 0 30px !important;
display: inline-flex;
align-items: center;
justify-content: center;
margin-bottom: 0 !important;
} .container--shop {
max-width: 1400px;
margin: 0 auto;
padding: 40px 20px;
}
ul.products.products-grid,
.woocommerce ul.products {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 30px;
list-style: none !important;
padding: 0;
margin: 0 0 60px;
} ul.products.products-grid::before,
ul.products.products-grid::after,
.woocommerce ul.products::before,
.woocommerce ul.products::after {
content: none !important;
display: none !important;
} @media (max-width: 768px) {
ul.products.products-grid,
.woocommerce ul.products {
grid-template-columns: repeat(2, 1fr); gap: 15px;
}
} .product-card,
.woocommerce ul.products li.product {
background-color: #1e1e1e;
border: 1px solid #333;
border-radius: 8px;
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
display: flex;
flex-direction: column;
margin: 0 !important; width: 100% !important;
}
.product-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0,0,0,0.3);
border-color: var(--premium);
}
.product-card__link {
text-decoration: none;
color: inherit;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.product-card__media {
position: relative;
width: 100%;
aspect-ratio: 1;
background: #121212;
overflow: hidden;
}
.product-card__media img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.product-card:hover .product-card__media img {
transform: scale(1.05);
}
.product-card__badge {
position: absolute;
top: 10px;
left: 10px;
background: #d9534f; color: #fff;
font-weight: 800;
padding: 5px 10px;
border-radius: 4px;
font-size: 0.85rem;
z-index: 5;
box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}
.product-card__body {
padding: 20px;
display: flex;
flex-direction: column;
gap: 10px;
flex-grow: 1;
}
.product-card__title {
font-size: 1.1rem;
font-weight: 700;
color: #fff;
margin: 0;
text-transform: uppercase;
line-height: 1.3;
}
.product-card__price {
margin-top: auto;
font-size: 1.1rem;
color: var(--premium);
display: flex;
gap: 10px;
align-items: center;
}
.product-card__price .price-old,
.woocommerce-Price-amount del,
del .woocommerce-Price-amount,
.price del,
.amount del {
font-size: 0.9rem;
color: #888 !important;
text-decoration: line-through;
margin-right: 8px;
opacity: 0.7;
}
.product-card__price .price-current,
.woocommerce-Price-amount ins,
ins .woocommerce-Price-amount,
.price ins,
.amount ins {
text-decoration: none;
font-weight: bold;
color: var(--premium) !important;
font-size: 1.2em; } .product-card__badge--sale,
.onsale,
.badge--sale {
display: none !important;
}
.product-card__cta {
padding: 0 20px 20px;
}
.product-card__cta .button {
width: 100%;
display: block;
text-align: center;
padding: 12px;
} .single-product-page {
padding-top: 40px;
padding-bottom: 60px;
}
.single-product__top {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
margin-bottom: 60px;
align-items: start;
} .single-product__gallery,
.woocommerce-product-gallery {
width: 100%;
position: relative; }
.single-product__gallery img {
border-radius: 12px;
box-shadow: 0 10px 40px rgba(0,0,0,0.2);
width: 100%;
height: auto;
display: block;
} .single-product__summary,
.summary.entry-summary {
display: flex;
flex-direction: column;
}
.single-product__title {
font-size: 2.2rem;
line-height: 1.1;
margin-bottom: 15px;
color: #fff;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
}
.single-product__price {
font-size: 1.8rem;
color: var(--premium);
margin-bottom: 25px;
display: flex;
align-items: center;
gap: 15px;
font-weight: 600;
}
.single-product__price del {
font-size: 1.2rem;
color: #888;
font-weight: 400;
}
.single-product__stock {
margin-bottom: 20px;
} .qty-stepper {
display: inline-flex;
align-items: center;
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 6px;
overflow: hidden;
height: 52px; width: 140px; vertical-align: middle;
}
.qty-stepper:hover {
border-color: rgba(255, 255, 255, 0.3);
}
.qty-stepper__btn {
width: 45px;
height: 100%;
background: transparent;
border: none;
color: #fff;
font-size: 1.4rem;
font-weight: 300;
cursor: pointer;
transition: all 0.2s ease;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
line-height: 1;
}
.qty-stepper__btn:hover {
background: rgba(255, 255, 255, 0.1);
color: var(--premium);
}
.qty-stepper input.qty {
flex: 1;
background: transparent !important;
border: none !important;
color: #fff !important;
text-align: center;
font-size: 1.2rem;
font-weight: 600;
padding: 0;
height: 100%;
appearance: textfield;
-moz-appearance: textfield;
width: 100%;
}
.qty-stepper input.qty:focus {
outline: none !important;
box-shadow: none !important;
}
.qty-stepper input.qty::-webkit-outer-spin-button,
.qty-stepper input.qty::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
} .cart:not(.variations_form),
.woocommerce-variation-add-to-cart {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 15px;
} .variations_form {
margin-bottom: 30px;
}
.variation-row {
margin-bottom: 20px;
border-bottom: 1px solid rgba(255,255,255,0.05);
padding-bottom: 20px;
}
.variation-label {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
}
.variation-label label {
color: #fff;
font-weight: 700;
text-transform: uppercase;
font-size: 0.9rem;
letter-spacing: 1px;
}
.reset_variations {
font-size: 0.8rem;
color: #888;
text-decoration: underline;
} .variation-select.is-hidden {
visibility: hidden;
position: absolute;
z-index: -1;
opacity: 0;
} .attribute-swatches {
display: flex;
flex-wrap: wrap;
gap: 12px;
} .attribute-swatches:not(.is-expanded) .swatch:nth-of-type(n+4) {
display: none;
} .swatch {
width: auto;
min-width: 70px;
height: auto;
min-height: 80px;
padding: 8px;
border: 2px solid #333;
border-radius: 8px;
background: #1e1e1e;
cursor: pointer;
position: relative;
overflow: hidden;
transition: all 0.2s ease;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 5px;
}
.swatch img {
width: 50px;
height: 50px;
object-fit: cover;
display: block;
border-radius: 4px;
}
.swatch__label {
display: block;
font-size: 0.75rem;
color: #fff;
text-align: center;
line-height: 1.2;
} .swatch:hover {
border-color: #888;
transform: translateY(-2px);
}
.swatch.selected,
.swatch[aria-checked="true"] { border-color: var(--premium);
box-shadow: 0 0 15px rgba(207,154,22,0.4);
transform: scale(1.05);
}
.swatch.disabled {
opacity: 0.4;
cursor: not-allowed;
filter: grayscale(100%);
}
.attribute-swatches__more {
background: transparent;
border: 1px dashed #555;
color: #fff;
width: 70px;
height: 70px;
border-radius: 8px;
cursor: pointer;
font-size: 0.8rem;
} .single-product__bottom {
max-width: 900px;
margin: 60px auto 0;
border-top: 1px solid #333;
padding-top: 40px;
}
.accordion__item {
border-bottom: 1px solid #2a2a2a;
}
.accordion__item summary {
padding: 20px 0;
cursor: pointer;
list-style: none;
outline: none;
}
.accordion__item summary::-webkit-details-marker {
display: none;
}
.accordion__title {
display: flex;
align-items: center;
gap: 15px;
font-size: 1.2rem;
font-weight: 600;
color: #fff;
transition: color 0.3s;
}
.accordion__item[open] .accordion__title {
color: var(--premium);
}
.accordion__panel {
padding: 0 0 30px 34px;
color: #ccc;
line-height: 1.7;
} .related.products {
margin-top: 80px;
border-top: 1px solid #333;
padding-top: 40px;
}
.related.products h2 {
font-size: 2rem;
color: var(--premium);
margin-bottom: 30px;
text-transform: uppercase;
text-align: center;
} .single_add_to_cart_button.button.alt,
.single_add_to_cart_button.button {
padding: 15px 40px !important;
font-size: 1.2rem !important;
height: auto !important;
min-height: 55px;
width: 100%;
max-width: 400px;
} .swatch__label {
display: block !important;
font-size: 12px !important;
margin-top: 5px;
color: #fff;
text-align: center;
line-height: 1.1;
} .minicart-sidebar {
z-index: 9999 !important;
} @media (max-width: 991px) {
.single-product__top {
display: grid;
grid-template-columns: 1fr;
gap: 30px;
margin-bottom: 40px;
}
.single-product__gallery,
.single-product__summary {
width: 100%;
max-width: 100%;
padding-left: 0;
}
.single-product__title {
font-size: 1.8rem; }
.single-product__price {
font-size: 1.5rem;
}
.product-benefits {
grid-template-columns: 1fr; } .single_add_to_cart_button.button {
width: 100% !important;
max-width: none !important;
}
.qty-stepper {
width: 100%; margin-right: 0;
margin-bottom: 10px;
}
} .woocommerce-breadcrumb { color: #cfcfcf; }
.woocommerce-breadcrumb a { color: var(--premium); } input, select, textarea { background: #ffffff; color: #333333; border: 1px solid #e0e0e0; }
input:focus, select:focus, textarea:focus { outline: 1px solid var(--premium); border-color: var(--premium); background: #ffffff; }  .hero {
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-height: var(--hero-min-height, 55vh);
background-color: #1e1e1e;
overflow: hidden;
}
.hero__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-size: cover;
background-position: center;
} .hero::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: var(--hero-overlay, 0.5);
z-index: 2;
}
.hero__content {
position: relative;
z-index: 3;
text-align: center;
color: #fff;
max-width: 800px;
padding: 0 20px;
}
.hero__title {
font-size: 3.5rem;
font-weight: 800;
text-transform: uppercase;
margin-bottom: 1rem;
line-height: 1.1;
text-shadow: 0 4px 10px rgba(0,0,0,0.5);
}
.hero__subtitle {
font-size: 1.5rem;
margin-bottom: 2.5rem;
color: var(--premium);
text-shadow: 0 2px 5px rgba(0,0,0,0.5);
font-weight: 500;
}
.hero__cta .button {
padding: 15px 40px;
font-size: 1.1rem;
text-transform: uppercase;
letter-spacing: 1px;
} .section {
padding: 60px 0;
}
.section--dark {
background-color: #1e1e1e;
color: #f1f1f1;
}
.section--dark-alt {
background-color: #121212;
color: #f1f1f1;
}
.section--light {
background-color: #f9f9f9;
color: #333;
}
.section-title {
text-align: center;
font-size: 2.5rem;
margin-bottom: 40px;
color: var(--premium);
text-transform: uppercase;
}
.section--light .section-title {
color: #333;
} .stats__grid {
display: flex;
justify-content: space-around;
text-align: center;
flex-wrap: wrap;
gap: 20px;
}
.stat__num {
display: block;
font-size: 2.5rem;
font-weight: 700;
color: var(--premium);
}
.stat__label {
text-transform: uppercase;
font-size: 0.9rem;
letter-spacing: 1px;
} .features__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
text-align: center;
}
.feature h3 {
color: var(--premium);
margin-bottom: 15px;
font-size: 1.2rem;
}
.feature p {
opacity: 0.9;
font-size: 1rem;
line-height: 1.6;
} .bestcards__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.bestcard {
background: #fff;
padding: 20px;
border-radius: 8px;
text-align: center;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
transition: transform 0.3s;
border: 1px solid #eee;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.bestcard:hover {
transform: translateY(-5px);
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}
.bestcard__image {
margin-bottom: 15px;
}
.bestcard__image img {
max-width: 100%;
height: auto;
object-fit: contain;
}
.bestcard__title {
font-size: 1.1rem;
margin-bottom: 10px;
color: #333;
font-weight: 700;
}
.bestcard__desc {
font-size: 0.9rem;
color: #666;
margin-bottom: 15px;
flex-grow: 1;
} .home-categories__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.category-card {
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(145deg, #2a2a2a, #222);
padding: 40px 20px;
text-align: center;
border: 1px solid #333;
transition: all 0.3s;
min-height: 150px;
text-decoration: none;
box-shadow: 0 4px 6px rgba(0,0,0,0.2);
}
.category-card:hover {
background: var(--premium);
color: #1e1e1e;
border-color: var(--premium);
transform: translateY(-5px);
box-shadow: 0 8px 15px rgba(193,150,17,0.3);
}
.category-card__name {
font-weight: 700;
text-transform: uppercase;
font-size: 1.2rem;
letter-spacing: 1px;
} .testimonials__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
}
.testimonial {
background: #ffffff !important;
padding: 30px;
border-radius: 8px;
box-shadow: 0 5px 20px rgba(0,0,0,0.08);
margin: 0;
border: 1px solid #eee;
color: #333;
}
.testimonial-stars {
color: var(--premium);
margin-bottom: 15px;
font-size: 1.2rem;
}
.testimonial p {
font-style: italic;
color: #444;
font-size: 1.05rem;
line-height: 1.6;
margin-bottom: 15px;
}
.testimonial-author {
margin-top: 15px;
font-weight: 700;
font-size: 0.9rem;
color: #333;
}
.verified-badge {
color: #27ae60;
font-size: 0.8rem;
margin-left: 5px;
font-weight: 400;
background: #e8f8f0;
padding: 2px 6px;
border-radius: 4px;
} .newsletter {
text-align: center;
}
.newsletter__lead {
max-width: 600px;
margin: 0 auto 30px;
font-size: 1.1rem;
}
.newsletter__form {
max-width: 500px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 15px;
}
.newsletter__actions button {
width: 100%;
padding: 15px;
font-size: 1rem;
font-weight: bold;
cursor: pointer;
background-color: var(--cta);
border: none;
color: #1E1E1E;
transition: all 0.3s;
}
.newsletter__actions button:hover {
background-color: #fff;
color: #1E1E1E;
box-shadow: inset 0 0 0 2px var(--cta);
}
.newsletter__row {
display: flex;
gap: 10px;
}
.newsletter__row--names {
display: flex;
}
.newsletter__row input {
width: 100%;
padding: 12px;
border-radius: 4px;
}
.newsletter__consents {
text-align: left;
font-size: 0.8rem;
color: #666;
}
.consent {
display: block;
margin-bottom: 5px;
cursor: pointer;
}
.consent input {
margin-right: 8px;
width: auto;
}  .trust-bar {
background-color: #121212;
padding: 30px 0;
border-bottom: 1px solid #333;
}
.trust-grid {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
gap: 20px;
}
.trust-item {
display: flex;
align-items: center;
gap: 15px;
color: #fff;
}
.trust-icon {
font-size: 2rem;
}
.trust-text {
display: flex;
flex-direction: column;
}
.trust-text strong {
font-size: 1.1rem;
color: var(--premium);
text-transform: uppercase;
}
.trust-text span {
font-size: 0.9rem;
opacity: 0.8;
} .goals-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
}
.goal-card {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
background: #fff;
padding: 40px 20px;
border-radius: 8px;
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
text-decoration: none !important;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 1px solid #eee;
}
.goal-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0,0,0,0.1);
border-color: var(--premium);
}
.goal-icon {
font-size: 3rem;
margin-bottom: 20px;
}
.goal-card h3 {
font-size: 1.5rem;
margin: 0 0 10px;
color: #333;
font-weight: 700;
text-transform: uppercase;
}
.goal-card span {
color: #666;
font-size: 1rem;
} @media (max-width: 1024px) {
.bestcards__grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.hero__title { font-size: 2rem; }
.bestcards__grid { grid-template-columns: 1fr; }
.home-categories__grid { grid-template-columns: 1fr; }
.newsletter__row--names { flex-direction: column; }
.trust-grid {
flex-direction: column;
align-items: flex-start;
}
.trust-item {
width: 100%;
border-bottom: 1px solid #333;
padding-bottom: 15px;
}
.trust-item:last-child {
border-bottom: none;
padding-bottom: 0;
}
} .cta-banner {
background: linear-gradient(135deg, #1e1e1e 0%, #121212 100%);
padding: 80px 0;
text-align: center;
color: #fff;
border-top: 4px solid var(--premium);
margin-top: 0;
}
.cta-banner h2 {
font-size: 2.5rem;
font-weight: 800;
text-transform: uppercase;
margin-bottom: 30px;
color: #fff;
}
.cta-banner .button {
background: var(--premium);
color: #000;
padding: 15px 40px;
font-size: 1.1rem;
font-weight: 700;
border-radius: 50px;
text-transform: uppercase;
letter-spacing: 1px;
transition: all 0.3s ease;
box-shadow: 0 5px 15px rgba(207,154,22,0.3);
}
.cta-banner .button:hover {
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(207,154,22,0.5);
background: #fff;
} .site-footer {
background-color: #121212;
color: #888;
padding: 60px 0 20px;
font-size: 0.9rem;
border-top: 1px solid #333;
margin-top: 60px;
}
.site-footer h3 {
color: #fff;
font-size: 1.2rem;
margin-bottom: 20px;
text-transform: uppercase;
}
.site-footer a {
color: #888;
text-decoration: none;
transition: color 0.3s;
}
.site-footer a:hover {
color: var(--premium);
}
.footer-widgets {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 40px;
margin-bottom: 40px;
}
.site-info {
text-align: center;
border-top: 1px solid #222;
padding-top: 20px;
} .footer__payments {
margin-top: 30px;
padding-top: 20px;
border-top: 1px solid #222;
text-align: center;
}
.footer__payments-label {
display: block;
margin-bottom: 15px;
font-size: 0.85rem;
color: #666;
text-transform: uppercase;
letter-spacing: 1px;
}
.footer__payments-icons {
display: flex;
justify-content: center;
align-items: center;
gap: 15px;
flex-wrap: wrap;
}
.payment-icon img,
.payment-icon svg {
max-height: 30px;
width: auto;
filter: grayscale(100%);
opacity: 0.6;
transition: all 0.3s ease;
color: #888; }
.payment-icon:hover img,
.payment-icon:hover svg {
filter: grayscale(0%);
opacity: 1;
color: var(--premium);
}
.payment-text {
font-size: 0.75rem;
color: #888;
border: 1px solid #444;
padding: 4px 8px;
border-radius: 4px;
text-transform: uppercase;
white-space: nowrap;
transition: all 0.3s ease;
display: inline-block;
}
.payment-text:hover {
border-color: var(--premium);
color: var(--premium);
} .aurum-cookie-consent {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: rgba(18, 18, 18, 0.95);
border-top: 1px solid var(--premium);
z-index: 99999;
padding: 20px;
box-shadow: 0 -5px 20px rgba(0,0,0,0.5);
backdrop-filter: blur(5px);
transform: translateY(100%);
transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.aurum-cookie-consent.active {
transform: translateY(0);
}
.aurum-cookie-content {
max-width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
gap: 30px;
flex-wrap: wrap;
}
.aurum-cookie-text h4 {
color: var(--premium);
margin-bottom: 8px;
font-size: 1.1rem;
text-transform: uppercase;
}
.aurum-cookie-text p {
color: #ccc;
font-size: 0.9rem;
margin: 0;
line-height: 1.5;
}
.aurum-cookie-text a {
color: #fff;
text-decoration: underline;
transition: color 0.3s;
}
.aurum-cookie-text a:hover {
color: var(--premium);
}
.aurum-cookie-buttons {
display: flex;
gap: 15px;
flex-shrink: 0;
}
.aurum-cookie-buttons .button {
padding: 10px 20px;
font-size: 0.85rem;
white-space: nowrap;
}
@media (max-width: 768px) {
.aurum-cookie-consent {
padding: 12px 15px;
}
.aurum-cookie-content {
flex-direction: column;
align-items: stretch;
gap: 12px;
}
.aurum-cookie-text h4 {
font-size: 0.95rem;
margin-bottom: 4px;
}
.aurum-cookie-text p {
font-size: 0.8rem;
line-height: 1.3;
}
.aurum-cookie-buttons {
width: 100%;
justify-content: space-between;
gap: 10px;
}
.aurum-cookie-buttons .button {
flex: 1;
padding: 8px 0;
font-size: 0.75rem;
text-align: center;
justify-content: center;
}
} .aurum-quiz-content {
background: #1a1a1a;
padding: 40px;
border-radius: 16px;
max-width: 600px;
width: 90%;
text-align: center;
position: relative;
border: 1px solid #333;
box-shadow: 0 20px 50px rgba(0,0,0,0.5);
}
.aurum-quiz-step {
animation: fadeIn 0.4s ease;
}
.aurum-quiz-options {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin: 30px 0;
}
.quiz-option {
background: rgba(255, 255, 255, 0.03);
border: 1px solid #333;
border-radius: 12px;
padding: 25px 20px;
cursor: pointer;
transition: all 0.3s ease;
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
width: 100%;
}
.quiz-option:hover {
background: rgba(207, 154, 22, 0.1);
border-color: var(--premium);
transform: translateY(-3px);
}
.quiz-option__icon {
font-size: 2.5rem;
margin-bottom: 5px;
}
.quiz-option__label {
font-size: 1rem;
font-weight: 600;
color: #fff;
}
.quiz-option__sub {
font-size: 0.8rem;
color: #888;
}
.quiz-back-btn,
.quiz-restart-btn {
background: none;
border: none;
color: #888;
text-decoration: underline;
cursor: pointer;
font-size: 0.9rem;
margin-top: 15px;
}
.quiz-back-btn:hover,
.quiz-restart-btn:hover {
color: #fff;
}
.quiz-result {
margin: 30px 0;
background: rgba(255, 255, 255, 0.05);
padding: 30px;
border-radius: 12px;
border: 1px solid var(--premium);
}
.quiz-result-title {
font-size: 1.4rem;
color: var(--premium);
margin-bottom: 10px;
font-weight: bold;
}
.quiz-result-desc {
font-size: 1rem;
color: #ccc;
line-height: 1.6;
}
.menu-item--quiz button {
font-size: 0.85rem;
padding: 8px 16px;
border-radius: 4px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.5px;
}
@media (max-width: 600px) {
.aurum-quiz-options {
grid-template-columns: 1fr;
gap: 10px;
}
.aurum-quiz-content {
padding: 20px;
width: 95%;
max-height: 90vh;
overflow-y: auto;
}
.quiz-option {
padding: 15px;
flex-direction: row; justify-content: flex-start;
text-align: left;
}
.quiz-option__icon {
font-size: 1.8rem;
margin-bottom: 0;
margin-right: 15px;
}
.aurum-modal__title {
font-size: 1.2rem;
}
} .aurum-price-container {
display: flex;
align-items: center;
gap: 15px;
flex-wrap: wrap;
}
.aurum-price-values {
display: flex;
align-items: baseline;
gap: 10px;
}
.aurum-old-price {
font-size: 1.2rem;
color: #888;
text-decoration: line-through;
font-weight: 400;
}
.aurum-new-price {
font-size: 1.8rem;
color: var(--premium);
font-weight: 700;
text-decoration: none;
} .product-card .aurum-new-price {
font-size: 1.4rem;
}
.product-card .aurum-old-price {
font-size: 1rem;
} .aurum-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.aurum-modal.active {
opacity: 1;
visibility: visible;
display: flex !important;
}
.aurum-modal__backdrop {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
backdrop-filter: blur(5px);
}
.aurum-modal__content {
position: relative;
background: #111;
border: 1px solid var(--premium);
border-radius: 8px;
padding: 40px;
text-align: center;
max-width: 400px;
width: 90%;
transform: translateY(20px);
transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
box-shadow: 0 10px 40px rgba(0,0,0,0.5);
}
.aurum-modal.active .aurum-modal__content {
transform: translateY(0);
}
.aurum-modal__close-btn {
position: absolute;
top: 10px;
right: 10px;
background: transparent;
border: none;
color: #888;
font-size: 24px;
cursor: pointer;
line-height: 1;
padding: 5px;
}
.aurum-modal__close-btn:hover { color: #fff; }
.aurum-modal__icon {
margin-bottom: 20px;
animation: scaleIn 0.5s ease;
}
@keyframes scaleIn {
0% { transform: scale(0); opacity: 0; }
60% { transform: scale(1.2); }
100% { transform: scale(1); opacity: 1; }
}
.aurum-modal__title {
color: var(--premium);
font-size: 24px;
margin-bottom: 10px;
text-transform: uppercase;
letter-spacing: 1px;
}
.aurum-modal__message {
color: #ddd;
margin-bottom: 30px;
font-size: 15px;
}
.aurum-modal__actions {
display: flex;
flex-direction: column;
gap: 15px;
}
.aurum-modal__checkout {
background: var(--premium);
color: #000;
padding: 12px 20px;
text-transform: uppercase;
font-weight: 700;
border-radius: 4px;
text-decoration: none;
transition: background 0.3s;
}
.aurum-modal__checkout:hover {
background: #fff;
color: #000;
}
.aurum-modal__continue {
background: transparent;
border: 1px solid rgba(255,255,255,0.2);
color: #fff;
padding: 12px 20px;
text-transform: uppercase;
font-weight: 600;
border-radius: 4px;
cursor: pointer;
transition: all 0.3s;
}
.aurum-modal__continue:hover {
border-color: #fff;
background: rgba(255,255,255,0.05);
} .aurum-modal__content--wide {
max-width: 600px;
}
.aurum-variation-modal__body {
text-align: left;
margin: 20px 0;
max-height: 60vh;
overflow-y: auto;
}
.aurum-variation-modal__body .variation-row {
margin-bottom: 20px;
border-bottom: 1px solid rgba(255,255,255,0.1);
padding-bottom: 15px;
}
.aurum-variation-modal__body .variation-row:last-child {
border-bottom: none;
}
.aurum-variation-modal__body .variation-label {
margin-bottom: 10px;
font-weight: bold;
color: #fff;
display: flex;
justify-content: space-between;
}
.aurum-variation-modal__body .reset_variations {
font-size: 0.8em;
color: var(--premium);
text-decoration: none;
}
.aurum-variation-modal__footer {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20px;
border-top: 1px solid rgba(255,255,255,0.1);
padding-top: 20px;
}
.aurum-variation-modal__price {
font-size: 1.2rem;
color: var(--premium);
font-weight: bold;
}
.aurum-modal__checkout.disabled {
opacity: 0.5;
cursor: not-allowed;
background: #333;
color: #888;
} .cart-badge {
display: inline-block;
background-color: var(--cta);
color: #1E1E1E;
padding: 2px 6px;
border-radius: 3px;
font-weight: bold;
font-size: 0.85rem;
margin-left: 6px;
margin-right: 4px;
min-width: 20px;
text-align: center;
}  .cart-text-mobile {
display: none; 
}
.cart-badge-desktop {
display: inline-block;
background-color: var(--cta);
color: #1E1E1E;
padding: 2px 6px;
border-radius: 12px;
font-weight: bold;
font-size: 0.85rem;
margin-left: 8px;
min-width: 20px;
text-align: center;
} @media (max-width: 991px) {
.cart-text-mobile {
display: inline;
}
.cart-badge-desktop {
display: none;
}
} .global-guarantee-bar {
background-color: #0f0f0f;
color: var(--premium);
padding: 8px 0;
border-bottom: 1px solid rgba(207, 154, 22, 0.15);
font-size: 13px;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.5px;
position: relative;
z-index: 900;
}
.global-guarantee-bar__content {
display: flex;
justify-content: center;
align-items: center;
}
.guarantee-item {
display: flex;
align-items: center;
gap: 8px;
}
.guarantee-icon {
font-size: 1.2em;
}
.guarantee-text strong {
color: #fff;
font-weight: 700;
}