:root {
--bg: #170f0f;
--bg-soft: #221415;
--text-main: #f4e8dd;
--text-muted: #9c9c9c;
--accent: #f1b15b;
--border-soft: #3a2624;
--main-brown: #4c000f;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "GT Sectra Book";
}
p,
span {
font-family: "Funnel Sans";
}
body {
background: var(--bg);
color: var(--text-main);
}
.container {
margin: 0 auto;
padding: 0;
}
body#page_new-index .container:not(.hv-hero), body#page_hartvik-f-vesture .container:not(.hv-hero), body#page_nams .container:not(.hv-hero) {
max-width: 1050px;
}
section.container.hv-hero {
padding-top: 140px;
}
section.container.hv-hero-wrap {
margin-bottom: 120px;
}
section.container.hv-bottom-pair-wrap {
margin-bottom: 80px;
}
.header-inner {
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
column-gap: 32px;
}
.logo {
font-weight: 700;
font-size: 14px;
letter-spacing: 0.18em;
text-transform: uppercase;
}
.main-nav {
display: flex;
justify-content: center;
gap: 24px;
font-size: 13px;
}
.main-nav a {
opacity: 0.85;
}
.main-nav a:hover {
opacity: 1;
}
.header-extra {
display: flex;
gap: 14px;
font-size: 13px;
}
main {
padding: 44px 0 80px;
}
.hv-hero {
display: grid;
grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.05fr);
column-gap: 52px;
align-items: start;
}
.hv-hero-image {
height: 100%;
}
.hv-hero-image-inner {
position: relative;
height: 100%;
overflow: hidden;
min-height: 462px;
}
.hv-hero-image-inner img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.hv-hero-text {
display: grid;
row-gap: 12px;
align-content: center;
align-self: center;
}
h1.hv-hero-title {
text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
font-size: 45px;
font-weight: normal;
line-height: 1.1;
text-align: left;
color: #f1b899;
text-transform: none;
}
.hv-hero-sub {
font-size: 13px;
color: var(--accent);
margin-bottom: 4px;
}
.hv-hero-meta {
font-size: 13px;
color: var(--text-muted);
}
.hv-hero-body {
font-size: 18px;
font-weight: 300;
line-height: 28.8px;
text-align: left;
color: #f1b899;
max-width: 500px;
}
.hv-hero-caption {
text-align: left;
margin-top: 8px;
font-size: 12px;
color: var(--text-muted);
}
.hv-quote {
max-width: 500px;
height: 90px;
margin: 0 auto;
object-fit: contain;
font-size: 14px;
font-weight: 300;
line-height: 1.5;
text-align: center;
color: #f1b899;
}
.hv-my-7 {
margin-top: 7rem !important;
margin-bottom: 7rem !important;
}
h2.hv-heading {
font-size: 32px;
font-weight: normal;
line-height: 1.1;
text-align: center;
color: #d0d0d0;
text-transform: none;
}
.hv-small-centered {
text-align: center;
font-size: 11px;
color: var(--text-muted);
margin-bottom: 46px;
}
.hv-divider {
text-align: center;
margin: 52px auto 60px;
position: relative;
}
.hv-divider-btn {
background: none;
border: 0;
padding: 0;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
animation: hv-bob 2s ease-in-out infinite;
will-change: transform;
}
.hv-divider-btn svg {
display: block;
}
.hv-divider-btn:focus-visible {
outline: 2px solid var(--accent);
outline-offset: 4px;
}
.hv-divider-btn:hover {
animation-duration: 1.4s;
}
@keyframes hv-bob {
0% {
transform: translateY(0);
}
50% {
transform: translateY(4px);
}
100% {
transform: translateY(0);
}
}
.hv-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
column-gap: 52px;
align-items: center;
margin-bottom: 84px;
}
.hv-grid-alt,
.hv-grid-narrow {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.hv-grid-index {
margin-bottom: 30px;
}
.hv-grid-rev {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.hv-grid-rev .hv-img-por {
order: 1;
}
.hv-grid-rev .hv-txt-main {
order: 2;
}
.hv-txt-main {
font-size: 14px;
font-weight: normal;
line-height: 1.5;
text-align: left;
color: #d0d0d0;
}
.hv-img-por {
width: max-content;
margin: 0 auto;
height: 100%;
}
.hv-img-por-inner {
position: relative;
overflow: hidden;
text-align: center;
}
.hv-img-por-inner img {
inset: 0;
width: 320px;
text-align: center;
align-self: center;
}
.hv-city {
text-align: left;
margin-top: 8px;
font-size: 12px;
color: var(--text-muted);
margin-left: auto;
margin-right: auto;
}
.hv-wide {
margin-bottom: 40px;
}
.hv-wide-inner {
position: relative;
padding-top: 40%;
overflow: hidden;
}
.hv-wide-inner img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.hv-wide-caption {
margin-top: 8px;
font-size: 12px;
color: var(--text-muted);
}
.hv-txt {
max-width: 500px;
}
.hv-meat {
display: grid;
grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
column-gap: 52px;
align-items: center;
margin-bottom: 92px;
}
.hv-meat-inner {
position: relative;
padding-top: 80%;
overflow: hidden;
}
.hv-meat-inner img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.hv-quote-small {
text-transform: none;
font-size: 14px;
font-weight: normal;
line-height: 1.5;
text-align: center;
color: #f1b899;
}
p {
font-size: 14px;
font-weight: normal;
line-height: 1.5;
text-align: left;
color: #d0d0d0;
}
h3.hv-quote-main {
max-width: 480px;
margin: 30px auto 0;
font-size: 32px;
font-weight: normal;
line-height: 1.1;
text-align: center;
color: #f1b899;
text-transform: none;
}
.hv-quote-author {
margin-top: 20px;
font-size: 11px;
color: var(--text-muted);
}
.hv-mission-head {
text-align: center;
margin-bottom: 12px;
font-size: 18px;
}
.hv-mission-under {
width: 40px;
height: 1px;
background: var(--accent);
margin: 0 auto 26px;
}
.hv-mission-sub {
text-align: center;
font-size: 13px;
color: var(--text-muted);
max-width: 580px;
margin: 0 auto 60px;
}
.hv-head-rev {
display: flex;
align-items: center;
justify-content: center;
margin-top: 2rem;
margin-bottom: 2rem;
}
.hv-mission {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
column-gap: 50px;
margin-bottom: 50px;
}
.hv-mission-inner {
position: relative;
padding-top: 80%;
overflow: hidden;
}
.hv-mission-inner img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.hv-mission-cap {
margin-top: 6px;
font-size: 10px;
color: var(--text-muted);
}
.hv-mission-bottom {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 28px;
margin-bottom: 20px;
font-size: 12px;
color: var(--text-muted);
}
.hv-mission-col {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.hv-bottom-pair {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 40px;
margin-bottom: 30px;
align-items: center;
}
.hv-bottom-inner {
position: relative;
padding-top: 105%;
overflow: hidden;
}
.hv-bottom-inner img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.hv-bottom-cap {
margin-top: 6px;
font-size: 10px;
color: var(--text-muted);
}
.footer {
border-top: 1px solid var(--border-soft);
background: #120a0a;
padding: 30px 0 40px;
color: var(--text-muted);
font-size: 12px;
}
.footer-inner {
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
column-gap: 32px;
align-items: start;
}
.footer-logo {
font-weight: 700;
font-size: 14px;
letter-spacing: 0.18em;
text-transform: uppercase;
margin-bottom: 8px;
}
.footer-cols {
display: grid;
grid-template-columns: repeat(3, minmax(0, auto));
column-gap: 24px;
justify-content: end;
}
.footer-cols div {
display: grid;
row-gap: 4px;
}
.hv-tl {
display: flex;
flex-wrap: wrap;
gap: 18px;
margin: 40px auto;
padding: 0;
list-style: none;
font-family: "GT Sectra Book";
align-items: center;
justify-content: center;
font-size: 20px;
font-weight: normal;
line-height: 1.4;
text-align: center;
color: #f1b899;
}
.hv-tl-item {
cursor: pointer;
position: relative;
padding-bottom: 4px;
opacity: 0.65;
border-bottom: 1px solid transparent;
transition: opacity 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.hv-tl-item:hover {
opacity: 1;
}
.hv-tl-item.hv-tl-active {
opacity: 1;
}
.hv-block {
max-width: 500px;
margin: 0 auto;
}
section#year-2011-2013 .hv-city {
width: 350px;
margin: 8px auto 0;
}
section#year-2011 .hv-mission-col {
margin-bottom: 25px;
}
section#year-1934 .hv-mission,
section#year-1940 .hv-mission,
section#year-1995 .hv-mission {
align-items: center;
}
section#year-2025 .hv-grid {
margin-top: 50px;
}
.container.hv-mb-8 {
margin-top: 80px;
margin-bottom: 80px;
}
.hv-fx {
opacity: 0;
transform: translateY(12px);
transition: opacity 0.6s ease, transform 0.6s ease;
will-change: opacity, transform;
}
.hv-fx-in {
opacity: 1;
transform: translateY(0);
}
.reveal {
opacity: 0;
transform: translateY(8px);
transition: opacity 0.5s ease, transform 0.5s ease;
will-change: opacity, transform;
}
.reveal.in-view {
opacity: 1;
transform: translateY(0);
}
.hv-head-line {
transform-origin: 50% 50%;
transform: scaleX(0);
}
.reveal.in-view .hv-head-line {
animation: hv-head-grow 0.6s ease-out forwards;
}
@keyframes hv-head-grow {
0% {
transform: scaleX(0);
}
100% {
transform: scaleX(1);
}
}
.hv-bottom-links {
margin-top: 80px;
margin-bottom: 120px;
}
nav.hv-bottom-nav {
background: transparent;
}
.hv-bottom-nav {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 2px;
font-size: 14px;
}
.hv-bottom-link {
font-size: 14px;
font-weight: 300;
line-height: 2;
text-align: right;
color: #f1b899;
transition: color 0.25s ease, transform 0.25s ease, opacity 0.25s ease;
}
.hv-bottom-arrow {
font-size: 0.9em;
transform: translateX(0);
transition: transform 0.25s ease;
}
.hv-bottom-link:hover {
color: #ffd399;
opacity: 1;
transform: translateX(4px);
}
.hv-bottom-link:hover .hv-bottom-arrow {
transform: translateX(2px);
}
.dropdown-menu.show {
height: 100vh;
transform: none !important;
right: 0px!important;
}
body#page_index .hv-shop-cta {
display: block;
}
body#page_index .hv-hero-text.hv-sec-1-b {
margin-top: 36px;
}
.mall-quick-checkout__toggle-option--active {
border-color: #ff7c33;
background-color: #4c000f;
}
body#page_order-result section#sertifikats {
padding-top: 160px;
min-height: 60vh;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 980px) {
body#page_index .hv-hero-text.hv-sec-1-b {
margin-top: 30px;
}
a.hv-logo {
flex: 1;
}
h1.hv-hero-title br {
display: none;
}
.hv-mission-col.hv-sec-n6-a2 .hv-img-por-inner {
margin-top: 38px;
}
.hv-sec-6-b .hv-quote-small {
margin-top: 60px;
}
h2.hv-heading {
font-size: 28px!important;
line-height: 1.2;
}
h2.hv-heading br {
display: none;
}
h3.hv-quote-main br {
display: none;
}
.hv-hero-image-inner {
min-height: 25vh;
}
body#page_hartvik-f-vesture h1.hv-hero-title, body#page_nams h1.hv-hero-title {
margin-top: 40px;
}
.hv-hero-text.hv-sec-1-b {
margin-top: 30px;
}
section.container.hv-hero-wrap {
padding-top: 95px;
}
.header-inner {
grid-template-columns: 1fr;
row-gap: 10px;
text-align: center;
}
.hv-city {
width: 100%!important;
}
.hv-mission-col.hv-sec-7-a2 .hv-txt-main {
margin-bottom: 40px;
margin-top: 20px;
}
.header-extra {
justify-content: center;
}
.hv-hero {
grid-template-columns: minmax(0, 1fr);
row-gap: 28px;
}
.hv-hero-text {
max-width: 520px;
margin: 0 auto;
}
.hv-grid,
.hv-grid-rev,
.hv-meat {
grid-template-columns: minmax(0, 1fr);
row-gap: 30px;
}
.hv-grid-rev .hv-img-por,
.hv-grid-rev .hv-txt-main {
order: initial;
}
.hv-meat {
align-items: start;
}
.hv-mission {
grid-template-columns: minmax(0, 1fr);
row-gap: 28px;
}
.hv-mission-bottom {
grid-template-columns: minmax(0, 1fr);
row-gap: 18px;
}
.hv-bottom-pair {
grid-template-columns: minmax(0, 1fr);
row-gap: 26px;
}
.footer-inner {
grid-template-columns: minmax(0, 1fr);
row-gap: 18px;
}
.footer-cols {
justify-content: start;
}
}
@media (max-width: 640px) {
form#custom-order {
--bs-gutter-x: -1.5rem;
}
.items-cart {
background-color: #190508;
top: -15px;
right: -20px;
}
.side-nav-link {
display: block;
position: relative;
padding: 0;
height: auto;
max-height: none;
}
.side-cart-total {
display: flex;
justify-content: center;
flex-direction: column;
padding-bottom: 50px!important;
}
form.mall-quick-checkout.container {
margin-top: 100px!important;
}
.container {
padding: 0 20px;
}
.dropdown-menu.show {
min-height: 100vh;
transform: none !important;
right: 0px!important;
}
main {
padding-top: 32px;
padding-bottom: 56px;
}
p,
.hv-txt-main,
.hv-quote-small,
.hv-mission-sub {
font-size: 16px;
line-height: 28.8px;
}
h2.hv-heading {
font-size: 28px!important;
line-height: 1.2;
}
h3.hv-quote-main {
font-size: 26px;
line-height: 1.25;
}
.hv-divider {
margin: 20px auto 20px;
}
section.container.hv-hero-wrap {
margin-bottom: 60px;
}
.hv-small-centered {
margin-bottom: 32px;
}
.hv-grid,
.hv-grid-rev {
margin-bottom: 60px;
}
.hv-meat {
margin-bottom: 60px;
}
.hv-mission-sub {
margin-bottom: 40px;
}
.hv-bottom-pair {
margin-bottom: 24px;
}
.footer {
padding-top: 24px;
padding-bottom: 32px;
}
.hv-tl {
justify-content: center;
row-gap: 10px;
font-size: 18px;
max-width: 50%;
margin: 20px auto;
margin-top: 3rem!important;
margin-bottom: 5rem!important;
}
.hv-grid.hv-sec-n4-g {
margin-bottom: 30px;
}
.hv-mission.hv-sec-n6-a {
margin-bottom: 30px;
padding-top: 5px;
}
.hv-grid.hv-grid-narrow.hv-sec-n5-g {
margin-bottom: 40px;
}
.hv-grid.hv-grid-narrow.hv-sec-n7-g {
margin-top: 0!important;
}
.hv-img-por {
width: 100%;
}
.hv-img-por-inner img {
width: 100%;
max-width: 100%;
}
.hv-bottom-links {
margin-top: 60px;
margin-bottom: 40px;
}
.hv-bottom-nav {
align-items: flex-end;
}
}
.hv-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
background: #4c000f;
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
backdrop-filter: blur(10px);
color: #fff;
box-shadow: 5px 3px 11px #00000070;
}
.hv-header-inner {
max-width: 1410px;
margin: 0 auto;
height: 70px;
padding: 0 24px;
display: flex;
align-items: center;
gap: 32px;
}
.hv-logo {
display: flex;
align-items: center;
}
.hv-logo svg, .hv-logo img {
height: 40px;
display: block;
margin-top: 5px!important;
}
.hv-nav-desktop {
flex: 1;
}
.hv-nav-desktop .navbar-nav {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 24px;
margin: 0;
padding: 0;
list-style: none;
}
.hv-nav-desktop .nav-item {
position: relative;
}
.hv-nav-desktop .nav-link {
position: relative;
color: #ffffff;
text-decoration: none;
font-weight: 400;
font-size: 15px;
letter-spacing: 0.03em;
text-transform: none;
padding: 10px 0;
opacity: 0.8;
transition: opacity 0.18s ease, transform 0.18s ease;
}
.hv-nav-desktop .nav-link::after {
content: "";
position: absolute;
left: 50%;
bottom: 2px;
width: 0;
height: 1px;
background: #f1b15b;
transform: translateX(-50%);
transition: width 0.2s ease;
}
.hv-nav-desktop .nav-link:hover,
.hv-nav-desktop .nav-link.active,
.hv-nav-desktop .nav-link.child-active {
opacity: 1;
}
.hv-nav-desktop .nav-link:hover::after,
.hv-nav-desktop .nav-link.active::after,
.hv-nav-desktop .nav-link.child-active::after {
width: 70%;
}
.hv-nav-desktop .nav-item:first-child > .nav-link {
border: 1px solid rgba(255, 255, 255, 0.85);
border-radius: 999px;
padding: 8px 20px;
line-height: 1;
letter-spacing: 0.06em;
}
.hv-nav-desktop .nav-item.has-children > .nav-link::before {
content: "";
position: absolute;
left: 50%;
bottom: -8px;
width: 7px;
height: 7px;
border-radius: 999px;
border: 1px solid rgba(255, 255, 255, 0.5);
transform: translateX(-50%) scale(0.6);
opacity: 0;
transition: opacity 0.18s ease, transform 0.18s ease;
}
.hv-nav-desktop .nav-item.has-children:hover > .nav-link::before {
opacity: 1;
transform: translateX(-50%) scale(1);
}
.hv-nav-desktop .has-children > .menDropdown {
position: absolute;
left: 50%;
top: 100%;
transform: translateX(-50%) translateY(14px);
display: block;
min-width: 340px;
background: #221415;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 14px;
padding: 10px 10px 12px;
box-shadow: 0 18px 42px rgba(0, 0, 0, 0.55);
opacity: 0;
pointer-events: none;
transition: opacity 0.16s ease, transform 0.16s ease;
}
.hv-nav-desktop .nav-item.has-children:hover > .menDropdown {
opacity: 1;
pointer-events: auto;
transform: translateX(-50%) translateY(10px);
}
.hv-nav-desktop .menDropdown .dropDownLink {
display: block;
color: #ffffff;
padding: 8px 12px;
font-size: 14px;
text-decoration: none;
opacity: 0.88;
border-radius: 8px;
white-space: nowrap;
transition: background 0.18s ease, opacity 0.18s ease, transform 0.18s ease;
}
.hv-nav-desktop .menDropdown .dropDownLink:hover {
opacity: 1;
background: rgba(255, 255, 255, 0.06);
transform: translateX(2px);
}
.hv-nav-desktop .menDropdown .dropDownLink.level-2 {
padding-left: 22px;
font-size: 13px;
opacity: 0.85;
}
.hv-nav-desktop .menDropdown .dropDownLink.level-3 {
padding-left: 32px;
font-size: 13px;
opacity: 0.8;
}
.hv-right {
display: flex;
gap: 28px;
margin-left: auto;
align-items: center;
}
.hv-lang {
display: flex;
gap: 18px;
}
.hv-lang a {
color: #ffffff;
text-decoration: none;
font-size: 14px;
opacity: 0.85;
letter-spacing: 0.08em;
}
.hv-lang a:hover {
opacity: 1;
}
.hv-cart {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 32px;
}
.hv-burger {
margin-left: auto;
position: relative;
width: 32px;
height: 22px;
border: 0;
padding: 0;
background: transparent;
display: none;
align-items: center;
justify-content: center;
}
.hv-burger span {
position: absolute;
left: 0;
right: 0;
height: 2px;
border-radius: 2px;
background: #ffffff;
transform-origin: 50% 50%;
transition: transform 0.22s ease, opacity 0.18s ease, top 0.22s ease;
}
.hv-burger span:nth-child(1) {
top: 0;
}
.hv-burger span:nth-child(2) {
top: 10px;
}
.hv-burger span:nth-child(3) {
top: 20px;
}
.hv-header.is-open .hv-burger span:nth-child(1),
.hv-header.is-open .hv-burger-mobile span:nth-child(1) {
top: 10px;
transform: rotate(45deg);
}
.hv-header.is-open .hv-burger span:nth-child(2),
.hv-header.is-open .hv-burger-mobile span:nth-child(2) {
opacity: 0;
}
.hv-header.is-open .hv-burger span:nth-child(3),
.hv-header.is-open .hv-burger-mobile span:nth-child(3) {
top: 10px;
transform: rotate(-45deg);
}
.hv-nav-mobile {
position: fixed;
inset: 0;
padding-top: 70px;
background: rgba(23, 15, 15, 0.98);
backdrop-filter: blur(12px);
z-index: 999;
opacity: 0;
pointer-events: none;
transform: translateY(-124px);
transition: opacity 0.22s ease, transform 0.22s ease;
}
.hv-header.is-open .hv-nav-mobile {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
background: #4c000f;
padding: 0;
}
ul.navbar-nav.col-12.col-md-auto.mb-2.justify-content-center.mb-md-0 {
overflow: hidden;
}
.hv-nav-desktop .nav-link {
position: relative;
color: #ffffff;
text-decoration: none;
font-weight: 400;
font-size: 15px;
letter-spacing: 0.03em;
text-transform: none;
padding: 10px 0;
opacity: 0.8;
transition: opacity 0.18s ease, transform 0.18s ease;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 1239.98px) {
.hv-nav-desktop .navbar-nav {
gap: 18px;
}
}
.hv-nav-mobile-inner {
max-width: 1410px;
margin: 0 auto;
height: 100vh;
display: flex;
flex-direction: column;
background: #4c000f;
padding: 8px 30px;
}
.hv-nav-mobile-top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 30px;
height: 56px;
margin-top: 10px;
}
.hv-nav-mobile-logo svg,
.hv-nav-mobile-logo img {
margin-top: 5px!important;
}
.hv-burger-mobile {
display: flex;
}
.hv-nav-search {
width: 100%;
margin-bottom: 18px;
}
.hv-nav-search input[type="search"] {
width: 100%;
border-radius: 6px;
border: 1px solid rgba(255, 255, 255, 0.22);
background: rgba(12, 6, 6, 0.8);
color: #f4e8dd;
padding: 9px 14px;
font-size: 15px;
outline: none;
transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}
.hv-nav-search input[type="search"]::placeholder {
color: rgba(255, 255, 255, 0.55);
}
.hv-nav-search input[type="search"]:focus {
border-color: #f1b15b;
background: rgba(12, 6, 6, 0.98);
box-shadow: 0 0 0 1px rgba(241, 177, 91, 0.4);
}
.hv-nav-mobile-menu {
flex: 1;
padding-top: 6px;
padding-bottom: 16px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.hv-nav-mobile-menu .navbar-nav {
display: flex;
flex-direction: column;
gap: 6px;
margin: 0;
padding: 0;
list-style: none;
overflow: visible;
}
.hv-nav-mobile-menu .nav-item {
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.hv-nav-mobile-menu .nav-link {
display: flex;
align-items: center;
justify-content: space-between;
color: #ffffff;
text-decoration: none;
font-size: 16px;
padding: 10px 4px;
opacity: 0.94;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.hv-nav-mobile-menu .nav-item.has-children > .nav-link::after {
content: "";
width: 10px;
height: 10px;
border-radius: 999px;
border: 1px solid rgba(255, 255, 255, 0.6);
margin-left: 10px;
flex-shrink: 0;
transform: scale(0.85);
transition: transform 0.2s ease, background 0.2s ease;
}
.hv-nav-mobile-menu .nav-item.is-open > .nav-link::after {
background: #f1b15b;
transform: scale(1);
}
.hv-nav-mobile-menu .menDropdown {
max-height: 0;
overflow: hidden;
opacity: 0;
padding-left: 4px;
transform: translateY(-4px);
transition: max-height 0.22s ease, opacity 0.22s ease, transform 0.22s ease;
box-shadow: none;
}
.hv-nav-mobile-menu .nav-item.is-open > .menDropdown {
max-height: none;
opacity: 1;
transform: translateY(0);
visibility: visible;
position: relative;
top: auto;
background: transparent;
left: auto;
padding: 0;
max-width: none;
}
.hv-nav-mobile-menu  .menDropdown a:hover {
background: transparent;
}
.nav-item:hover .menDropdown {
top: 67px;
opacity: 1;
visibility: visible;
padding: 0;
}
.hv-nav-mobile-menu .nav-item.nav-sub-item {
position: relative;
}
.hv-nav-mobile-menu .nav-sub > .nav-sub-item::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 6px;
height: 2px;
border-radius: 4px;
transform: translateY(-50%);
background: #544134;
}
.hv-nav-mobile-menu .nav-sub-level-3 > .nav-sub-item::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 6px;
height: 2px;
border-radius: 4px;
transform: translateY(-50%);
background: #544134;
}
.hv-nav-mobile-menu .nav-item.is-open > .menDropdown > ul {
padding: 0;
}
.hv-nav-mobile-menu .nav-item::marker {
display: none;
}
.hv-nav-mobile-menu .dropDownLink {
display: block;
padding: 7px 0 7px 16px;
font-size: 15px;
color: #ffffff;
opacity: 0.9;
text-decoration: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.hv-nav-mobile-menu .dropDownLink.level-2 {
padding-left: 24px;
font-size: 14px;
}
.hv-nav-mobile-menu .dropDownLink.level-3 {
padding-left: 34px;
font-size: 14px;
opacity: 0.85;
}
.hv-nav-mobile-menu .nav-item.nav-sub-item {
position: relative;
}
.hv-nav-mobile-menu .nav-sub > .nav-sub-item::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 6px;
height: 2px;
border-radius: 4px;
transform: translateY(-50%);
background: #544134;
}
.hv-nav-mobile-menu .nav-sub-level-3 > .nav-sub-item::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 6px;
height: 2px;
border-radius: 4px;
transform: translateY(-50%);
background: #544134;
}
.hv-nav-mobile-menu .nav-sub-item.has-children.is-open::before {
display: none;
}
.hv-nav-mobile-bottom {
padding-top: 10px;
border-top: 1px solid rgba(255, 255, 255, 0.06);
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 20px;
padding: 0 0px;
}
.items-cart {
background-color: #190508;
}
.hv-lang-m {
display: flex;
gap: 16px;
}
.hv-lang-m a {
color: #ffffff;
text-decoration: none;
font-size: 14px;
opacity: 0.9;
letter-spacing: 0.08em;
}
.hv-lang-m a:hover {
opacity: 1;
}
.hv-cart-m {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 36px;
}
body.hv-lock {
overflow: hidden;
}
@media (max-width: 1199.98px) {
.hv-nav-desktop .navbar-nav {
gap: 36px;
}
}
@media (max-width: 991.98px) {
.hv-header-inner {
height: 72px;
padding: 8px 30px;
}
.hv-burger {
display: flex;
}
}
.navbar-nav .nav-link:not(.mobLink):not(.dropDownLink).active::after {
display: none;
}
.hv-nav-desktop .nav-link::after {
display: none;
}
footer ul li a {
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.8;
letter-spacing: normal;
text-align: left;
color: #d0d0d0;
}
footer.position-relative svg.d-none.d-lg-block {
height: 80px;
}
footer.position-relative svg.d-none.d-lg-block path {
fill: #fff;
color: #fff;
}
.container.hv-quote.hv-my-7.hv-fx.hv-sec-2.hv-fx-in {
max-width: 500px;
}
section#year-1938 {
margin-top: 40px;
}
.hv-grid.hv-sec-n4-g {
align-items: flex-start;
}
.hv-cake-header {
padding-top: 140px;
padding-bottom: 32px;
}
.hv-cake-header-inner {
max-width: 840px;
}
.hv-cake-label {
font-size: 12px;
letter-spacing: 0.22em;
text-transform: uppercase;
color: #f1b899;
margin-bottom: 6px;
}
.hv-cake-title-main {
font-size: 34px;
line-height: 1.2;
color: #f4e8dd;
margin-top: 20px;
}
.hv-cake-sub {
font-size: 18px;
color: #d0d0d0;
max-width: 640px;
}
.hv-cake-sub + .hv-cake-sub {
margin-top: 6px;
}
.hv-cake-page {
padding-bottom: 20px;
}
.hv-cake-layout {
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
column-gap: 40px;
align-items: flex-start;
}
.hv-cake-left {
display: flex;
flex-direction: column;
gap: 32px;
}
.hv-cake-info {
display: flex;
flex-direction: column;
gap: 22px;
}
.hv-cake-price-row {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
column-gap: 18px;
align-items: center;
}
.hv-cake-price {
font-size: 22px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #f1b899;
font-weight: 500;
}
.hv-cake-note {
font-size: 13px;
font-weight: 500;
color: var(--text-muted);
}
.hv-cake-block {
padding-top: 16px;
border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.hv-cake-block-title {
font-size: 16px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #d0d0d0;
margin-bottom: 10px;
font-weight: 400;
font-family: "Funnel Sans";
}
.hv-cake-list {
padding-left: 20px;
margin: 0 0 8px;
}
.hv-cake-list li {
margin-bottom: 4px;
font-family: "Funnel Sans";
font-size: 18px;
}
.hv-cake-text {
font-size: 18px;
color: #d0d0d0;
margin-top: 40px;
}
.hv-cake-figures {
list-style: none;
padding: 0;
margin: 0 0 8px;
font-size: 14px;
}
.hv-cake-figures li + li {
margin-top: 2px;
}
.hv-cake-gallery-wrap {
padding-top: 10px;
border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.hv-cake-gallery-title {
margin-bottom: 14px;
}
.hv-gallery {
column-count: 3;
column-gap: 12px;
}
.hv-gallery-item {
margin-bottom: 12px;
break-inside: avoid;
cursor: pointer;
}
.hv-gallery-item img {
width: 100%;
display: block;
border-radius: 16px;
background: #221415;
transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
}
.hv-gallery-item:hover img {
transform: translateY(-2px);
box-shadow: 0 14px 30px rgba(0, 0, 0, 0.7);
opacity: 0.96;
}
.hv-cake-form-col {
position: sticky;
top: 90px;
}
.hv-cake-form-card {
position: sticky;
top: 110px;
background: rgba(34, 20, 21, 0.96);
border-radius: 22px;
border: 1px solid rgba(255, 255, 255, 0.08);
box-shadow: 0 22px 44px rgba(0, 0, 0, 0.75);
padding: 18px 18px 20px;
}
.hv-cake-form-head {
margin-bottom: 14px;
}
.hv-cake-form-title {
font-size: 17px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #f1b899;
margin-bottom: 4px;
font-weight: 600;
}
.hv-cake-form-sub {
font-size: 12px;
color: var(--text-muted);
}
.hv-cake-form {
display: flex;
flex-direction: column;
gap: 10px;
}
.hv-form-row {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 10px;
}
.hv-form-row-compact {
margin-top: 2px;
}
.hv-form-field {
display: flex;
flex-direction: column;
gap: 3px;
position: relative;
}
.hv-form-field label {
font-size: 12px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #d0d0d0;
margin-bottom: 4px;
}
.hv-form-field input,
.hv-form-field select,
.hv-form-field textarea {
background: rgba(12, 6, 6, 0.95);
border: 1px solid rgba(255, 255, 255, 0.16);
border-radius: 9px;
padding: 7px 9px;
font-size: 14px;
color: #f4e8dd;
outline: none;
transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}
.hv-form-field input::placeholder,
.hv-form-field textarea::placeholder {
color: rgba(244, 232, 221, 0.6);
}
.hv-form-field input:focus,
.hv-form-field select:focus,
.hv-form-field textarea:focus {
border-color: #f1b899;
background: rgba(12, 6, 6, 1);
box-shadow: 0 0 0 1px rgba(241, 177, 153, 0.3);
}
.hv-form-field textarea {
resize: vertical;
min-height: 72px;
}
.hv-form-hint {
font-size: 11px;
color: var(--text-muted);
}
.hv-form-actions {
display: flex;
flex-direction: column;
gap: 6px;
margin-top: 6px;
}
.hv-btn.hv-btn-primary {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 8px 14px;
border-radius: 999px;
border: 1px solid #f1b899;
background: #f1b899;
color: #170f0f;
font-size: 14px;
letter-spacing: 0.18em;
text-transform: uppercase;
cursor: pointer;
transition: background 0.16s
ease, transform 0.14s
ease, box-shadow 0.16s
ease;
font-weight: 400;
}
.hv-btn.hv-btn-primary:hover {
background: #ffd3a6;
transform: translateY(-1px);
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.55);
}
.hv-form-note {
font-size: 12px;
color: var(--text-muted);
text-align: center;
}
.hv-lightbox {
position: fixed;
inset: 0;
z-index: 1300;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease;
}
.hv-lightbox.is-open {
opacity: 1;
pointer-events: auto;
}
.hv-lightbox-backdrop {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.8);
}
.hv-lightbox-inner {
position: absolute;
inset: 40px 16px 40px 16px;
display: flex;
align-items: center;
justify-content: center;
}
.hv-lightbox-inner img {
max-width: 100%;
max-height: 100%;
border-radius: 16px;
box-shadow: 0 24px 56px rgba(0, 0, 0, 0.85);
}
.hv-lightbox-close {
position: absolute;
top: 18px;
right: 20px;
border: 0;
background: transparent;
color: #f4e8dd;
font-size: 20px;
cursor: pointer;
}
@media (max-width: 980px) {
.hv-cake-header {
padding-top: 120px;
padding-bottom: 24px;
}
.hv-cake-layout {
grid-template-columns: minmax(0, 1fr);
row-gap: 32px;
}
.hv-cake-form-card {
position: static;
box-shadow: 0 14px 30px rgba(0, 0, 0, 0.7);
}
.hv-gallery {
column-count: 2;
}
}
.hv-cake-flavours-row {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
margin-top: 20px;
align-items: start;
}
.hv-cake-flavours-item {
width: 100%;
cursor: pointer;
border-radius: 8px;
overflow: hidden;
transition: transform .25s ease, box-shadow .25s ease;
}
.hv-cake-flavours-item img {
width: 100%;
height: auto;
display: block;
border-radius: 8px;
}
.hv-cake-flavours-item:hover {
transform: translateY(-4px);
box-shadow: 0 8px 20px rgba(0,0,0,0.18);
}
@media (max-width: 900px) {
.hv-cake-flavours-row {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 600px) {
.hv-cake-flavours-row {
grid-template-columns: repeat(2, 1fr);
}
}
.hv-home-top {
margin-top: 140px;
margin-bottom: 80px;
}
.hv-home-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 26px;
}
.hv-home-card {
display: block;
text-decoration: none;
color: inherit;
}
.hv-home-card-figure {
position: relative;
overflow: hidden;
border-radius: 4px;
background: #221415;
aspect-ratio: 4/3;
}
.hv-home-card-figure img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.22s ease, opacity 0.22s ease;
}
.hv-home-card-figure::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.65) 100%);
opacity: 0.6;
transition: opacity 0.22s ease;
}
.hv-home-card:hover .hv-home-card-figure img {
transform: scale(1.04);
opacity: 0.96;
}
.hv-home-card:hover .hv-home-card-figure::after {
opacity: 0.8;
}
.hv-home-card-title {
display: inline-block;
margin-top: 18px;
padding: 6px 16px 7px;
border-radius: 999px;
border: 1px solid rgba(241, 177, 89, 0.7);
font-size: 16px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #f1b899;
transition: background 0.18s ease, color 0.18s ease, transform 0.16s ease, box-shadow 0.18s ease;
}
.hv-home-card:hover .hv-home-card-title {
background: #f1b899;
color: #170f0f;
transform: translateY(-1px);
box-shadow: 0 12px 26px rgba(0, 0, 0, 0.7);
}
.hv-home-slider {
padding: 42px 0 34px;
}
.hv-home-slider-alt {
background: #190508;
}
.hv-home-slider-inner {
max-width: 1410px;
margin: 0 auto;
padding: 0 20px;
}
.hv-home-slider-head {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
gap: 18px;
flex-direction: column;
}
.hv-home-slider-title {
font-size: 24px;
font-weight: 400;
color: #f1b899;
}
.hv-home-slider-title a {
color: inherit;
text-decoration: none;
}
.hv-home-slider-title a:hover {
color: #ffd3a6;
}
.hv-home-slider-more {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 13px;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #d0d0d0;
text-decoration: none;
opacity: 0.85;
transition: color 0.18s ease, opacity 0.18s ease, transform 0.18s ease;
}
.hv-home-slider-more svg {
flex-shrink: 0;
}
.hv-home-slider-more:hover {
opacity: 1;
color: #ffd3a6;
transform: translateX(2px);
}
.hv-home-slider .swiper-button-next,
.hv-home-slider .swiper-button-prev {
color: #f1b899;
width: 30px;
height: 30px;
}
.swiper-button-next {
right: -50px;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2718%27%20height%3D%2718%27%20fill%3D%27none%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M5%2012h14M13%205l7%207-7%207%27%20stroke%3D%27%239c9c9c%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3C/svg%3E");
}
.swiper-button-prev {
left: -50px;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2718%27%20height%3D%2718%27%20fill%3D%27none%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M19%2012H5M11%205l-7%207%207%207%27%20stroke%3D%27%239c9c9c%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3C/svg%3E");
}
.hv-home-slider .swiper-button-next::after,
.hv-home-slider .swiper-button-prev::after {
font-size: 18px;
}
.hv-home-slider .swiper-button-next,
.hv-home-slider .swiper-button-prev {
top: 48%;
}
.hv-home-slider .mall-products-item {
background: #170f0f;
border-radius: 16px;
overflow: hidden;
padding-bottom: 10px;
transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}
.hv-home-slider .mall-products-item:hover {
background: #1f1212;
transform: translateY(-3px);
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.75);
}
.hv-home-slider .mall-products-item__image {
background: #221415;
padding: 10px;
}
.hv-home-slider .mall-products-item__image img {
display: block;
width: 100%;
height: auto;
}
.hv-home-slider .mall-products-item__info {
padding: 8px 12px 4px;
}
.hv-home-slider .mall-products-item__name {
font-size: 14px;
line-height: 1.4;
color: #f4e8dd;
}
.hv-home-slider .mall-products-item__price {
font-size: 14px;
color: #f1b899;
}
@media (max-width: 1200px) {
.hv-home-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 780px) {
.hv-home-top {
margin-top: 110px;
margin-bottom: 50px;
}
.hv-home-grid {
gap: 20px;
}
.hv-home-slider-inner {
padding: 0 14px;
}
.hv-home-slider-head {
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 640px) {
.hv-home-card-title {
font-size: 14px;
}
.hv-home-slider {
padding: 32px 0 28px;
}
.hv-home-slider .swiper-container {
padding: 4px 30px;
}
}
.hv-product-card {
background: rgba(34, 20, 21, 0.92);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 18px;
overflow: hidden;
transition: transform .28s ease, box-shadow .28s ease, opacity .28s ease;
cursor: pointer;
display: flex;
flex-direction: column;
}
.hv-product-card:hover {
transform: translateY(-4px);
box-shadow: 0 18px 40px rgba(0,0,0,0.55);
opacity: .97;
}
.hv-product-link {
display: flex;
flex-direction: column;
color: inherit;
text-decoration: none;
height: 100%;
}
.hv-product-img {
width: 100%;
background: #221415;
aspect-ratio: 1/1;
overflow: hidden;
position: relative;
}
.hv-product-img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .25s ease;
}
.hv-product-card:hover .hv-product-img img {
transform: scale(1.04);
}
.hv-product-body {
padding: 14px 16px 4px;
display: flex;
flex-direction: column;
gap: 6px;
min-height: 130px;
justify-content: center;
}
.hv-product-name {
font-size: 18px;
line-height: 1.35;
color: #f4e8dd;
min-height: 42px;
font-family: "Funnel Sans";
}
.hv-product-price {
font-size: 18px;
letter-spacing: 0.04em;
color: #f1b899;
font-family: "Funnel Sans";
margin-top: 4px;
}
.hv-product-price--special {
color: #ffd8b1;
}
.hv-product-oldprice {
font-size: 14px;
color: var(--text-muted);
text-decoration: line-through;
margin-top: -2px;
}
.mall-products,
.mall-products-slider .swiper-slide {
display: flex;
}
.hv-product-card,
.hv-product-link {
height: 100%;
}
.btn-primary.hv-bottom-link {
text-align: left;
margin-top: 20px;
font-size: 18px;
line-height: 1.5;
}
section#index-products {
margin-top: 100px;
}
.hv-home-slider .swiper-container {
padding: 0;
overflow: hidden;
}
.hv-product-card {
position: relative;
}
.hv-product-addcart {
width: 100%;
margin-top: 12px;
padding: 10px 14px;
border: none;
border-radius: 6px;
background: #4c000f;
color: #fff;
font-size: 15px;
font-weight: 600;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background .2s ease;
}
.hv-product-addcart:hover {
background: #4c000f;
}
.hv-addcart-icon {
width: 16px;
height: 16px;
margin-right: 8px;
display: inline-block;
background-repeat: no-repeat;
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'9'%20cy%3D'21'%20r%3D'1'/%3E%3Ccircle%20cx%3D'20'%20cy%3D'21'%20r%3D'1'/%3E%3Cpath%20d%3D'M1%201h4l2.68%2012.39a2%202%200%20002%201.61h9.72a2%202%200%20001.98-1.72L23%206H6'/%3E%3Cline%20x1%3D'12'%20y1%3D'10'%20x2%3D'12'%20y2%3D'16'/%3E%3Cline%20x1%3D'9'%20y1%3D'13'%20x2%3D'15'%20y2%3D'13'/%3E%3C/svg%3E");
}
.hv-sec-shop-hero {
padding-top: 120px;
padding-bottom: 48px;
}
.hv-shop-search {
margin-top: 22px;
max-width: 360px;
}
.hv-shop-search-field {
position: relative;
display: flex;
align-items: center;
background: #241b16;
border-radius: 999px;
padding: 3px 6px 3px 14px;
border: 1px solid #3b2f29;
}
.hv-shop-search-input {
flex: 1;
border: none;
background: transparent;
color: #f4e9e3;
font-size: 14px;
padding: 7px 8px 7px 0;
outline: none;
}
.hv-shop-search-input::placeholder {
color: #8d7a71;
}
.hv-shop-search-btn {
width: 32px;
height: 32px;
border-radius: 50%;
border: none;
background: #3b2f29;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
flex-shrink: 0;
}
.hv-shop-search-icon {
width: 18px;
height: 18px;
display: block;
background-repeat: no-repeat;
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23f1b899' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
}
.hv-shop-cta {
margin-top: 18px;
display: inline-flex;
align-items: center;
}
.hv-sec-shop-grid {
padding-bottom: 80px;
}
.hv-shop-grid {
margin-top: 8px;
}
.hv-shop-card .hv-home-card-figure img {
filter: saturate(1.05) contrast(1.03);
}
.hv-shop-card-link {
width: 100%;
justify-content: space-between;
}
body#page_category section.hv-cat-main {
margin-bottom: 80px;
}
body#page_category section.hv-cat-hero {
margin-top: 40px;
}
.hv-home-grid.hv-shop-grid a.hv-home-card.hv-sec-home-card.hv-shop-card {
margin-bottom: 10px;
}
@media (max-width: 1024px) {
.hv-sec-shop-hero {
padding-top: 96px;
padding-bottom: 40px;
}
}
@media (max-width: 768px) {
nav .nav-item:nth-child(2) > a {
pointer-events: auto;
}
body#page_products .hv-hero-image-inner {
display: none;
}
}
.hv-shop-search {
max-width: 100%;
}
}
.hv-sec-cat-top {
padding-top: 96px;
padding-bottom: 32px;
}
.hv-cat-top {
display: flex;
gap: 28px;
align-items: center;
}
.hv-cat-top-img {
flex: 0 0 240px;
height: 160px;
border-radius: 14px;
overflow: hidden;
background: #1f1814;
}
.hv-cat-top-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.hv-cat-top-text {
flex: 1;
min-width: 0;
}
.hv-cat-top-title {
font-size: 30px;
font-weight: 700;
color: #f8e7d9;
margin: 0 0 10px;
}
.hv-cat-top-body {
margin: 0;
font-size: 15px;
color: #c0a596;
line-height: 1.45;
}
.hv-sec-subcats {
padding-bottom: 40px;
}
.hv-subcats-title {
font-size: 22px;
font-weight: 700;
color: #f8e7d9;
margin: 0 0 18px;
}
.hv-subcats-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 18px;
}
.hv-subcats-card {
display: flex;
flex-direction: column;
background: #1e1713;
text-decoration: none;
border-radius: 14px;
overflow: hidden;
box-shadow: 0 6px 24px rgba(0,0,0,0.35);
transition: transform .14s ease;
}
.hv-subcats-card:hover {
transform: translateY(-3px);
}
.hv-subcats-img {
height: 130px;
overflow: hidden;
}
.hv-subcats-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.hv-subcats-name {
padding: 10px 14px 12px;
font-size: 15px;
color: #f1d7c7;
display: flex;
justify-content: space-between;
align-items: center;
}
.hv-subcats-arrow {
font-size: 16px;
color: #f1b899;
}
.hv-sec-category-grid {
padding-bottom: 80px;
}
.hv-category-layout {
display: flex;
gap: 28px;
}
.hv-category-sidebar {
flex: 0 0 240px;
background: #1f1814;
border-radius: 16px;
padding: 18px 16px 20px;
border: 1px solid #3b2f29;
height: max-content;
}
.hv-category-main {
flex: 1;
min-width: 0;
}
@media (max-width: 992px) {
.hv-cat-top {
flex-direction: column;
text-align: center;
}
.hv-cat-top-img {
width: 100%;
height: 180px;
}
.hv-category-layout {
flex-direction: column;
}
.hv-category-sidebar {
width: 100%;
max-width: none;
}
}
@media (max-width: 640px) {
.hv-subcats-grid {
grid-template-columns: repeat(2, 1fr);
}
.hv-cat-top-title {
font-size: 24px;
}
}
.hv-cat-hero {
padding-top: 96px;
padding-bottom: 24px;
background: #181310;
}
.hv-cat-hero-inner {
display: grid;
grid-template-columns: minmax(0, 2.3fr) minmax(200px, 1.1fr);
gap: 32px;
align-items: center;
}
.hv-cat-hero-inner--plain {
grid-template-columns: minmax(0, 1fr);
}
.hv-cat-hero-left {
min-width: 0;
}
.hv-cat-hero-right {
display: flex;
justify-content: flex-end;
}
.hv-cat-breadcrumb {
font-size: 13px;
color: #a89483;
margin-bottom: 8px;
}
.hv-cat-breadcrumb a {
color: #cbb19f;
text-decoration: none;
}
.hv-cat-breadcrumb a:hover {
text-decoration: underline;
}
.hv-cat-hero-title {
margin: 0 0 10px;
font-size: 32px;
font-weight: 700;
color: #f8e7d9;
}
.hv-cat-hero-text {
margin: 0;
font-size: 15px;
color: #c0a596;
line-height: 1.5;
}
.hv-cat-hero-thumb {
width: 260px;
height: 160px;
border-radius: 18px;
overflow: hidden;
background: #1f1814;
box-shadow: 0 14px 40px rgba(0,0,0,0.6);
}
.hv-cat-hero-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.hv-cat-hero-thumb--placeholder {
display: flex;
align-items: center;
justify-content: center;
background: radial-gradient(circle at 20% 10%, #f1b899 0, #b6663b 45%, #241310 100%);
}
.hv-cat-hero-thumb--placeholder span {
font-size: 42px;
font-weight: 700;
color: #fff;
}
.hv-cat-subnav {
background: #181310;
padding-bottom: 20px;
}
.hv-cat-subnav-inner {
display: flex;
gap: 10px;
overflow-x: auto;
padding-bottom: 4px;
}
.hv-cat-subnav-inner::-webkit-scrollbar {
display: none;
}
.hv-cat-pill {
display: inline-flex;
align-items: center;
padding: 7px 14px;
border-radius: 999px;
background: #231914;
border: 1px solid #3b2f29;
font-size: 13px;
color: #f1d7c7;
text-decoration: none;
white-space: nowrap;
}
.hv-cat-pill--active {
background: #f1b899;
border-color: #f1b899;
color: #241511;
}
.hv-cat-main {
background: #181310;
padding-bottom: 20px;
padding-top: 20px;
}
.hv-cat-main-inner {
display: grid;
grid-template-columns: minmax(300px, 360px) minmax(0, 1fr);
gap: 28px;
align-items: flex-start;
}
.hv-cat-aside {
background: #1f1814;
border-radius: 18px;
padding: 16px 24px 18px;
border: 1px solid #3b2f29;
}
.hv-cat-content {
min-width: 0;
}
.hv-nav-filter {
width: 100%;
}
.hv-nav-mobile {
margin-bottom: 4px;
}
.hv-nav-mobile-label {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #a89483;
margin-bottom: 6px;
}
.hv-nav-scroll {
display: flex;
gap: 8px;
overflow-x: auto;
padding-bottom: 4px;
}
.hv-nav-scroll::-webkit-scrollbar {
display: none;
}
.hv-nav-scroll--children {
margin-top: 4px;
}
.hv-nav-pill {
display: inline-flex;
align-items: center;
padding: 6px 12px;
border-radius: 999px;
border: 1px solid #3b2f29;
background: #1f1814;
color: #f1d7c7;
font-size: 13px;
text-decoration: none;
white-space: nowrap;
}
.hv-nav-pill--child {
font-size: 12px;
padding: 5px 10px;
}
.hv-nav-pill--active {
background: #f1b899;
border-color: #f1b899;
color: #241511;
}
.hv-nav-desktop {
width: 100%;
}
.hv-nav-title {
font-size: 14px;
font-weight: 600;
color: #f8e7d9;
margin-bottom: 10px;
}
.hv-nav-list {
list-style: none;
margin: 0;
padding: 0;
}
.hv-nav-item {
padding: 10px 0;
border-bottom: 1px solid #31231d;
}
.hv-nav-link {
display: flex;
align-items: center;
gap: 8px;
font-size: 18px;
color: #e8d4c6;
text-decoration: none;
}
.hv-nav-dot {
width: 7px;
height: 7px;
border-radius: 50%;
background: #4a3629;
}
.hv-nav-item.is-active .hv-nav-dot {
background: #f1b899;
}
.hv-nav-item.is-active .hv-nav-link {
color: #f1b899;
}
.hv-nav-children {
list-style: none;
margin: 6px 0 2px 18px;
padding: 0;
display: none;
}
.hv-nav-children.is-open {
display: block;
}
.hv-nav-child {
margin-bottom: 2px;
}
.hv-nav-child-link {
display: block;
font-size: 16px;
color: #c0a596;
text-decoration: none;
padding: 2px 0;
font-weight: 400;
}
.hv-nav-child.is-active .hv-nav-child-link {
color: #ffffff;
}
@media (max-width: 992px) {
.hv-cat-hero-inner {
grid-template-columns: minmax(0, 1fr);
gap: 20px;
}
.hv-cat-hero-right {
justify-content: flex-start;
}
.hv-cat-hero-title {
font-size: 26px;
}
.hv-cat-hero-thumb {
width: 100%;
max-width: 360px;
height: 170px;
}
.hv-cat-main-inner {
grid-template-columns: minmax(0, 1fr);
}
.hv-cat-aside {
order: -1;
}
.hv-nav-desktop {
display: none !important;
}
}
@media (max-width: 640px) {
.hv-cat-hero {
padding-top: 88px;
padding-bottom: 20px;
}
.hv-cat-hero-title {
font-size: 22px;
}
.hv-cat-subnav-inner {
gap: 6px;
}
.hv-cat-pill {
padding: 6px 10px;
font-size: 12px;
}
}
.hv-nav-scroll--third {
margin-top: 4px;
}
.hv-nav-pill--grandchild {
font-size: 11px;
padding: 4px 9px;
opacity: 0.95;
}
.hv-nav-grandchildren {
list-style: none;
margin: 4px 0 0 18px;
padding: 0;
display: none;
}
.hv-nav-grandchildren.is-open {
display: block;
}
.hv-nav-grandchild-link {
display: block;
font-size: 12px;
color: #bfa694;
text-decoration: none;
padding: 2px 0;
}
.hv-nav-grandchild.is-active .hv-nav-grandchild-link {
color: #ffffff;
}
.hv-nav-scroll--children {
margin-top: 6px;
padding-top: 4px;
padding-bottom: 6px;
border-top: 1px solid #2f221d;
}
.hv-nav-scroll--third {
margin-top: 4px;
padding-bottom: 4px;
}
.hv-nav-pill--child,
.hv-nav-pill--grandchild {
position: relative;
background: #221712;
border-color: #4a3327;
color: #f3dcc8;
font-weight: 500;
}
.hv-nav-pill--child::before,
.hv-nav-pill--grandchild::before {
content: "";
position: absolute;
left: 7px;
top: 50%;
width: 6px;
height: 6px;
border-radius: 999px;
transform: translateY(-50%);
background: radial-gradient(circle at 30% 30%, #f1b899 0, #b6663b 55%, #2b140f 100%);
opacity: 0.9;
}
.hv-nav-pill--child {
padding-left: 18px;
padding-right: 12px;
}
.hv-nav-pill--grandchild {
padding-left: 20px;
padding-right: 10px;
font-size: 11px;
opacity: 0.96;
}
.hv-nav-pill--child.hv-nav-pill--active,
.hv-nav-pill--grandchild.hv-nav-pill--active {
background: linear-gradient(135deg, #f1b899 0, #f7cfac 45%, #f1b899 100%);
border-color: #f1b899;
color: #2b140f;
}
.hv-nav-pill--child.hv-nav-pill--active::before,
.hv-nav-pill--grandchild.hv-nav-pill--active::before {
background: #2b140f;
opacity: 1;
}
.hv-nav-children {
border-left: 1px solid #3a2720;
margin-left: 13px;
padding-left: 8px;
}
.hv-nav-grandchildren {
border-left: 1px dashed #4a3327;
margin-left: 15px;
padding-left: 8px;
}
.hv-nav-child-link {
position: relative;
padding: 2px 0 2px 10px;
}
.hv-nav-child-link::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 6px;
height: 2px;
border-radius: 4px;
transform: translateY(-50%);
background: #544134;
opacity: 0.9;
}
.hv-nav-child.is-active .hv-nav-child-link {
color: #f7cfac;
font-weight: 500;
}
.hv-nav-child.is-active .hv-nav-child-link::before {
background: #f1b899;
}
.hv-nav-grandchild-link {
position: relative;
padding: 2px 0 2px 10px;
}
.hv-nav-grandchild-link::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 4px;
height: 4px;
border-radius: 999px;
transform: translateY(-50%);
background: #5c4335;
}
.hv-nav-grandchild.is-active .hv-nav-grandchild-link {
color: #ffffff;
}
.hv-nav-grandchild.is-active .hv-nav-grandchild-link::before {
background: #f1b899;
}
.suggestions-list {
display: flex;
flex-wrap: wrap;
gap: 6px;
padding: 6px 0 0;
margin-top: 10px;
margin-bottom: 30px;
}
.suggestions-list li {
padding: 4px 14px;
cursor: pointer;
border-radius: 6px;
background: #4c000f;
color: #ffebe1;
font-size: 16px;
line-height: 1.2;
transition: background .15s
ease;
}
.suggestions-list li:hover {
background: #6a0016;
}
.suggestions-list li.suggestion-category {
background: #f1b899;
color: #2b140f;
font-weight: 500;
padding: 5px 12px;
border-radius: 8px;
box-shadow: 0 3px 10px rgba(0,0,0,.25);
}
.suggestions-list li.suggestion-category:hover {
background: #ffd1b2;
}
.suggestions-list li.suggestion-sub {
background: #dca07e;
color: #2b140f;
font-weight: 500;
padding: 5px 11px;
border-radius: 8px;
}
.suggestions-list li.suggestion-sub:hover {
background: #e8b79b;
}
.hv-catnav-filter {
width: 100%;
}
.hv-catnav-mobile {
display: block;
}
.hv-catnav-row {
display: flex;
overflow-x: auto;
gap: 8px;
padding-bottom: 4px;
margin-bottom: 4px;
}
.hv-catnav-row::-webkit-scrollbar {
display: none;
}
.hv-catnav-row--top {
padding-top: 4px;
}
.hv-catnav-row--second {
padding-top: 10px;
}
body#page_projekti {
padding-top: 70px;
}
body#page_lietosanas-noteikumi > .container, body#page_privatuma-politika > .container, body#page_oplata-i-dostavka > .container{
padding-top: 140px;
padding-bottom: 100px;
}
@media (max-width: 1239px) {
.hv-nav-desktop .navbar-nav {
gap: 8px;
}
.hv-nav-desktop .nav-link {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.hv-catnav-row--third {
padding-top: 10px;
}
.hv-catnav-pill {
white-space: nowrap;
padding: 6px 12px;
border-radius: 999px;
border: 1px solid #3b2f29;
background: #1f1814;
color: #f1d7c7;
font-size: 14px;
text-decoration: none;
flex-shrink: 0;
}
.hv-catnav-pill--second {
padding: 6px 11px;
font-size: 14px;
position: relative;
background: #221712;
border-color: #4a3327;
}
.hv-catnav-pill--second::before {
content: "";
position: absolute;
left: 7px;
top: 50%;
width: 6px;
height: 6px;
border-radius: 999px;
transform: translateY(-50%);
background: radial-gradient(circle at 30% 30%, #f1b899 0, #b6663b 55%, #2b140f 100%);
opacity: 0.9;
}
.hv-catnav-pill--second {
padding-left: 18px;
}
.hv-catnav-pill--third {
font-size: 14px;
padding: 4px 10px;
background: #271914;
border-color: #5a3a2b;
}
.hv-catnav-pill--active {
background: #f1b899;
border-color: #f1b899;
color: #241511;
}
.hv-catnav-pill--second.hv-catnav-pill--active::before {
background: #241511;
}
.hv-catnav-desktop {
width: 100%;
}
.hv-catnav-tree {
list-style: none;
margin: 0;
padding: 0;
}
.hv-catnav-item {
padding: 10px 0;
border-bottom: 1px solid #31231d;
}
.hv-catnav-link {
display: flex;
align-items: center;
gap: 8px;
font-size: 17px;
font-weight: 400;
color: #e8d4c6;
text-decoration: none;
}
.hv-catnav-dot {
width: 7px;
height: 7px;
border-radius: 50%;
background: #4a3629;
}
.hv-catnav-item.is-active .hv-catnav-dot {
background: #f1b899;
}
.hv-catnav-item.is-active .hv-catnav-link {
color: #f1b899;
}
.hv-catnav-children {
list-style: none;
margin: 6px 0 2px 14px;
padding-left: 8px;
border-left: 1px solid #3a2720;
display: none;
}
.hv-catnav-children.is-open {
display: block;
}
.hv-catnav-child {
margin-bottom: 4px;
}
.hv-catnav-child-link {
display: block;
font-size: 17px;
color: #c0a596;
text-decoration: none;
padding: 2px 0 2px 10px;
position: relative;
font-weight: 400;
}
.hv-catnav-child-link::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 6px;
height: 2px;
border-radius: 4px;
transform: translateY(-50%);
background: #544134;
}
.hv-catnav-child.is-active .hv-catnav-child-link {
color: #f7cfac;
}
.hv-catnav-child.is-active .hv-catnav-child-link::before {
background: #f1b899;
}
.hv-catnav-grandchildren {
list-style: none;
margin: 4px 0 0 16px;
padding-left: 8px;
border-left: 1px dashed #4a3327;
display: none;
}
.hv-catnav-grandchildren.is-open {
display: block;
}
.hv-catnav-grandchild-link {
display: block;
font-size: 12px;
color: #bfa694;
text-decoration: none;
padding: 2px 0 2px 10px;
position: relative;
}
.hv-catnav-grandchild-link::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 4px;
height: 4px;
border-radius: 999px;
transform: translateY(-50%);
background: #5c4335;
}
.hv-catnav-grandchild.is-active .hv-catnav-grandchild-link {
color: #ffffff;
}
.hv-catnav-grandchild.is-active .hv-catnav-grandchild-link::before {
background: #f1b899;
}
button#clearSearch {
top: 18px;
display: none!important;
}
@media (max-width: 992px) {
.hv-cat-content > .container {
padding: 10px 0;
}
body#page_category .hv-home-slider-head {
display: none;
}
body#page_product h1.hv-hero-title {
font-size: 32px;
}
.suggestions-list li.suggestion-category {
display: none!important;
}
ul#suggestions {
flex-wrap: wrap !important;
margin: 0!important;
padding: 0!important;
}
ul#suggestions {
flex-wrap: wrap !important;
}
.hv-catnav-desktop {
display: none !important;
}
}
@media (min-width: 993px) {
.hv-catnav-mobile {
display: none !important;
}
}
#Product {
padding-top: 40px;
padding-bottom: 60px;
}
.hv-product-header {
margin-bottom: 20px;
}
.hv-product-title {
font-size: 32px;
line-height: 1.2;
font-weight: 700;
color: #f4e7df;
border-bottom: 1px solid #3a2a24;
padding-bottom: 14px;
}
.hv-product-info {
margin-top: 20px;
color: #e5d2c7;
}
.hv-product-section {
margin-bottom: 18px;
}
.hv-product-section-label {
font-size: 15px;
font-weight: 600;
color: #f1b899;
margin-bottom: 4px;
}
.hv-product-section-body {
font-size: 15px;
line-height: 1.55;
color: #dcc5b8;
}
.hv-product-price-block {
margin-bottom: 20px;
padding: 14px 0;
}
.hv-product-price-old {
font-size: 16px;
text-decoration: line-through;
color: #8a7064;
margin-bottom: 6px;
}
.hv-product-price-current {
font-size: 26px;
font-weight: 700;
color: #ffffff;
}
.hv-product-price-tax {
margin-top: 8px;
font-size: 13px;
color: #a88e80;
}
.hv-product-qty-block {
margin-bottom: 24px;
}
.hv-product-qty-field {
margin-bottom: 16px;
}
.hv-product-label {
display: block;
margin-bottom: 6px;
font-size: 14px;
color: #d8c7bd;
}
.hv-product-qty-input {
display: flex;
align-items: center;
background: #261714;
border: 1px solid #4a3327;
border-radius: 10px;
overflow: hidden;
}
.hv-product-qty-btn {
background: none;
border: none;
padding: 10px 14px;
font-size: 18px;
font-weight: 700;
color: #f1b899;
cursor: pointer;
user-select: none;
transition: 0.15s;
}
.hv-product-qty-btn:hover {
background: rgba(255, 255, 255, 0.06);
}
.hv-product-input {
background: transparent;
border: none;
color: #fff2ec;
text-align: center;
width: 70px;
font-size: 16px;
padding: 8px 0;
}
.hv-product-input:focus {
outline: none;
}
.hv-product-validate {
font-size: 12px;
color: #ff9b8b;
margin-top: 6px;
}
.hv-product-actions {
margin-top: 27px;
}
.hv-product-btn-add {
color: var(--button-font);
border: 1px solid var(--d-light-brown);
background: var(--d-light-brown);
letter-spacing: 0.1em;
text-transform: uppercase;
border-radius: 0;
padding: clamp(1rem, 0.7vw, 3rem) clamp(1.5rem, 1vw, 4rem);
font-weight: 500;
min-width: 210px;
padding: 12px 24px;
border-radius: 999px;
font-size: 15px;
font-weight: 600;
}
.hv-product-btn-add:hover {
background-color: var(--main-brown);
border-color: var(--main-brown);
color: var(--white);
}
.hv-product-stock {
margin-bottom: 14px;
font-size: 14px;
}
.hv-product-stock-checking {
color: #d3b5a4;
font-size: 14px;
}
.hv-product-variants-wrap {
margin-bottom: 25px;
}
.hv-product-variants-title {
font-size: 15px;
font-weight: 600;
color: #f1b899;
margin-bottom: 10px;
}
.hv-product-variants {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.hv-product-variant {
background: #2a1a17;
border: 1px solid #4e3429;
border-radius: 10px;
padding: 8px;
cursor: pointer;
transition: 0.2s;
}
.hv-product-variant:hover {
border-color: #f1b899;
}
.hv-product-variant-img {
display: block;
width: 60px;
height: 60px;
border-radius: 6px;
object-fit: cover;
}
.hv-product-variant-text {
color: #d7c5bc;
font-size: 14px;
}
.hv-product-cart-status {
margin-top: 12px;
font-size: 14px;
color: #c3a89d;
}
.product-details {
padding-top: 10px;
}
#Product img {
border-radius: 12px;
}
@media (max-width: 992px) {
.hv-product-title {
font-size: 26px;
padding-bottom: 10px;
}
.hv-product-price-current {
font-size: 22px;
}
.hv-product-btn-add {
font-size: 16px;
}
#Product {
padding-top: 20px;
}
}
@media (max-width: 576px) {
.hv-product-variants {
gap: 8px;
}
.hv-product-variant-img {
width: 54px;
height: 54px;
}
}
.hv-product-page {
padding-top: 80px;
padding-bottom: 70px;
background: #1c1412;
padding-top: 140px;
margin: 0;
}
.hv-product-layout {
display: flex;
gap: 50px;
align-items: flex-start;
}
.hv-product-media {
width: 50%;
}
.hv-product-media-main {
width: 100%;
border-radius: 14px;
overflow: hidden;
background: #2c1d18;
padding: 8px;
border: 1px solid #4b3429;
}
.hv-product-image-main {
width: 100%;
display: block;
border-radius: 10px;
}
.hv-product-panel {
width: 50%;
}
.hv-product-panel-inner {
background: #261915;
padding: 26px 26px 30px;
border-radius: 16px;
border: 1px solid #4a3428;
position: sticky;
top: 90px;
}
.hv-product-info {
margin-bottom: 30px;
}
.hv-product-cart {
margin-top: 10px;
}
@media (max-width: 992px) {
.hv-product-layout {
flex-direction: column;
gap: 30px;
}
.hv-product-media,
.hv-product-panel {
width: 100%;
}
.hv-product-panel-inner {
position: relative;
top: 0;
padding: 22px;
}
.hv-product-page {
padding-top: 25px;
}
}
@media (max-width: 576px) {
.hv-product-panel-inner {
padding: 18px;
border-radius: 14px;
}
.hv-product-media-main {
padding: 6px;
border-radius: 12px;
}
}
.hv-product-header {
margin-bottom: 22px;
}
.hv-product-title {
font-size: 32px;
line-height: 1.25;
font-weight: 700;
color: #f4e7df;
border-bottom: 1px solid #3a2a24;
padding-bottom: 14px;
}
.hv-product-meta {
margin-bottom: 22px;
}
.hv-product-meta-item {
display: flex;
gap: 10px;
font-size: 14px;
color: #ccb7ad;
padding: 6px 0;
}
.hv-product-meta-label {
font-weight: 600;
color: #f1b899;
}
.hv-product-meta-value {
color: #e8d4c8;
}
.hv-product-description {
margin-top: 10px;
}
.hv-product-section {
margin-bottom: 20px;
}
.hv-product-section-title {
font-size: 15px;
font-weight: 600;
color: #f1b899;
margin-bottom: 6px;
}
.hv-product-section-body {
font-size: 15px;
line-height: 1.55;
color: #dcc5b8;
font-weight: 400;
}
.hv-product-section--main {
margin-top: 10px;
}
@media (max-width: 992px) {
.hv-product-title {
font-size: 26px;
padding-bottom: 10px;
}
.hv-product-meta-item {
font-size: 13px;
}
.hv-product-section-title {
font-size: 14px;
}
.hv-product-section-body {
font-size: 14px;
}
}
@media (max-width: 576px) {
.hv-product-title {
font-size: 24px;
}
}
.mall-product__add-to-cart-form {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.hv-product-breadcrumbs-wrap {
margin-top: 14px;
margin-bottom: 18px;
}
.hv-breadcrumbs {
font-size: 13px;
line-height: 1.4;
color: #bca9a0;
white-space: nowrap;
overflow-x: auto;
}
.hv-breadcrumbs::-webkit-scrollbar {
display: none;
}
.hv-breadcrumbs-list {
display: flex;
align-items: center;
padding: 0;
margin: 0;
list-style: none;
}
.hv-breadcrumbs-item {
display: inline-flex;
align-items: center;
}
.hv-breadcrumbs-link {
color: #d9c7bc;
text-decoration: none;
transition: color .15s ease;
}
.hv-breadcrumbs-link:hover {
color: #f1b899;
}
.hv-breadcrumbs-sep {
margin: 0 6px;
color: #71564a;
font-size: 12px;
}
.hv-breadcrumbs-current {
color: #f4e7df;
font-weight: 500;
}
.hv-breadcrumbs-item-current .hv-breadcrumbs-sep {
color: #8c6d5e;
}
@media (max-width: 768px) {
.hv-product-breadcrumbs-wrap {
margin-top: 10px;
margin-bottom: 14px;
}
.hv-breadcrumbs {
font-size: 12px;
}
}
.hv-product-related-grid {
margin-top: 24px;
}
.hv-product-related-grid .hv-sec-products-list {
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
background: transparent;
}
.hv-product-related-grid .mall-products {
background: transparent;
border-top: 1px solid #35221d;
padding-top: 20px;
}
.hv-product-related-grid .mall-loader {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 18px;
opacity: 0;
visibility: hidden;
transition: opacity .15s ease, visibility .15s ease;
}
.hv-product-related-grid .mall-products.is-loading .mall-loader {
opacity: 1;
visibility: visible;
}
.hv-product-related-grid .mall-products__products {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 18px 20px;
}
.hv-product-related-grid .hv-product-card {
height: 100%;
}
@media (max-width: 1200px) {
.hv-product-related-grid .mall-products__products {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px 18px;
}
}
@media (max-width: 992px) {
.hv-product-related-grid {
margin-top: 18px;
}
.hv-product-related-grid .mall-products__products {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px 16px;
}
}
@media (max-width: 576px) {
.hv-product-related-grid .mall-products__products {
grid-template-columns: minmax(0, 1fr);
gap: 12px 0;
}
}
div#map {
margin-top: 120px!important;
}
.map-loc:hover, .map-carousel .swiper-slide-active .map-loc {
background:#261815!important;
}
.hv-sec-contact-map {
padding-top: 0;
padding-bottom: 20px;
}
.hv-contact-map {
border-radius: 18px;
border: 1px solid #3b2620;
background: #1f1411;
height: 420px;
}
.hv-contact-locations {
margin-top: 24px!important;
margin-bottom: 20px!important;
}
.map-loc.hv-contact-store .row {
margin: 0;
}
.hv-contact-store {
background: #261815;
border-radius: 16px;
border: 1px solid #3b2620;
padding: 14px 14px 12px;
transition: border-color .15s ease, background .15s ease, box-shadow .15s ease, transform .15s ease;
}
.hv-contact-store:hover {
border-color: #f1b899;
background: #2b1b17;
box-shadow: 0 14px 30px rgba(0, 0, 0, 0.35);
}
.hv-contact-store-name {
font-size: 16px;
font-weight: 600;
color: #f4e7df;
margin-bottom: 4px;
}
.hv-contact-store-address p {
margin-bottom: 0;
font-size: 13px;
line-height: 1.4;
color: #d2bfb4;
}
.hv-contact-store-address p + p {
margin-top: 2px;
}
.hv-contact-store-phone {
margin-top: 8px;
}
.hv-contact-store-phone a {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 14px;
color: #f1b899;
text-decoration: none;
}
.hv-contact-store-phone a:hover {
color: #ffd9c5;
}
.hv-contact-store-phone-icon {
display: inline-flex;
align-items: center;
justify-content: center;
}
.hv-contact-store-hours-col {
border-left: 1px solid #3b2620;
}
.hv-contact-store-hours-row {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 12px;
color: #c7b1a6;
}
.hv-contact-store-hours-row + .hv-contact-store-hours-row {
margin-top: 2px;
}
.hv-contact-store-hours-day {
margin-right: 8px;
white-space: nowrap;
}
.hv-contact-store-hours-time {
font-variant-numeric: tabular-nums;
}
.hv-contact-store-extra {
margin-top: 8px;
padding-top: 6px;
border-top: 1px solid #3b2620;
font-size: 12px;
color: #e0c8bc;
}
.hv-contact-store-links {
margin-top: 12px;
display: flex;
align-items: center;
}
.hv-contact-store-link {
width: 34px;
height: 34px;
border-radius: 999px;
border: 1px solid #4a3129;
background: #321c1a;
display: flex;
align-items: center;
justify-content: center;
margin-right: 10px;
}
.hv-contact-store-link img {
max-width: 20px;
max-height: 20px;
display: block;
}
.selected-store {
transform: scale(1.02);
box-shadow: 0 18px 34px rgba(0, 0, 0, 0.4);
border-color: #f1b899;
}
.hv-sec-contact-info {
padding-top: 10px;
padding-bottom: 30px;
}
.hv-contact-card {
background: #261915;
border-radius: 18px;
border: 1px solid #3b2620;
padding: 22px 24px 20px;
}
.hv-contact-card-title {
font-size: 18px;
font-weight: 600;
color: #f4e7df;
margin-bottom: 8px;
}
.hv-contact-card-body p {
margin-bottom: 4px;
font-size: 14px;
color: #d9c6bb;
}
.hv-contact-card-bank {
background: radial-gradient(circle at top left, rgba(241,184,153,0.14), transparent 55%), #261915;
}
.hv-contact-card-main {
background: radial-gradient(circle at top right, rgba(241,184,153,0.13), transparent 55%), #261915;
}
.hv-sec-contact-form {
padding-top: 20px;
padding-bottom: 60px;
}
.hv-contact-form-intro {
max-width: 720px;
margin: 0 auto 26px;
font-size: 15px;
color: #e2cec1;
}
.hv-contact-form {
background: #261915;
border-radius: 18px;
border: 1px solid #3b2620;
padding: 24px 24px 26px;
}
.hv-contact-label {
font-size: 14px;
color: #e9d5c9;
margin-bottom: 4px;
}
.hv-contact-input.form-control {
background: #1f1411;
border-radius: 12px;
border: 1px solid #3b2620;
font-size: 14px;
color: #f4e7df;
padding: 10px 12px;
}
.hv-contact-input.form-control:focus {
border-color: #f1b899;
box-shadow: 0 0 0 0.1rem rgba(241,184,153,0.35);
}
.hv-contact-textarea {
min-height: 120px;
resize: vertical;
}
.hv-contact-check {
display: flex;
align-items: flex-start;
gap: 8px;
}
.hv-contact-check-input {
margin-top: 3px;
cursor: pointer;
}
.hv-contact-check-label {
font-size: 13px;
color: #d7c5ba;
}
.hv-contact-submit {
min-width: 210px;
padding: 12px 24px;
border-radius: 999px;
font-size: 15px;
font-weight: 600;
}
.error-text {
font-size: 12px;
}
@media (max-width: 992px) {
.hv-contact-map {
height: 340px;
}
.hv-contact-form {
padding: 20px 16px 22px;
border-radius: 16px;
}
}
@media (max-width: 576px) {
.hv-contact-map {
height: 260px;
}
.hv-contact-store {
padding: 12px 12px 10px;
border-radius: 14px;
}
.hv-contact-card {
padding: 18px 16px 18px;
}
}
body#page_custom-order h1.hv-hero-title, body#page_custom-banquet h1.hv-hero-title  {
text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
font-size: 45px;
font-weight: normal;
line-height: 1.1;
text-align: center;
color: #f1b899;
text-transform: none;
}
.hv-sec-custom-order {
padding-top: 140px;
padding-bottom: 60px;
}
.hv-custom-order-head {
margin-bottom: 26px;
}
.hv-custom-order-subtitle {
max-width: 720px;
margin: 0 auto;
font-size: 15px;
color: #e2cec1;
}
.hv-custom-order-steps {
margin-bottom: 32px;
}
.hv-custom-step {
background: #261915;
border-radius: 16px;
border: 1px solid #3b2620;
padding: 16px 18px;
display: flex;
align-items: flex-start;
gap: 12px;
height: 100%;
}
.hv-custom-step-badge {
width: 32px;
height: 32px;
border-radius: 999px;
border: 1px solid #f1b899;
color: #f1b899;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 15px;
flex-shrink: 0;
}
.hv-custom-step-body {
font-size: 14px;
color: #e4d2c7;
}
.hv-custom-order-form-wrap .hv-contact-form {
border-radius: 18px;
border: 1px solid #3b2620;
background: #261915;
}
.hv-custom-file-group {
align-items: stretch;
}
.hv-custom-file-text {
border-radius: 12px 0 0 12px;
}
.hv-custom-file-btn-wrap {
margin: 0;
}
.hv-custom-file-btn {
height: 100%;
border-radius: 0 999px 999px 0;
display: inline-flex;
align-items: center;
padding-inline: 16px;
font-size: 14px;
}
.hv-custom-file-input {
cursor: pointer;
}
@media (max-width: 992px) {
.hv-sec-custom-order {
padding-top: 120px;
padding-bottom: 40px;
}
.hv-custom-step {
padding: 14px 14px;
}
.hv-custom-order-form-wrap .hv-contact-form {
border-radius: 16px;
padding-left: 16px;
padding-right: 16px;
}
body#page_custom-order h1.hv-hero-title, body#page_custom-banquet h1.hv-hero-title {
text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
font-size: 31px;
font-weight: normal;
line-height: 1.1;
text-align: center;
color: #f1b899;
text-transform: none;
}
}
@media (max-width: 576px) {
.hv-custom-step {
border-radius: 14px;
}
}
body#page_products section.container.hv-hero-wrap {
margin-bottom: 40px;
}
body#page_products .hv-hero-image-inner {
min-height: 300px;
}
form.mall-quick-checkout.container {
margin-top: 100px;
}
body#page_index section.container.hv-fx.hv-sec-home-grid.hv-fx-in {
padding-top: 40px;
}
body#page_search .container {
    padding-top: 60px;
}
.hv-product-addcart-mini {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #4c000f;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    transition: 0.2s ease;
    padding: 0;
}

.hv-product-addcart-mini svg {
    fill: #fff;
    width: 18px;
    height: 18px;
}

.hv-product-addcart-mini:hover {
    background: #f3c0a3;
    transform: scale(1.08);
}


.hv-product-addcart-mini[data-attach-loading] .oc-loading-indicator {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.hv-product-addcart-mini.oc-loading svg {
    opacity: 0.2;
}
button.hv-product-addcart-mini.oc-attach-loader:after {
    position: absolute;
    background: gray;
    width: 36px;
    height: 36px;
    left: -6px;
}