@charset "UTF-8";

:root {
--curio-primary: #082D4A;
--curio-dark: #041D31;
--curio-bg: #f2f2f2;
--curio-white: #FFFFFF;
--curio-text: #222222;
--curio-secondary: #6B6B6B;
--curio-radius: 0;
--curio-radius-card: 0;
--curio-gutter: 30px;
--header-h: 88px;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.7;
letter-spacing: 0;
color: #222222;
background-color: #f2f2f2;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
}
body:not(.has-transparent-header) {
--header-h: 72px;
}
#main {
animation: curio-page-enter 0.85s cubic-bezier(0.22, 1, 0.36, 1) both;
}
@keyframes curio-page-enter {
from {
opacity: 0;
transform: translate3d(0, 12px, 0);
}
to {
opacity: 1;
transform: none;
}
}
@media (prefers-reduced-motion: reduce) {
#main {
animation: none;
}
}
.page-transition {
position: fixed;
inset: 0;
z-index: 10000;
display: flex;
align-items: center;
justify-content: center;
background: rgba(242, 242, 242, 0.94);
backdrop-filter: blur(3px);
opacity: 0;
pointer-events: none;
transition: opacity 0.35s cubic-bezier(0.22, 1, 0.36, 1);
will-change: opacity;
}
.page-transition.is-active {
opacity: 1;
pointer-events: auto;
}
.page-transition.is-active .page-transition__bar {
animation: curio-page-progress 0.9s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.page-transition.is-active .page-transition__mark {
opacity: 1;
transform: none;
}
.page-transition.is-settle {
opacity: 1;
pointer-events: none;
}
.page-transition.is-settle .page-transition__bar {
animation: none;
width: 100%;
opacity: 0;
}
.page-transition.is-settle .page-transition__mark {
opacity: 0.85;
transform: none;
}
.page-transition.is-leaving {
opacity: 0;
pointer-events: none;
transition: opacity 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}
.page-transition.is-leaving .page-transition__mark {
opacity: 0;
transform: translateY(-4px);
transition: opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1), transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.page-transition__bar {
position: absolute;
top: 0;
left: 0;
height: 2px;
width: 0;
background: #082D4A;
}
.page-transition__mark {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.75rem;
opacity: 0;
transform: translateY(6px);
transition: opacity 0.3s cubic-bezier(0.22, 1, 0.36, 1), transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.page-transition__logo {
display: block;
width: min(120px, 28vw);
height: auto;
}
@keyframes curio-page-progress {
0% {
width: 0;
}
60% {
width: 78%;
}
100% {
width: 92%;
}
}
@media (prefers-reduced-motion: reduce) {
.page-transition {
transition: none;
}
.page-transition.is-active .page-transition__bar, .page-transition.is-settle .page-transition__bar {
animation: none;
width: 100%;
}
}
img,
picture,
video,
svg {
max-width: 100%;
height: auto;
display: block;
}
button,
input,
textarea,
select {
font: inherit;
color: inherit;
}
a {
color: inherit;
text-decoration: none;
transition: color 0.25s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}
a:hover {
color: #082D4A;
}
a:focus-visible {
outline: 2px solid #082D4A;
outline-offset: 3px;
}
button {
cursor: pointer;
background: none;
border: none;
padding: 0;
}
button:focus-visible {
outline: 2px solid #082D4A;
outline-offset: 3px;
}
ul,
ol {
margin: 0;
padding: 0;
list-style: none;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
font-weight: 500;
line-height: 1.2;
letter-spacing: 0.5px;
color: #041D31;
text-wrap: balance;
}
p {
margin: 0 0 1em;
}
p:last-child {
margin-bottom: 0;
}
::selection {
background: rgba(8, 45, 74, 0.15);
color: #041D31;
}
.screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.skip-link {
position: absolute;
top: -100%;
left: 16px;
z-index: 100000;
padding: 0.75rem 1.25rem;
background: #082D4A;
color: #FFFFFF;
border-radius: 0;
}
.skip-link:focus {
top: 16px;
}
h1, .h1 {
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: clamp(36px, 4vw, 36px);
font-weight: 500;
}
h2, .h2 {
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: clamp(28px, 3.2vw, 35px);
font-weight: 500;
}
h3, .h3 {
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: clamp(22px, 2.4vw, 27px);
font-weight: 500;
}
.text-small {
font-size: 15px;
line-height: 1.6;
}
.text-xs {
font-size: 13px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
.text-serif {
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.text-caps {
text-transform: uppercase;
letter-spacing: 0.02em;
}
.text-muted {
color: #6B6B6B;
}
.container {
width: 100%;
max-width: 1600px;
margin-inline: auto;
padding-inline: 5%;
}
@media (max-width: 992px) {
.container {
padding-inline: 24px;
}
}
@media (max-width: 768px) {
.container {
padding-inline: 16px;
}
}
.container--wide {
width: 100%;
max-width: 1600px;
margin-inline: auto;
padding-inline: 5%;
}
@media (max-width: 992px) {
.container--wide {
padding-inline: 24px;
}
}
@media (max-width: 768px) {
.container--wide {
padding-inline: 16px;
}
}
.container--full {
width: 100%;
padding-inline: 0;
}
.site {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.site-main {
flex: 1;
}
.section {
padding-block: 80px;
}
@media (max-width: 992px) {
.section {
padding-block: 60px;
}
}
@media (max-width: 768px) {
.section {
padding-block: 48px;
}
}
.grid-12 {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 992px) {
.grid-12 {
gap: 24px;
}
}
@media (max-width: 768px) {
.grid-12 {
gap: 16px;
}
}
.btn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
min-height: 52px;
padding: 0.85rem 2rem;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: 500;
letter-spacing: 0.02em;
text-transform: uppercase;
text-decoration: none;
border-radius: 0;
border: 1px solid transparent;
overflow: hidden;
transition: background 0.45s cubic-bezier(0.22, 1, 0.36, 1), color 0.45s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.45s cubic-bezier(0.22, 1, 0.36, 1), transform 0.25s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.btn__label {
position: relative;
z-index: 1;
}
.btn::after {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle at var(--rx, 50%) var(--ry, 50%), rgba(255, 255, 255, 0.25), transparent 60%);
opacity: 0;
transition: opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1);
pointer-events: none;
}
.btn:hover::after, .btn:focus-visible::after {
opacity: 1;
}
.btn:active {
transform: scale(0.98);
}
.btn--primary {
background: #082D4A;
color: #FFFFFF;
}
.btn--primary:hover {
background: #041D31;
color: #FFFFFF;
box-shadow: 0 4px 12px rgba(4, 29, 49, 0.04);
}
.btn--outline {
background: transparent;
border-color: #082D4A;
color: #082D4A;
}
.btn--outline:hover {
background: #082D4A;
color: #FFFFFF;
}
.btn--light {
background: #FFFFFF;
color: #082D4A;
}
.btn--light:hover {
background: #f2f2f2;
color: #041D31;
}
.btn--ghost {
background: transparent;
color: #082D4A;
padding-inline: 0;
min-height: auto;
border-radius: 0;
}
.btn--ghost::after {
display: none;
}
.btn--ghost .btn__label {
border-bottom: 1px solid currentColor;
padding-bottom: 2px;
transition: border-color 0.25s;
}
.btn--ghost:hover .btn__label {
border-color: transparent;
}
.site-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
height: 88px;
transform: translateZ(0);
transition: background 0.45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.45s cubic-bezier(0.22, 1, 0.36, 1), height 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.site-header__inner {
width: 100%;
max-width: 1600px;
margin-inline: auto;
padding-inline: 5%;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
gap: clamp(1rem, 2vw, 1.75rem);
}
@media (max-width: 992px) {
.site-header__inner {
padding-inline: 24px;
}
}
@media (max-width: 768px) {
.site-header__inner {
padding-inline: 16px;
}
}
@media (max-width: 992px) {
.site-header__inner {
justify-content: space-between;
gap: 16px;
}
}
.site-header__nav {
flex: 0 0 auto;
display: flex;
justify-content: center;
}
.site-header__actions {
display: flex;
align-items: center;
gap: 0.65rem;
flex-shrink: 0;
}
.has-transparent-header:not(.has-light-hero) .site-header:not(.is-scrolled) {
background: linear-gradient(180deg, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.18) 70%, rgba(0, 0, 0, 0.06) 100%);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.has-transparent-header:not(.has-light-hero) .site-header:not(.is-scrolled) .site-logo--text,
.has-transparent-header:not(.has-light-hero) .site-header:not(.is-scrolled) .primary-menu a,
.has-transparent-header:not(.has-light-hero) .site-header:not(.is-scrolled) .header-action,
.has-transparent-header:not(.has-light-hero) .site-header:not(.is-scrolled) .header-lang,
.has-transparent-header:not(.has-light-hero) .site-header:not(.is-scrolled) .header-lang a {
color: #FFFFFF;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}
.has-transparent-header:not(.has-light-hero) .site-header:not(.is-scrolled) .site-logo__img {
filter: brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
}
.has-transparent-header.has-light-hero .site-header:not(.is-scrolled) {
background: rgba(255, 255, 255, 0.82);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.has-transparent-header.has-light-hero .site-header:not(.is-scrolled) .site-logo--text,
.has-transparent-header.has-light-hero .site-header:not(.is-scrolled) .primary-menu a,
.has-transparent-header.has-light-hero .site-header:not(.is-scrolled) .header-action,
.has-transparent-header.has-light-hero .site-header:not(.is-scrolled) .header-lang,
.has-transparent-header.has-light-hero .site-header:not(.is-scrolled) .header-lang a {
color: #041D31;
text-shadow: none;
}
.has-transparent-header.has-light-hero .site-header:not(.is-scrolled) .site-logo__img {
filter: none;
}
.site-header.is-scrolled, body:not(.has-transparent-header) .site-header {
background: rgba(255, 255, 255, 0.96);
backdrop-filter: blur(12px);
box-shadow: 0 1px 0 rgba(8, 45, 74, 0.08);
height: 72px;
}
.site-header.is-scrolled .site-logo--text,
.site-header.is-scrolled .primary-menu a,
.site-header.is-scrolled .header-action,
.site-header.is-scrolled .header-lang,
.site-header.is-scrolled .header-lang a, body:not(.has-transparent-header) .site-header .site-logo--text,
body:not(.has-transparent-header) .site-header .primary-menu a,
body:not(.has-transparent-header) .site-header .header-action,
body:not(.has-transparent-header) .site-header .header-lang,
body:not(.has-transparent-header) .site-header .header-lang a {
color: #041D31;
}
.site-header.is-scrolled .site-logo__img, body:not(.has-transparent-header) .site-header .site-logo__img {
filter: none;
}
.site-logo {
display: inline-flex;
align-items: center;
flex-shrink: 0;
z-index: 2;
}
.site-logo__img {
height: 56px;
width: auto;
transition: filter 0.45s cubic-bezier(0.22, 1, 0.36, 1), height 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.is-scrolled .site-logo__img {
height: 44px;
}
.site-logo__name {
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1.25rem;
font-weight: 600;
letter-spacing: 0.2em;
text-transform: uppercase;
}
.primary-menu {
display: flex;
align-items: center;
gap: clamp(0.85rem, 1.4vw, 1.35rem);
list-style: none;
margin: 0;
padding: 0;
}
.primary-menu > li {
position: relative;
list-style: none;
}
.primary-menu a {
display: inline-block;
font-size: 14px;
font-weight: 400;
letter-spacing: 0;
padding-block: 0.65rem;
border-bottom: 1px solid transparent;
transition: opacity 0.25s, border-color 0.25s;
}
.primary-menu a:hover {
opacity: 0.85;
}
.primary-menu .menu-item-has-children > a::after {
content: "";
display: inline-block;
width: 5px;
height: 5px;
margin-left: 0.45rem;
border-right: 1.5px solid currentColor;
border-bottom: 1.5px solid currentColor;
transform: rotate(45deg) translateY(-2px);
opacity: 0.7;
vertical-align: middle;
}
.primary-menu .menu-item-has-children:hover > a,
.primary-menu .menu-item-has-children:focus-within > a {
border-bottom-color: currentColor;
}
.primary-menu .menu-item-has-children:hover > a::after,
.primary-menu .menu-item-has-children:focus-within > a::after {
transform: rotate(-135deg) translateY(-1px);
}
.primary-menu .sub-menu {
position: absolute;
top: calc(100% + 0.15rem);
left: 0;
z-index: 100;
min-width: 240px;
margin: 0;
padding: 0.65rem 0;
list-style: none;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.06);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
opacity: 0;
visibility: hidden;
transform: translateY(6px);
transition: opacity 0.25s cubic-bezier(0.22, 1, 0.36, 1), transform 0.25s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.25s;
}
.primary-menu .sub-menu li {
list-style: none;
margin: 0;
}
.primary-menu .sub-menu a {
display: block;
padding: 0.55rem 1.25rem;
color: #222222 !important;
white-space: nowrap;
border-bottom: 0;
font-size: 14px;
}
.primary-menu .sub-menu a:hover {
opacity: 1;
background: #f7f7f7;
}
.primary-menu .menu-item-has-children:hover > .sub-menu,
.primary-menu .menu-item-has-children:focus-within > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
@media (max-width: 992px) {
.primary-menu {
display: none;
}
}
.header-action {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
color: #041D31;
transition: color 0.25s, opacity 0.25s;
}
.header-action:hover {
opacity: 0.65;
}
.header-lang {
display: inline-flex;
align-items: center;
margin-right: 0.35rem;
line-height: 1;
z-index: 2;
}
.header-lang__list {
display: inline-flex;
align-items: center;
gap: 0.45rem;
margin: 0;
padding: 0;
list-style: none;
}
.header-lang__item {
margin: 0;
line-height: 0;
opacity: 0.85;
transition: opacity 0.25s, transform 0.25s;
}
.header-lang__item:hover, .header-lang__item.is-active {
opacity: 1;
}
.header-lang__item.is-active {
outline: 1px solid rgba(255, 255, 255, 0.55);
outline-offset: 2px;
}
.header-lang__link {
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 0;
text-decoration: none;
}
.header-lang__flag {
display: block;
width: 22px;
height: auto;
border-radius: 1px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
}
.header-lang__code {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.06em;
}
.site-header.is-scrolled .header-lang .header-lang__item.is-active, body:not(.has-transparent-header) .site-header .header-lang .header-lang__item.is-active {
outline-color: rgba(0, 0, 0, 0.35);
}
.header-cart {
position: relative;
}
.header-cart__count {
position: absolute;
top: 2px;
right: 2px;
min-width: 16px;
height: 16px;
padding: 0 4px;
font-size: 10px;
font-weight: 600;
line-height: 16px;
text-align: center;
color: #FFFFFF;
background: #082D4A;
border-radius: 0;
}
.header-cart__count:empty, .header-cart__count[data-cart-count="0"] {
display: none;
}
.menu-toggle {
display: none;
color: inherit;
}
@media (max-width: 992px) {
.menu-toggle {
display: inline-flex;
}
}
.mobile-nav {
--mobile-nav-width: min(320px, 78vw);
position: fixed;
inset: 0;
z-index: 1100;
pointer-events: none;
}
.mobile-nav.is-open {
pointer-events: auto;
}
.mobile-nav.is-open .mobile-nav__overlay {
opacity: 1;
}
.mobile-nav.is-open .mobile-nav__panel {
transform: translateX(0);
}
.mobile-nav.is-open .mobile-nav__close {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.mobile-nav__overlay {
position: absolute;
inset: 0;
background: rgba(80, 80, 80, 0.45);
opacity: 0;
transition: opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.mobile-nav__panel {
position: absolute;
top: 0;
left: 0;
width: var(--mobile-nav-width);
height: 100%;
padding: 1.5rem 1.35rem 2rem;
background: #FFFFFF;
transform: translateX(-100%);
transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.mobile-nav__close {
position: absolute;
top: 1rem;
left: calc(var(--mobile-nav-width) + 0.75rem);
z-index: 2;
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
padding: 0;
color: #6B6B6B;
background: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 50%;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.45s;
cursor: pointer;
}
.mobile-nav__close:hover {
color: #041D31;
}
.mobile-nav__brand {
display: flex;
justify-content: center;
margin-bottom: 1.25rem;
}
.mobile-nav__brand .site-logo__img {
height: 64px;
}
.mobile-nav__brand .site-logo__name {
font-size: 1.1rem;
}
.mobile-nav__search {
position: relative;
display: flex;
align-items: center;
margin-bottom: 0.35rem;
}
.mobile-nav__search-input {
width: 100%;
height: 44px;
padding: 0 2.75rem 0 0.9rem;
border: 1px solid rgba(0, 0, 0, 0.18);
background: #FFFFFF;
color: #222222;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
outline: none;
}
.mobile-nav__search-input::placeholder {
color: #9a9a9a;
}
.mobile-nav__search-input:focus {
border-color: rgba(0, 0, 0, 0.35);
}
.mobile-nav__search-submit {
position: absolute;
top: 0;
right: 0;
bottom: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
padding: 0;
border: 0;
background: transparent;
color: #6B6B6B;
cursor: pointer;
}
.mobile-nav__search-submit:hover {
color: #041D31;
}
.mobile-nav__menu {
margin-top: 0;
}
.mobile-nav__menu .mobile-menu {
margin: 0;
padding: 0;
list-style: none;
}
.mobile-nav__menu .mobile-menu > li {
list-style: none;
margin: 0;
border-bottom: 0;
}
.mobile-nav__menu .mobile-menu__row {
display: flex;
align-items: stretch;
min-height: 52px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.mobile-nav__menu .mobile-menu > li > a,
.mobile-nav__menu .mobile-menu > li > .mobile-menu__row > a {
flex: 1;
display: flex;
align-items: center;
padding: 0.95rem 0;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #041D31;
border-bottom: 0;
line-height: 1.3;
}
.mobile-nav__menu .mobile-menu > li > a {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
min-height: 52px;
}
.mobile-nav__menu .mobile-menu__toggle {
flex: 0 0 40px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
border: 0;
background: transparent;
color: #041D31;
cursor: pointer;
}
.mobile-nav__menu .mobile-menu__toggle .icon {
transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}
.mobile-nav__menu .mobile-menu__toggle[aria-expanded=true] .icon {
transform: rotate(180deg);
}
.mobile-nav__menu .sub-menu {
display: none;
margin: 0;
padding: 0;
list-style: none;
background: #FFFFFF;
}
.mobile-nav__menu .sub-menu > li {
list-style: none;
margin: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.mobile-nav__menu .sub-menu > li > a {
display: flex;
align-items: center;
min-height: 52px;
padding: 0.95rem 0 0.95rem 1.15rem;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #041D31;
border-bottom: 0;
line-height: 1.3;
}
.mobile-nav__menu .sub-menu > li > a:hover {
color: #041D31;
opacity: 0.75;
}
.mobile-nav__menu .sub-menu .mobile-menu__row {
min-height: 52px;
border-bottom: 0;
}
.mobile-nav__menu .sub-menu .mobile-menu__row > a {
flex: 1;
display: flex;
align-items: center;
min-height: 52px;
padding: 0.95rem 0 0.95rem 1.15rem;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #041D31;
}
.mobile-nav__menu .sub-menu .mobile-menu__toggle {
color: #041D31;
}
.mobile-nav__menu .sub-menu .sub-menu {
background: #FFFFFF;
}
.mobile-nav__menu .sub-menu .sub-menu > li > a,
.mobile-nav__menu .sub-menu .sub-menu .mobile-menu__row > a {
padding-left: 2rem;
}
.mobile-nav__menu .menu-item-has-children.is-expanded > .sub-menu {
display: block;
}
.mobile-nav__lang {
display: block;
margin-top: 0;
padding-top: 0;
border-top: 0;
}
.mobile-nav__lang .header-lang__list {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 0;
margin: 0;
padding: 0;
list-style: none;
}
.mobile-nav__lang .header-lang__item {
margin: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
opacity: 1;
outline: none !important;
}
.mobile-nav__lang .header-lang__item.is-active {
outline: none !important;
}
.mobile-nav__lang .header-lang__link {
display: flex;
align-items: center;
min-height: 52px;
padding: 0.75rem 0;
line-height: 1;
}
.mobile-nav__lang .header-lang__flag {
width: 28px;
height: auto;
border-radius: 0;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.search-modal {
position: fixed;
inset: 0;
z-index: 1200;
display: flex;
align-items: flex-start;
justify-content: center;
padding-top: 15vh;
background: rgba(4, 29, 49, 0.55);
opacity: 0;
visibility: hidden;
transition: opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.45s;
}
.search-modal.is-open {
opacity: 1;
visibility: visible;
}
.search-modal__form {
width: min(560px, 90vw);
display: flex;
align-items: center;
gap: 0.75rem;
padding: 1rem 1.25rem;
background: #FFFFFF;
border-radius: 0;
box-shadow: 0 8px 24px rgba(4, 29, 49, 0.08);
}
.search-modal__input {
flex: 1;
border: 0;
outline: none;
background: transparent;
font-size: 18px;
}
.cart-drawer {
position: fixed;
inset: 0;
z-index: 1150;
pointer-events: none;
}
.cart-drawer[hidden] {
display: block !important;
visibility: hidden;
}
.cart-drawer.is-open {
pointer-events: auto;
visibility: visible;
}
.cart-drawer.is-open .cart-drawer__overlay {
opacity: 1;
}
.cart-drawer.is-open .cart-drawer__panel {
transform: translateX(0);
}
.cart-drawer__overlay {
position: absolute;
inset: 0;
background: rgba(60, 60, 60, 0.55);
opacity: 0;
transition: opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.cart-drawer__panel {
position: absolute;
top: 0;
right: 0;
display: flex;
flex-direction: column;
width: min(380px, 92vw);
height: 100%;
background: #fff;
box-shadow: -8px 0 32px rgba(0, 0, 0, 0.08);
transform: translateX(100%);
transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.cart-drawer__close {
position: absolute;
top: 1.1rem;
left: 0;
transform: translateX(calc(-100% - 0.75rem));
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 0;
border-radius: 50%;
background: #fff;
color: #222;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
cursor: pointer;
z-index: 2;
}
@media (max-width: 480px) {
.cart-drawer__close {
left: 0.75rem;
transform: none;
top: 0.75rem;
}
}
.cart-drawer__close-icon {
font-size: 26px;
line-height: 1;
font-weight: 300;
}
.cart-drawer__header {
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
padding: 1.75rem 1.5rem 1rem;
border-bottom: 1px solid #eee;
}
.cart-drawer__header-icon {
display: inline-flex;
color: #222;
}
.cart-drawer__header-icon svg {
display: block;
}
.cart-drawer__body {
flex: 1 1 auto;
display: flex;
flex-direction: column;
min-height: 0;
overflow: hidden;
}
.cart-drawer__content {
display: flex;
flex-direction: column;
height: 100%;
min-height: 0;
}
.cart-drawer__empty {
margin: 0;
padding: 2.5rem 1.5rem;
text-align: center;
font-size: 14px;
color: #888;
}
.cart-drawer__items {
flex: 1 1 auto;
margin: 0;
padding: 0.5rem 1.25rem 1rem;
list-style: none;
overflow-y: auto;
}
.cart-drawer__item {
display: grid;
grid-template-columns: 72px minmax(0, 1fr);
gap: 0.85rem;
padding: 1rem 0;
border-bottom: 1px solid #eee;
}
.cart-drawer__item:last-child {
border-bottom: 0;
}
.cart-drawer__thumb a,
.cart-drawer__thumb img,
.cart-drawer__thumb .cart-drawer__thumb-img {
display: block;
width: 72px;
height: 72px;
object-fit: cover;
background: #f5f5f5;
}
.cart-drawer__details {
min-width: 0;
}
.cart-drawer__name {
margin: 0 0 0.55rem;
font-size: 13px;
font-weight: 500;
line-height: 1.4;
color: #222;
}
.cart-drawer__name a {
color: inherit;
text-decoration: none;
}
.cart-drawer__name a:hover {
opacity: 0.75;
}
.cart-drawer__meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.35rem 0.45rem;
font-size: 13px;
color: #333;
}
.cart-drawer__qty {
display: inline-flex;
align-items: center;
gap: 0.35rem;
}
.cart-drawer__qty-btn {
width: 22px;
height: 22px;
padding: 0;
border: 0;
background: transparent;
font-size: 16px;
line-height: 1;
color: #222;
cursor: pointer;
}
.cart-drawer__qty-btn:disabled {
opacity: 0.35;
cursor: default;
}
.cart-drawer__qty-val {
min-width: 1.1em;
text-align: center;
font-variant-numeric: tabular-nums;
}
.cart-drawer__times {
opacity: 0.7;
}
.cart-drawer__price .amount {
font-weight: 400;
}
.cart-drawer__footer {
flex: 0 0 auto;
padding: 1rem 1.25rem 1.5rem;
border-top: 1px solid #eee;
background: #fff;
}
.cart-drawer__subtotal {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
margin-bottom: 1rem;
font-size: 14px;
color: #222;
}
.cart-drawer__subtotal strong {
font-weight: 600;
}
.cart-drawer__btn {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 48px;
margin-bottom: 0.65rem;
padding: 0.75rem 1rem;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
text-decoration: none;
border-radius: 0;
transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.cart-drawer__btn:last-child {
margin-bottom: 0;
}
.cart-drawer__btn--view {
background: #ececec;
color: #222;
border: 1px solid #ececec;
}
.cart-drawer__btn--view:hover {
background: #e2e2e2;
color: #222;
}
.cart-drawer__btn--checkout {
background: #111;
color: #fff;
border: 1px solid #111;
}
.cart-drawer__btn--checkout:hover {
background: #000;
color: #fff;
}
.cart-drawer.is-updating .cart-drawer__body {
opacity: 0.55;
pointer-events: none;
}
button.header-cart {
appearance: none;
background: none;
border: 0;
padding: 0;
cursor: pointer;
color: inherit;
}
.site-footer {
background: #000;
color: #fff;
padding: 50px 0 0;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.site-footer a {
color: #fff;
text-decoration: none;
}
.site-footer a:hover {
text-decoration: underline;
}
.site-footer__inner {
width: 100%;
max-width: 1400px;
margin-inline: auto;
padding-inline: clamp(24px, 4vw, 48px);
padding-bottom: 28px;
}
@media (max-width: 768px) {
.site-footer__inner {
padding-inline: 16px;
}
}
.site-footer__grid {
display: grid;
grid-template-columns: minmax(0, 1.55fr) minmax(0, 1.05fr) minmax(0, 0.9fr);
column-gap: clamp(24px, 3vw, 48px);
row-gap: 2rem;
align-items: start;
}
@media (max-width: 768px) {
.site-footer__grid {
grid-template-columns: 1fr;
gap: 2rem;
}
}
.site-footer__bottom {
border-top: 1px solid rgba(255, 255, 255, 0.85);
padding: 8px 0;
text-align: center;
}
.site-footer__copy {
margin: 0;
font-size: 16px;
font-weight: 400;
color: #fff;
line-height: 1.6;
}
.footer-col__logo {
display: inline-block;
margin-bottom: 1rem;
}
.footer-col__logo img {
display: block;
width: 88px;
height: auto;
}
.footer-col__company {
margin: 0 0 1rem;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 1.5;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.footer-col__line {
margin: 0 0 0.55rem;
font-size: 15px;
font-weight: 300;
line-height: 1.65;
color: #fff;
}
.footer-col__line--phones {
white-space: nowrap;
}
@media (max-width: 768px) {
.footer-col__line--phones {
white-space: normal;
}
}
.footer-col__label {
font-weight: 700;
color: #fff;
margin-right: 0.25rem;
}
.footer-col__menu {
list-style: none;
margin: 0;
padding: 0;
}
.footer-col__menu li {
margin: 0;
}
.footer-col__menu a {
display: block;
padding: 0.2rem 0;
font-size: 16px;
font-weight: 300;
line-height: 1.7;
color: #fff;
}
.footer-col__bct {
margin: 1.25rem 0 0;
}
.footer-col__bct a {
display: inline-block;
line-height: 0;
}
.footer-col__bct img {
display: block;
width: 108px;
height: auto;
}
.footer-col .footer-widget__title, .footer-col__title {
display: none;
}
.footer-social {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.65rem;
list-style: none;
margin: 1.25rem 0 0;
padding: 0;
}
.footer-social__link {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.35);
color: #fff;
transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.footer-social__link:hover {
background: #fff;
border-color: #fff;
color: #000;
text-decoration: none;
}
.footer-social__link svg {
display: block;
}
.footer-social__link--youtube svg, .footer-social__link--facebook svg, .footer-social__link--zalo svg, .footer-social__link--messenger svg, .footer-social__link--linkedin svg, .footer-social__link--pinterest svg {
stroke: none;
fill: currentColor;
}
.footer-social__link--instagram svg {
fill: none;
stroke: currentColor;
}
.float-contact {
position: fixed;
right: max(0.85rem, env(safe-area-inset-right, 0px));
bottom: max(1rem, env(safe-area-inset-bottom, 0px));
z-index: 900;
display: flex;
flex-direction: column;
gap: 0.85rem;
pointer-events: none;
}
.float-contact__btn {
pointer-events: auto;
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 54px;
height: 54px;
border-radius: 50%;
color: #FFFFFF;
box-shadow: 0 6px 18px rgba(4, 29, 49, 0.18);
transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}
.float-contact__btn:hover {
transform: scale(1.06);
box-shadow: 0 8px 22px rgba(4, 29, 49, 0.28);
}
.float-contact__icon {
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.float-contact__icon img {
width: 28px;
height: 28px;
object-fit: contain;
display: block;
}
.float-contact__icon svg {
display: block;
}
.float-contact__btn--messenger {
background: linear-gradient(135deg, #00b2ff 0%, #006aff 45%, #a033ff 100%);
}
.float-contact__btn--zalo {
background: #0068ff;
}
.float-contact__btn--call {
background: linear-gradient(145deg, #34d399 0%, #16a34a 100%);
}
.back-to-top {
position: fixed;
right: max(0.85rem, env(safe-area-inset-right, 0px));
bottom: calc(1rem + 162px + 1.7rem + 0.75rem);
z-index: 900;
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
background: #FFFFFF;
border: 1px solid rgba(8, 45, 74, 0.08);
border-radius: 50%;
color: #041D31;
opacity: 0;
visibility: hidden;
transform: translateY(8px);
transition: opacity 0.45s, visibility 0.45s, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.back-to-top.is-visible {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.back-to-top:hover {
background: #082D4A;
color: #FFFFFF;
border-color: #082D4A;
}
.section-title {
margin-bottom: 3.5rem;
}
.section-title--center {
text-align: center;
}
.section-title--left {
text-align: left;
}
.section-title__heading {
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: clamp(27px, 2.4vw, 35px);
font-weight: 600;
line-height: 1.2;
letter-spacing: 0;
text-transform: uppercase;
color: #222222;
}
.section-title__sub {
margin-top: 1rem;
max-width: 640px;
font-size: 18px;
font-weight: 400;
color: #222222;
line-height: 1.7;
}
.section-title--center .section-title__sub {
margin-inline: auto;
}
.product-card {
position: relative;
background: #f2f2f2;
border-radius: 0;
overflow: hidden;
transition: box-shadow 0.45s cubic-bezier(0.22, 1, 0.36, 1), transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.product-card:hover {
box-shadow: 0 8px 24px rgba(4, 29, 49, 0.08);
transform: translateY(-4px);
}
.product-card:hover .product-card__image img {
transform: scale(1.06);
}
.product-card:hover .product-card__actions {
opacity: 1;
transform: translateY(0);
}
.product-card:hover .product-card__btn {
opacity: 1;
transform: translateY(0);
}
.product-card__media {
position: relative;
aspect-ratio: 1/1;
overflow: hidden;
background: #fff;
}
.product-card__image {
display: block;
width: 100%;
height: 100%;
background: #fff;
}
.product-card__image img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
background: #fff;
transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
.product-card__actions {
position: absolute;
top: 1rem;
right: 1rem;
display: flex;
flex-direction: column;
gap: 0.5rem;
opacity: 0;
transform: translateY(-6px);
transition: opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1), transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
z-index: 2;
}
.product-card__icon {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background: #FFFFFF;
border-radius: 50%;
color: #041D31;
box-shadow: 0 4px 12px rgba(4, 29, 49, 0.04);
transition: background 0.25s, color 0.25s;
}
.product-card__icon:hover {
background: #082D4A;
color: #FFFFFF;
}
.product-card__body {
padding: 1.25rem 1.25rem 1.5rem;
text-align: center;
background: #f2f2f2;
}
.product-card__title {
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0;
text-transform: none;
margin-bottom: 0.5rem;
color: #222222;
}
.product-card__title a:hover {
color: #082D4A;
}
.product-card__price {
font-size: 15px;
color: #222222;
margin-bottom: 1rem;
}
.product-card__price .woocommerce-Price-amount {
font-weight: 500;
color: #222222;
}
.product-card__price del {
opacity: 0.5;
margin-right: 0.35rem;
}
.product-card__btn {
opacity: 0;
transform: translateY(8px);
transition: opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1), transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.product-card__btn .btn {
min-height: 44px;
padding: 0.65rem 1.5rem;
font-size: 13px;
width: 100%;
}
.product-card__btn .btn--primary,
.product-card__btn .add_to_cart_button {
background: #4A6B3D;
color: #FFFFFF;
}
.product-card__btn .btn--primary:hover,
.product-card__btn .add_to_cart_button:hover {
background: #3A5630;
color: #FFFFFF;
}
@media (max-width: 992px) {
.product-card__btn {
opacity: 1;
transform: none;
}
}
.products-slider {
position: relative;
padding-inline: 0;
overflow: visible;
}
.products-slider .swiper {
margin-inline: clamp(3.25rem, 4vw, 4.5rem);
}
@media (max-width: 768px) {
.products-slider .swiper {
margin-inline: 0;
}
}
.products-slider__nav {
position: absolute;
inset: 0;
z-index: 3;
pointer-events: none;
margin: 0;
}
.products-slider__arrow {
position: absolute;
top: 32%;
transform: translateY(-50%);
pointer-events: auto;
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border: 1px solid rgba(8, 45, 74, 0.08);
border-radius: 50%;
color: #041D31;
background: #FFFFFF;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
transition: background 0.25s, color 0.25s, border-color 0.25s;
}
.products-slider__arrow[data-ceramics-prev], .products-slider__arrow[data-decor-prev] {
left: 0.35rem;
}
.products-slider__arrow[data-ceramics-next], .products-slider__arrow[data-decor-next] {
right: 0.35rem;
}
.products-slider__arrow:hover:not(.swiper-button-disabled) {
background: #082D4A;
border-color: #082D4A;
color: #FFFFFF;
}
.products-slider__arrow.swiper-button-disabled {
opacity: 0.35;
cursor: default;
}
@media (max-width: 768px) {
.products-slider__arrow {
display: none;
}
}
.products-slider .swiper-pagination {
position: static;
margin-top: 2rem;
}
.products-slider .swiper-pagination-bullet {
width: 8px;
height: 8px;
background: #6B6B6B;
opacity: 0.3;
transition: opacity 0.25s, background 0.25s;
}
.products-slider .swiper-pagination-bullet-active {
opacity: 1;
background: #082D4A;
}
.woocommerce-pagination,
.gifts-pagination,
.posts-pagination,
.curio-pagination {
margin-top: 2.75rem;
text-align: center;
}
.woocommerce-pagination ul,
.woocommerce-pagination .nav-links,
.gifts-pagination ul,
.gifts-pagination .nav-links,
.posts-pagination ul,
.posts-pagination .nav-links,
.curio-pagination ul,
.curio-pagination .nav-links {
display: inline-flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 0.55rem;
list-style: none;
margin: 0;
padding: 0;
}
.woocommerce-pagination li,
.gifts-pagination li,
.posts-pagination li,
.curio-pagination li {
list-style: none;
margin: 0;
padding: 0;
}
.woocommerce-pagination .page-numbers,
.gifts-pagination .page-numbers,
.posts-pagination .page-numbers,
.curio-pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 42px;
height: 42px;
padding: 0 0.65rem;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.04em;
color: #222222;
background: #FFFFFF;
border: 1px solid rgba(34, 34, 34, 0.14);
text-decoration: none;
transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease;
}
.woocommerce-pagination .page-numbers:hover,
.gifts-pagination .page-numbers:hover,
.posts-pagination .page-numbers:hover,
.curio-pagination .page-numbers:hover {
border-color: #222222;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}
.woocommerce-pagination .page-numbers.current,
.gifts-pagination .page-numbers.current,
.posts-pagination .page-numbers.current,
.curio-pagination .page-numbers.current {
background: #222222;
border-color: #222222;
color: #FFFFFF;
box-shadow: none;
pointer-events: none;
}
.woocommerce-pagination .page-numbers.dots,
.gifts-pagination .page-numbers.dots,
.posts-pagination .page-numbers.dots,
.curio-pagination .page-numbers.dots {
border-color: transparent;
background: transparent;
min-width: 28px;
pointer-events: none;
}
.woocommerce-pagination .page-numbers.dots:hover,
.gifts-pagination .page-numbers.dots:hover,
.posts-pagination .page-numbers.dots:hover,
.curio-pagination .page-numbers.dots:hover {
box-shadow: none;
}
.woocommerce-pagination .page-numbers.next, .woocommerce-pagination .page-numbers.prev,
.gifts-pagination .page-numbers.next,
.gifts-pagination .page-numbers.prev,
.posts-pagination .page-numbers.next,
.posts-pagination .page-numbers.prev,
.curio-pagination .page-numbers.next,
.curio-pagination .page-numbers.prev {
font-size: 18px;
font-weight: 400;
line-height: 1;
}
.posts-pagination {
display: flex;
justify-content: center;
}
.posts-pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 42px;
height: 42px;
padding: 0 0.65rem;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.04em;
color: #222222;
background: #FFFFFF;
border: 1px solid rgba(34, 34, 34, 0.14);
text-decoration: none;
transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease;
}
.posts-pagination .page-numbers:hover {
border-color: #222222;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}
.posts-pagination .page-numbers.current {
background: #222222;
border-color: #222222;
color: #FFFFFF;
box-shadow: none;
pointer-events: none;
}
.posts-pagination .page-numbers.dots {
border-color: transparent;
background: transparent;
min-width: 28px;
pointer-events: none;
}
.posts-pagination .page-numbers.dots:hover {
box-shadow: none;
}
.posts-pagination .page-numbers.next, .posts-pagination .page-numbers.prev {
font-size: 18px;
font-weight: 400;
line-height: 1;
}
.curio-ajax-loading,
.gifts-grid-section.is-loading {
position: relative;
}
.curio-ajax-loading .gifts-products,
.curio-ajax-loading .products,
.curio-ajax-loading [data-ajax-list],
.gifts-grid-section.is-loading .gifts-products,
.gifts-grid-section.is-loading .products,
.gifts-grid-section.is-loading [data-ajax-list] {
opacity: 0.35;
pointer-events: none;
transition: opacity 0.3s ease;
filter: saturate(0.85);
}
.curio-ajax-loading::after,
.gifts-grid-section.is-loading::after {
content: "";
position: absolute;
left: 50%;
top: 42%;
z-index: 5;
width: 36px;
height: 36px;
margin: -18px 0 0 -18px;
border: 2px solid rgba(34, 34, 34, 0.12);
border-top-color: #222222;
border-radius: 50%;
animation: curio-spin 0.7s linear infinite;
}
@keyframes curio-spin {
to {
transform: rotate(360deg);
}
}
@media (prefers-reduced-motion: reduce) {
.curio-ajax-loading::after,
.gifts-grid-section.is-loading::after {
animation: none;
border-top-color: #222222;
opacity: 0.7;
}
}
.hero {
position: relative;
width: 100%;
height: min(850px, 100vh);
min-height: 560px;
overflow: hidden;
background: #041D31;
}
@media (max-width: 768px) {
.hero {
height: 70vh;
min-height: 480px;
}
}
.hero__slider {
width: 100%;
height: 100%;
}
.hero__slide {
position: relative;
width: 100%;
height: 100%;
}
.hero__slide--video, .hero__slide--embed, .hero__slide--youtube, .hero__slide--facebook {
position: absolute;
inset: 0;
}
.hero__media {
position: absolute;
inset: 0;
overflow: hidden;
}
.hero__media picture,
.hero__media .curio-responsive-banner {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
}
.hero__media img,
.hero__media video.hero__video {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transform: scale(1.06);
transition: transform 6.5s cubic-bezier(0.22, 1, 0.36, 1);
will-change: transform;
}
.hero__media video.hero__video {
transform: none;
will-change: auto;
pointer-events: none;
}
.hero__media .hero__embed,
.hero__media .hero__youtube {
position: absolute;
inset: 0;
overflow: hidden;
pointer-events: none;
}
.hero__media .hero__embed iframe,
.hero__media .hero__youtube iframe {
position: absolute;
top: 50%;
left: 50%;
width: 100vw;
height: 56.25vw;
min-height: 100%;
min-width: 177.78%;
border: 0;
transform: translate(-50%, -50%);
}
.hero__media::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(4, 29, 49, 0.15) 0%, rgba(4, 29, 49, 0.08) 45%, rgba(4, 29, 49, 0.28) 100%);
}
.swiper-slide-active .hero__media img {
transform: scale(1);
}
.hero__content {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
text-align: center;
padding: 88px 30px 30px;
color: #FFFFFF;
pointer-events: none;
}
.hero__content .btn {
pointer-events: auto;
}
.hero__content .hero__title,
.hero__content .hero__caption,
.hero__content .btn {
opacity: 0;
transition: opacity 0.85s cubic-bezier(0.22, 1, 0.36, 1), transform 0.85s cubic-bezier(0.22, 1, 0.36, 1);
will-change: opacity, transform;
}
.hero__content .hero__caption {
transition-delay: 0.12s;
}
.hero__content .btn {
transition-delay: 0.24s;
}
.hero__content.is-visible .hero__title,
.hero__content.is-visible .hero__caption,
.hero__content.is-visible .btn {
opacity: 1;
transform: none;
}
.hero[data-hero-content-anim=fade-up] .hero__content .hero__title,
.hero[data-hero-content-anim=fade-up] .hero__content .hero__caption,
.hero[data-hero-content-anim=fade-up] .hero__content .btn {
transform: translateY(28px);
}
.hero[data-hero-content-anim=fade-in] .hero__content .hero__title,
.hero[data-hero-content-anim=fade-in] .hero__content .hero__caption,
.hero[data-hero-content-anim=fade-in] .hero__content .btn {
transform: none;
}
.hero[data-hero-content-anim=zoom-in] .hero__content .hero__title,
.hero[data-hero-content-anim=zoom-in] .hero__content .hero__caption,
.hero[data-hero-content-anim=zoom-in] .hero__content .btn {
transform: scale(0.94);
}
.hero[data-hero-content-anim=slide-left] .hero__content .hero__title,
.hero[data-hero-content-anim=slide-left] .hero__content .hero__caption,
.hero[data-hero-content-anim=slide-left] .hero__content .btn {
transform: translateX(36px);
}
.hero__title {
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: clamp(27px, 4vw, 36px);
font-weight: 400;
letter-spacing: 0.06em;
color: #FFFFFF;
margin-bottom: 1rem;
max-width: 900px;
}
.hero__caption {
font-size: 18px;
font-weight: 300;
letter-spacing: 0.08em;
opacity: 0.85;
margin-bottom: 2.5rem;
max-width: 560px;
}
.hero__pagination {
position: absolute;
bottom: 2.5rem;
left: 50%;
transform: translateX(-50%);
z-index: 3;
display: flex;
gap: 0.5rem;
}
.hero__pagination .swiper-pagination-bullet {
width: 40px;
height: 2px;
border-radius: 0;
background: rgba(255, 255, 255, 0.35);
opacity: 1;
transition: background 0.45s, width 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.hero__pagination .swiper-pagination-bullet-active {
background: #FFFFFF;
width: 56px;
}
.hero__nav {
position: absolute;
top: 50%;
z-index: 4;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
color: #FFFFFF;
opacity: 0.7;
transition: opacity 0.25s;
}
.hero__nav:hover {
opacity: 1;
}
.hero__nav--prev {
left: 1.25rem;
}
.hero__nav--next {
right: 1.25rem;
}
@media (max-width: 768px) {
.hero__nav {
display: none;
}
}
@media (prefers-reduced-motion: reduce) {
.hero__media img {
transform: none !important;
transition: none !important;
}
.hero__content .hero__title,
.hero__content .hero__caption,
.hero__content .btn {
opacity: 1 !important;
transform: none !important;
transition: none !important;
}
}
.concept {
padding-block: 80px;
background: #f2f2f2;
}
@media (max-width: 992px) {
.concept {
padding-block: 60px;
}
}
@media (max-width: 768px) {
.concept {
padding-block: 48px;
}
}
.concept__wrap {
width: 100%;
max-width: 1600px;
margin-inline: auto;
padding-inline: clamp(16px, 2.5vw, 40px);
}
.concept__header {
margin-bottom: 2.75rem;
}
.concept__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
}
@media (max-width: 992px) {
.concept__grid {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
}
@media (max-width: 768px) {
.concept__grid {
grid-template-columns: repeat(2, 1fr);
gap: 8px;
}
}
@media (max-width: 768px) {
.concept__grid--desktop {
display: none;
}
}
.concept__grid--mobile {
display: none;
}
@media (max-width: 768px) {
.concept__grid--mobile {
display: grid;
}
}
.concept-title {
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: clamp(27px, 2.5vw, 36px) !important;
line-height: 1.1 !important;
letter-spacing: 0.5px !important;
text-transform: uppercase;
font-weight: 400 !important;
color: #000 !important;
}
.concept-title__strong {
font-weight: 700;
}
.concept-title__light {
font-weight: 400;
}
.concept-block {
position: relative;
overflow: hidden;
border-radius: 0;
aspect-ratio: 3/4.2;
min-height: 280px;
background: #eaeae6;
}
@media (max-width: 1280px) {
.concept-block {
aspect-ratio: 3/4;
}
}
@media (max-width: 768px) {
.concept-block {
aspect-ratio: 3/4;
min-height: 0;
}
}
.concept-block__link {
display: block;
width: 100%;
height: 100%;
padding: 0;
border: 0;
background: transparent;
cursor: pointer;
color: inherit;
text-align: inherit;
font: inherit;
}
.concept-block__media {
position: absolute;
inset: 0;
}
.concept-block__media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
.concept-block__overlay {
position: absolute;
inset: 0;
background: rgba(4, 29, 49, 0.22);
opacity: 0;
transition: opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1);
pointer-events: none;
}
.concept-block__label {
position: absolute;
inset: 0;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: clamp(27px, 2.5vw, 36px);
font-weight: 400;
font-style: normal;
letter-spacing: 0.5px;
line-height: 1.1;
color: #FFFFFF;
text-align: center;
padding: 1rem;
pointer-events: none;
}
.concept-block--text {
background: #082D4A;
cursor: default;
}
.concept-block--text .concept-block__link {
cursor: default;
}
.concept-block--text .concept-block__label {
opacity: 1;
}
.concept-block__placeholder {
width: 100%;
height: 100%;
background: linear-gradient(145deg, #e8e8e4, #d4d8de);
}
.concept-block:hover .concept-block__media img {
transform: scale(1.05);
}
.concept-block:hover .concept-block__overlay {
opacity: 1;
}
.concept-lightbox {
position: fixed;
inset: 0;
z-index: 2000;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.45s;
}
.concept-lightbox.is-open {
opacity: 1;
visibility: visible;
}
.concept-lightbox[hidden] {
display: none;
}
.concept-lightbox:not([hidden]) {
display: flex;
}
.concept-lightbox__backdrop {
position: absolute;
inset: 0;
background: rgba(4, 29, 49, 0.92);
}
.concept-lightbox__close {
position: absolute;
top: 1.25rem;
right: 1.25rem;
z-index: 5;
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
color: #FFFFFF;
opacity: 0.85;
}
.concept-lightbox__close:hover {
opacity: 1;
}
.concept-lightbox__nav {
position: absolute;
top: 50%;
z-index: 5;
transform: translateY(-50%);
width: 56px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
color: #FFFFFF;
opacity: 0.75;
}
.concept-lightbox__nav:hover {
opacity: 1;
}
.concept-lightbox__nav--prev {
left: 1rem;
}
.concept-lightbox__nav--next {
right: 1rem;
}
@media (max-width: 768px) {
.concept-lightbox__nav {
width: 44px;
height: 44px;
}
.concept-lightbox__nav--prev {
left: 0.35rem;
}
.concept-lightbox__nav--next {
right: 0.35rem;
}
}
.concept-lightbox__slider {
position: relative;
z-index: 2;
width: min(980px, 82vw);
height: min(86vh, 980px);
}
@media (max-width: 768px) {
.concept-lightbox__slider {
width: 90vw;
height: 72vh;
}
}
.concept-lightbox__figure {
margin: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.concept-lightbox__figure img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
box-shadow: 0 24px 64px rgba(0, 0, 0, 0.35);
}
.concept-lightbox .swiper-slide {
display: flex;
align-items: center;
justify-content: center;
opacity: 0.35;
transform: scale(0.88);
transition: opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1), transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.concept-lightbox .swiper-slide-active {
opacity: 1;
transform: scale(1);
}
.concept-lightbox__counter {
position: absolute;
bottom: 1.5rem;
left: 50%;
transform: translateX(-50%);
z-index: 5;
margin: 0;
font-size: 15px;
letter-spacing: 0.08em;
color: rgba(255, 255, 255, 0.85);
}
.story {
padding-block: 80px;
background: #FFFFFF;
}
@media (max-width: 992px) {
.story {
padding-block: 60px;
}
}
@media (max-width: 768px) {
.story {
padding-block: 48px;
}
}
.story__inner {
max-width: 1600px;
}
.story__intro {
max-width: 820px;
margin: 0 auto 3.5rem;
text-align: center;
}
.story__title {
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: clamp(27px, 2.4vw, 35px);
font-weight: 600;
letter-spacing: 0;
text-transform: uppercase;
line-height: 1.2;
color: #222222;
margin-bottom: 1.75rem;
text-wrap: balance;
}
.story__text {
font-size: 18px;
color: #222222;
line-height: 1.7;
}
.story__text p + p {
margin-top: 1.1rem;
}
.story__gallery {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
margin-bottom: 2.75rem;
}
@media (max-width: 768px) {
.story__gallery {
grid-template-columns: 1fr;
gap: 16px;
}
}
.story__figure {
margin: 0;
overflow: hidden;
border-radius: 0;
aspect-ratio: 4/3;
background: #ecece8;
}
.story__figure img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.story__cta {
text-align: center;
}
.story__cta .btn--ghost .btn__label {
font-size: 15px;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.products-section {
padding-block: 80px;
background: #f2f2f2;
overflow: visible;
}
@media (max-width: 992px) {
.products-section {
padding-block: 60px;
}
}
@media (max-width: 768px) {
.products-section {
padding-block: 48px;
}
}
.products-section--alt {
background: #FFFFFF;
}
.products-section__header {
width: 100%;
max-width: 1600px;
margin-inline: auto;
padding-inline: 5%;
}
@media (max-width: 992px) {
.products-section__header {
padding-inline: 24px;
}
}
@media (max-width: 768px) {
.products-section__header {
padding-inline: 16px;
}
}
.products-section__slider-wrap {
width: 100%;
max-width: min(100%, 1696px);
margin-inline: auto;
padding-inline: 0;
overflow: visible;
}
@media (max-width: 768px) {
.products-section__slider-wrap {
padding-inline: 16px;
}
}
.footer-cta {
padding-block: 80px;
background: #082D4A;
color: #FFFFFF;
text-align: center;
}
@media (max-width: 992px) {
.footer-cta {
padding-block: 60px;
}
}
@media (max-width: 768px) {
.footer-cta {
padding-block: 48px;
}
}
.footer-cta__inner {
width: 100%;
max-width: 720px;
margin-inline: auto;
padding-inline: 5%;
}
@media (max-width: 992px) {
.footer-cta__inner {
padding-inline: 24px;
}
}
@media (max-width: 768px) {
.footer-cta__inner {
padding-inline: 16px;
}
}
.footer-cta__title {
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: clamp(28px, 3vw, 35px);
color: #FFFFFF;
margin-bottom: 1rem;
}
.footer-cta__text {
font-size: 18px;
opacity: 0.8;
margin-bottom: 2rem;
}
.breadcrumbs {
padding-block: 1.5rem;
font-size: 15px;
color: #6B6B6B;
}
.breadcrumbs__list {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.35rem;
margin: 0;
padding: 0;
list-style: none;
}
.breadcrumbs__item {
display: inline-flex;
align-items: center;
}
.breadcrumbs__sep {
margin-inline: 0.15rem;
opacity: 0.55;
}
.breadcrumbs a {
color: inherit;
text-decoration: none;
}
.breadcrumbs [aria-current=page] {
color: #6B6B6B;
}
[data-reveal] {
opacity: 0;
transform: translateY(28px);
}
[data-reveal].is-revealed {
opacity: 1;
transform: none;
}
[data-reveal-image] {
clip-path: inset(0 100% 0 0);
}
[data-reveal-image].is-revealed {
clip-path: inset(0 0 0 0);
}
.page-hero {
padding-top: calc(88px + 60px);
padding-bottom: 48px;
background: #f2f2f2;
text-align: center;
}
.page-hero__inner {
max-width: 800px;
margin-inline: auto;
}
.page-hero__eyebrow {
letter-spacing: 0.02em;
text-transform: uppercase;
color: #6B6B6B;
margin-bottom: 1rem;
}
.page-hero__title {
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: clamp(32px, 4vw, 36px);
font-weight: 500;
color: #041D31;
margin-bottom: 1rem;
}
.page-hero__lead {
font-size: 18px;
color: #6B6B6B;
line-height: 1.7;
max-width: 560px;
margin-inline: auto;
}
.page-hero--journal {
text-align: left;
}
.page-hero--journal .page-hero__inner {
margin-inline: 0;
max-width: 1600px;
}
.page-editorial__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: clamp(2rem, 5vw, 5rem);
align-items: center;
}
@media (max-width: 992px) {
.page-editorial__grid {
grid-template-columns: 1fr;
}
}
.page-editorial__content {
font-size: 18px;
color: #222222;
line-height: 1.7;
}
.page-editorial__aside {
border-radius: 0;
overflow: hidden;
aspect-ratio: 4/5;
background: #e8e8e4;
}
@media (max-width: 992px) {
.page-editorial__aside {
order: -1;
aspect-ratio: 16/10;
max-height: 420px;
}
}
.page-editorial__image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.page-editorial__placeholder {
width: 100%;
height: 100%;
background: linear-gradient(160deg, #e8e8e4, #d0d5dc);
}
.page-editorial__narrow {
max-width: 720px;
margin-inline: auto;
}
.page-editorial__feature {
margin-top: 48px;
border-radius: 0;
overflow: hidden;
max-width: 1600px;
}
.page-editorial__feature-img {
width: 100%;
height: auto;
display: block;
}
.entry-content {
font-size: 18px;
line-height: 1.7;
color: #222222;
}
.entry-content h2, .entry-content h3 {
margin: 2rem 0 1rem;
}
.entry-content p {
margin-bottom: 1.25rem;
}
.entry-content strong,
.entry-content b {
font-weight: 600;
}
.entry-content a {
text-decoration: underline;
text-underline-offset: 3px;
}
.entry-content ul, .entry-content ol {
margin: 0 0 1.25rem 1.25rem;
list-style: disc;
}
.entry-content ul li, .entry-content ol li {
margin-bottom: 0.4rem;
}
.entry-content ol {
list-style: decimal;
}
.contact-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: clamp(2rem, 5vw, 4rem);
}
@media (max-width: 992px) {
.contact-grid {
grid-template-columns: 1fr;
}
}
.contact-list {
margin-top: 1.5rem;
}
.contact-list li {
display: grid;
gap: 0.25rem;
padding: 1rem 0;
border-bottom: 1px solid rgba(8, 45, 74, 0.08);
}
.contact-list__label {
font-size: 13px;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #6B6B6B;
}
.contact-form {
display: flex;
flex-direction: column;
gap: 1.25rem;
margin-top: 1.5rem;
}
.contact-form__intro {
margin: 0 0 0.25rem;
color: #6B6B6B;
line-height: 1.7;
}
.contact-form__success {
margin: 0;
padding: 0.85rem 1rem;
background: rgba(22, 163, 74, 0.08);
color: #166534;
border-radius: 0;
}
.contact-form__field {
display: flex;
flex-direction: column;
gap: 0.5rem;
font-size: 15px;
}
.contact-form__field input,
.contact-form__field textarea {
width: 100%;
padding: 0.9rem 1.1rem;
border: 1px solid rgba(8, 45, 74, 0.08);
border-radius: 0;
background: #FFFFFF;
outline: none;
transition: border-color 0.25s;
}
.contact-form__field input:focus,
.contact-form__field textarea:focus {
border-color: #082D4A;
}
.page-contact__banner {
height: min(520px, 42vw);
width: 100%;
overflow: hidden;
background: #041D31;
}
@media (max-width: 768px) {
.page-contact__banner {
height: auto;
aspect-ratio: 1.3392857143;
}
}
.page-contact__banner picture,
.page-contact__banner .curio-responsive-banner,
.page-contact__banner img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.page-contact__map {
padding-top: 0;
}
.page-contact__map-title {
margin: 0 0 1.25rem;
}
.page-contact__map-frame {
position: relative;
width: 100%;
aspect-ratio: 16/9;
overflow: hidden;
background: #e8e8e4;
}
.page-contact__map-frame iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
}
.posts-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
@media (max-width: 992px) {
.posts-grid {
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
}
@media (max-width: 768px) {
.posts-grid {
grid-template-columns: 1fr;
}
}
.post-card__media {
display: block;
aspect-ratio: 4/3;
border-radius: 0;
overflow: hidden;
background: #e8e8e4;
margin-bottom: 1.25rem;
}
.post-card__media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
.post-card__media:hover img {
transform: scale(1.05);
}
.post-card__placeholder {
display: block;
width: 100%;
height: 100%;
background: linear-gradient(145deg, #e8e8e4, #d4d8de);
}
.post-card__date {
margin-bottom: 0.5rem;
}
.post-card__title {
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: clamp(20px, 2vw, 24px);
font-weight: 500;
margin-bottom: 0.5rem;
line-height: 1.2;
}
.post-card__excerpt {
font-size: 15px;
}
body:not(.has-transparent-header) .site-header {
background: rgba(255, 255, 255, 0.96);
backdrop-filter: blur(12px);
box-shadow: 0 1px 0 rgba(8, 45, 74, 0.08);
}
body:not(.has-transparent-header) .site-header .site-logo--text,
body:not(.has-transparent-header) .site-header .primary-menu a,
body:not(.has-transparent-header) .site-header .header-action {
color: #041D31;
}
body:not(.has-transparent-header) .site-header .site-logo__img {
filter: none;
}
.artworks-page {
background: #f2f2f2;
padding-top: var(--header-h, 72px);
padding-bottom: 80px;
position: relative;
}
.artworks-hero {
position: relative;
width: 100%;
height: min(520px, 42vw);
background: transparent;
z-index: 0;
}
@media (max-width: 768px) {
.artworks-hero {
height: auto;
aspect-ratio: 1.3392857143;
}
}
.artworks-hero__bg {
position: fixed;
top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--header-h, 72px));
left: 0;
width: 100%;
height: min(520px, 42vw);
z-index: 0;
background-color: transparent;
overflow: hidden;
pointer-events: none;
}
@media (max-width: 768px) {
.artworks-hero__bg {
height: auto;
aspect-ratio: 1.3392857143;
}
}
.artworks-hero__bg img,
.artworks-hero__bg picture {
width: 100%;
height: 100%;
display: block;
}
.artworks-hero__bg img {
object-fit: cover;
object-position: center center;
}
.artworks-block {
position: relative;
z-index: 1;
padding-block: clamp(3.5rem, 7vw, 6rem);
background: #f2f2f2;
}
.artworks-block__inner {
width: 100%;
max-width: 1280px;
margin-inline: auto;
padding-inline: clamp(20px, 4vw, 48px);
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
gap: clamp(2.5rem, 5vw, 5rem);
align-items: center;
}
@media (max-width: 992px) {
.artworks-block__inner {
grid-template-columns: 1fr;
gap: 2rem;
}
}
.artworks-block__inner--narrow {
display: block;
max-width: 720px;
text-align: left;
}
.artworks-block--son-ta {
background: #FFFFFF;
}
.artworks-block--center {
background: #f2f2f2;
}
.artworks-block--artist {
padding-block: 0;
padding-inline: 0;
background: #FFFFFF;
}
.artworks-block--artist .artworks-block__inner--artist {
max-width: none;
width: 100%;
margin-inline: 0;
padding-inline: 0;
grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
gap: clamp(1.75rem, 3.5vw, 3.5rem);
align-items: center;
}
@media (max-width: 992px) {
.artworks-block--artist .artworks-block__inner--artist {
grid-template-columns: 1fr;
gap: 2rem;
padding-inline: 0;
}
}
.artworks-block--artist .artworks-block__visual {
margin: 0;
width: 100%;
}
.artworks-block--artist .artworks-block__visual img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
}
@media (max-width: 992px) {
.artworks-block--artist .artworks-block__visual {
width: 100%;
}
}
.artworks-block--artist .artworks-block__copy {
max-width: 30rem;
padding-block: clamp(2.5rem, 5vw, 4rem);
padding-inline: clamp(1.25rem, 3vw, 2rem) clamp(1.5rem, 5vw, 4.5rem);
}
@media (max-width: 992px) {
.artworks-block--artist .artworks-block__copy {
max-width: none;
padding-inline: clamp(20px, 5vw, 40px);
padding-block: 0 3rem;
}
}
.artworks-block--artist .artworks-block__title {
font-size: clamp(22px, 2.2vw, 27px);
font-weight: 500;
line-height: 1.4;
letter-spacing: 0;
color: #222;
margin: 0 0 1.35rem;
}
.artworks-block--artist .artworks-block__text {
font-size: 15px;
font-weight: 300;
line-height: 1.85;
color: #4a4a4a;
margin: 0 0 1.75rem;
}
.artworks-block--artist .artworks-block__more {
font-size: 13px;
font-weight: 500;
letter-spacing: 0.06em;
}
.artworks-block__visual {
margin: 0;
}
.artworks-block__visual img {
width: 100%;
height: auto;
display: block;
}
.artworks-block__copy {
max-width: 34rem;
}
.artworks-block__title {
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: clamp(22px, 2.4vw, 28px);
font-weight: 500;
line-height: 1.35;
color: #222222;
margin: 0 0 1.25rem;
}
.artworks-block__text {
font-size: 16px;
font-weight: 300;
line-height: 1.75;
color: #222222;
margin: 0 0 1.5rem;
}
.artworks-block__text--rich p {
margin: 0 0 1rem;
font-size: 16px;
font-weight: 300;
line-height: 1.75;
}
.artworks-block__more {
display: inline-block;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.08em;
text-transform: uppercase;
text-decoration: underline;
text-underline-offset: 4px;
color: #222222;
}
.artworks-block__more:hover {
opacity: 0.7;
}
.artworks-grid-section {
position: relative;
z-index: 1;
padding-block: clamp(3rem, 5vw, 4.5rem) 60px;
background: #f2f2f2;
}
.artworks-grid-section__inner {
width: 100%;
max-width: 1200px;
margin-inline: auto;
padding-inline: clamp(20px, 4vw, 48px);
}
.artworks-grid-section__rule {
display: block;
width: min(100%, 920px);
height: 0;
margin: 0 auto 1.75rem;
border: 0;
border-top: 1px solid #bdbdbd;
}
.artworks-grid-section__title {
text-align: center;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: clamp(18px, 2vw, 22px);
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
margin: 0 0 2.5rem;
color: #222222;
}
.artworks-grid-section__cta {
text-align: center;
margin-top: 2.5rem;
}
.artworks-grid-section__empty {
text-align: center;
color: #6B6B6B;
}
.artworks-grid-section .artworks-products {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1.5rem 1.25rem;
list-style: none;
margin: 0;
padding: 0;
}
@media (max-width: 992px) {
.artworks-grid-section .artworks-products {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.artworks-grid-section .artworks-products {
grid-template-columns: 1fr;
max-width: 360px;
margin-inline: auto;
}
}
.artworks-grid-section .artworks-products::before, .artworks-grid-section .artworks-products::after {
display: none;
}
.artworks-grid-section .artworks-products li.product {
width: 100% !important;
margin: 0 !important;
float: none !important;
}
.artworks-grid-section .artworks-products .product-card {
background: transparent;
box-shadow: none;
border-radius: 0;
overflow: hidden;
transition: box-shadow 0.3s ease;
}
.artworks-grid-section .artworks-products .product-card:hover {
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.1);
transform: none;
}
.artworks-grid-section .artworks-products .product-card:hover .product-card__image img {
transform: none;
}
.artworks-grid-section .artworks-products .product-card:hover .product-card__actions {
opacity: 1;
visibility: visible;
}
.artworks-grid-section .artworks-products .product-card__media {
aspect-ratio: 1/1;
background: #fff;
}
.artworks-grid-section .artworks-products .product-card__btn {
display: none;
}
.artworks-grid-section .artworks-products .product-card__actions {
display: flex;
top: 50%;
left: 50%;
right: auto;
bottom: auto;
flex-direction: row;
gap: 0;
opacity: 0;
visibility: hidden;
transform: translate(-50%, -50%);
transition: opacity 0.28s ease, visibility 0.28s ease;
pointer-events: none;
}
.artworks-grid-section .artworks-products .product-card__actions [data-wishlist] {
display: none;
}
.artworks-grid-section .artworks-products .product-card__icon {
width: 48px;
height: 48px;
background: #fff;
color: #222;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.14);
pointer-events: auto;
}
.artworks-grid-section .artworks-products .product-card__icon:hover {
background: #fff;
color: #222;
opacity: 0.92;
}
.artworks-grid-section .artworks-products .product-card__icon svg {
width: 20px;
height: 20px;
}
.artworks-grid-section .artworks-products .product-card__body {
padding: 1rem 0.75rem 1.15rem;
text-align: center;
background: #f2f2f2;
}
.artworks-grid-section .artworks-products .product-card__title {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.04em;
font-weight: 500;
}
.artworks-grid-section .artworks-products .product-card__price {
font-size: 14px;
font-weight: 600;
margin: 0;
}
@media (prefers-reduced-motion: reduce) {
.artworks-hero__bg {
position: absolute;
inset: 0;
height: 100% !important;
min-height: 0 !important;
}
}
.gifts-page {
background: #f2f2f2;
padding-top: var(--header-h, 72px);
padding-bottom: 80px;
}
.gifts-hero {
position: relative;
width: 100%;
height: min(520px, 42vw);
margin-top: 0;
background: #f2f2f2;
}
@media (max-width: 768px) {
.gifts-hero {
height: auto;
aspect-ratio: 1.3392857143;
}
}
.gifts-hero__slider {
width: 100%;
height: 100%;
}
.gifts-hero__media {
margin: 0;
width: 100%;
height: 100%;
}
.gifts-hero__media picture,
.gifts-hero__media .curio-responsive-banner {
display: block;
width: 100%;
height: 100%;
}
.gifts-hero__media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.gifts-hero .swiper,
.gifts-hero .swiper-wrapper,
.gifts-hero .swiper-slide {
height: 100%;
}
.gifts-hero__nav {
position: absolute;
top: 50%;
z-index: 3;
transform: translateY(-50%);
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
border: 0;
border-radius: 50%;
background: rgba(255, 255, 255, 0.55);
color: #222;
cursor: pointer;
transition: background 0.25s ease, color 0.25s ease;
}
.gifts-hero__nav:hover {
background: rgba(255, 255, 255, 0.9);
}
.gifts-hero__nav--prev {
left: clamp(8px, 2vw, 20px);
}
.gifts-hero__nav--next {
right: clamp(8px, 2vw, 20px);
}
@media (max-width: 768px) {
.gifts-hero__nav {
width: 32px;
height: 32px;
}
.gifts-hero__nav svg {
width: 16px;
height: 16px;
}
.gifts-hero__nav--prev {
left: 8px;
}
.gifts-hero__nav--next {
right: 8px;
}
}
.gifts-story {
padding-block: clamp(3.5rem, 7vw, 5.5rem);
background: #f2f2f2;
}
.gifts-story__inner {
width: 100%;
max-width: 1180px;
margin-inline: auto;
padding-inline: clamp(20px, 4vw, 48px);
}
.gifts-story__headline {
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: clamp(20px, 2.3vw, 26px);
font-weight: 600;
line-height: 1.45;
color: #222;
margin: 0 0 1.35rem;
}
.gifts-story__row {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: clamp(2rem, 5vw, 4.5rem);
align-items: center;
margin-bottom: clamp(3rem, 6vw, 5rem);
}
.gifts-story__row:last-child {
margin-bottom: 0;
}
@media (max-width: 992px) {
.gifts-story__row {
grid-template-columns: 1fr;
gap: 1.75rem;
}
}
@media (max-width: 992px) {
.gifts-story__row--text-media .gifts-story__media {
order: 2;
}
.gifts-story__row--text-media .gifts-story__copy {
order: 1;
}
}
@media (max-width: 992px) {
.gifts-story__row--media-text .gifts-story__media {
order: 1;
}
.gifts-story__row--media-text .gifts-story__copy {
order: 2;
}
}
.gifts-story__copy {
font-size: 15px;
font-weight: 300;
line-height: 1.85;
color: #444;
max-width: 34rem;
}
.gifts-story__copy p {
margin: 0 0 1.1rem;
}
.gifts-story__copy p:last-child {
margin-bottom: 0;
}
.gifts-story__media {
margin: 0;
}
.gifts-story__media img {
width: 100%;
height: auto;
display: block;
}
.gifts-grid-section {
padding-block: clamp(2rem, 4vw, 3.5rem) 60px;
background: #f2f2f2;
}
.gifts-grid-section__inner {
width: 100%;
max-width: 1200px;
margin-inline: auto;
padding-inline: clamp(20px, 4vw, 48px);
}
.gifts-grid-section__empty {
text-align: center;
color: #6B6B6B;
}
.gifts-grid-section .gifts-products {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1.5rem 1.25rem;
list-style: none;
margin: 0;
padding: 0;
}
@media (max-width: 992px) {
.gifts-grid-section .gifts-products {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.gifts-grid-section .gifts-products {
grid-template-columns: 1fr;
max-width: 360px;
margin-inline: auto;
}
}
.gifts-grid-section .gifts-products::before, .gifts-grid-section .gifts-products::after {
display: none;
}
.gifts-grid-section .gifts-products li.product {
width: 100% !important;
margin: 0 !important;
float: none !important;
display: flex;
flex-direction: column;
height: 100%;
}
.gifts-grid-section .gifts-products .product-card {
background: transparent;
box-shadow: none;
border-radius: 0;
overflow: hidden;
transition: box-shadow 0.3s ease;
display: flex;
flex-direction: column;
height: 100%;
flex: 1;
}
.gifts-grid-section .gifts-products .product-card:hover {
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.1);
transform: none;
}
.gifts-grid-section .gifts-products .product-card:hover .product-card__image img {
transform: none;
}
.gifts-grid-section .gifts-products .product-card:hover .product-card__actions {
opacity: 1;
visibility: visible;
}
.gifts-grid-section .gifts-products .product-card__media {
aspect-ratio: 1/1;
background: #fff;
flex-shrink: 0;
}
.gifts-grid-section .gifts-products .product-card__btn {
display: none;
}
.gifts-grid-section .gifts-products .product-card__actions {
display: flex;
top: 50%;
left: 50%;
right: auto;
flex-direction: row;
gap: 0;
opacity: 0;
visibility: hidden;
transform: translate(-50%, -50%);
transition: opacity 0.28s ease, visibility 0.28s ease;
pointer-events: none;
}
.gifts-grid-section .gifts-products .product-card__actions [data-wishlist] {
display: none;
}
.gifts-grid-section .gifts-products .product-card__icon {
width: 48px;
height: 48px;
background: #fff;
color: #222;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.14);
pointer-events: auto;
}
.gifts-grid-section .gifts-products .product-card__icon:hover {
background: #fff;
color: #222;
}
.gifts-grid-section .gifts-products .product-card__body {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 0.35rem;
min-height: 5.25rem;
padding: 1rem 0.75rem 1.15rem;
text-align: center;
background: #f2f2f2;
}
.gifts-grid-section .gifts-products .product-card__title {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.02em;
font-weight: 500;
margin: 0;
min-height: 2.6em;
display: flex;
align-items: center;
justify-content: center;
}
.gifts-grid-section .gifts-products .product-card__price {
font-size: 14px;
font-weight: 600;
margin: 0;
min-height: 1.4em;
line-height: 1.4;
}
.gifts-grid-section .gifts-products .product-card__price:empty::before {
content: " ";
}
.blog-category-page {
background: #f2f2f2;
padding-top: var(--header-h, 72px);
padding-bottom: 80px;
}
.blog-category-header {
text-align: center;
padding: clamp(2.5rem, 5vw, 3.5rem) clamp(20px, 4vw, 48px) clamp(2rem, 4vw, 2.75rem);
}
.blog-category-header__title {
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: clamp(22px, 2.8vw, 32px);
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #222;
margin: 0;
line-height: 1.3;
}
.blog-category-header__desc {
max-width: 720px;
margin: 1rem auto 0;
font-size: 15px;
font-weight: 300;
line-height: 1.7;
color: #666;
}
.blog-category-posts__inner {
width: 100%;
max-width: none;
margin-inline: 0;
padding-inline: clamp(16px, 2vw, 28px);
}
.blog-category-posts__empty {
text-align: center;
color: #6B6B6B;
padding: 3rem 0;
}
.blog-posts-magazine {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(1.25rem, 2.5vw, 2rem) clamp(1rem, 2vw, 1.5rem);
}
@media (max-width: 992px) {
.blog-posts-magazine {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.blog-posts-magazine {
grid-template-columns: 1fr;
max-width: none;
margin-inline: 0;
}
}
.blog-posts-magazine .post-card--featured {
grid-column: span 2;
}
@media (max-width: 992px) {
.blog-posts-magazine .post-card--featured {
grid-column: span 2;
}
}
@media (max-width: 768px) {
.blog-posts-magazine .post-card--featured {
grid-column: span 1;
}
}
.blog-category-page .post-card,
.blog-posts-magazine .post-card {
display: flex;
flex-direction: column;
background: transparent;
height: 100%;
}
.blog-category-page .post-card__media,
.blog-posts-magazine .post-card__media {
display: block;
position: relative;
aspect-ratio: 4/3;
overflow: hidden;
background: #e8e8e4;
margin-bottom: 1rem;
border-radius: 0;
}
.blog-category-page .post-card__media img,
.blog-posts-magazine .post-card__media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.6s ease;
}
.blog-category-page .post-card__media:hover img,
.blog-posts-magazine .post-card__media:hover img {
transform: scale(1.04);
}
.blog-category-page .post-card__media--featured,
.blog-posts-magazine .post-card__media--featured {
aspect-ratio: 16/10;
margin-bottom: 0;
flex: 1;
min-height: 280px;
}
@media (max-width: 768px) {
.blog-category-page .post-card__media--featured,
.blog-posts-magazine .post-card__media--featured {
aspect-ratio: 4/3;
min-height: 220px;
}
}
.blog-category-page .post-card__overlay,
.blog-posts-magazine .post-card__overlay {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
gap: 0.5rem;
padding: clamp(1.25rem, 3vw, 2rem);
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.62) 100%);
color: #fff;
}
.blog-category-page .post-card__overlay-title,
.blog-posts-magazine .post-card__overlay-title {
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: clamp(20px, 2.4vw, 28px);
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
line-height: 1.25;
color: #fff;
}
.blog-category-page .post-card__date--on-media,
.blog-posts-magazine .post-card__date--on-media {
color: rgba(255, 255, 255, 0.9);
}
.blog-category-page .post-card__more--on-media,
.blog-posts-magazine .post-card__more--on-media {
margin-top: 0.25rem;
padding-top: 0;
color: #fff;
}
.blog-category-page .post-card__placeholder,
.blog-posts-magazine .post-card__placeholder {
display: block;
width: 100%;
height: 100%;
background: linear-gradient(145deg, #e8e8e4, #d4d8de);
}
.blog-category-page .post-card__body,
.blog-posts-magazine .post-card__body {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.55rem;
flex: 1;
}
.blog-category-page .post-card__body--featured,
.blog-posts-magazine .post-card__body--featured {
padding-top: 1rem;
}
.blog-category-page .post-card__date,
.blog-posts-magazine .post-card__date {
margin: 0;
font-size: 12px;
font-weight: 400;
color: #888;
letter-spacing: 0.02em;
}
.blog-category-page .post-card__tag,
.blog-posts-magazine .post-card__tag {
display: inline-block;
margin: 0;
padding: 0.35rem 0.65rem;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
line-height: 1.3;
color: #fff;
background: #4A6B3D;
border-radius: 0;
}
.blog-category-page .post-card__title,
.blog-posts-magazine .post-card__title {
margin: 0;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: clamp(15px, 1.5vw, 17px);
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
line-height: 1.35;
color: #222;
}
.blog-category-page .post-card__title a,
.blog-posts-magazine .post-card__title a {
color: inherit;
text-decoration: none;
}
.blog-category-page .post-card__title a:hover,
.blog-posts-magazine .post-card__title a:hover {
opacity: 0.75;
}
.blog-category-page .post-card__excerpt,
.blog-posts-magazine .post-card__excerpt {
margin: 0;
font-size: 14px;
font-weight: 300;
line-height: 1.65;
color: #666;
}
.blog-category-page .post-card__more,
.blog-posts-magazine .post-card__more {
display: inline-block;
margin-top: auto;
padding-top: 0.5rem;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
text-decoration: none;
color: #222;
}
.blog-category-page .post-card__more:hover,
.blog-posts-magazine .post-card__more:hover {
opacity: 0.65;
}
.single-post-page {
background: #f2f2f2;
}
.single-post-hero {
position: relative;
width: 100%;
height: min(520px, 42vw);
display: flex;
align-items: flex-end;
background: #1a1a1a;
color: #fff;
overflow: hidden;
}
@media (max-width: 768px) {
.single-post-hero {
height: auto;
aspect-ratio: 1.3392857143;
}
}
.single-post-hero--no-image {
height: auto;
min-height: 0;
padding-top: calc(88px + 3rem);
padding-bottom: 3rem;
background: #041D31;
}
.single-post-hero__media {
position: absolute;
inset: 0;
margin: 0;
}
.single-post-hero__img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.single-post-hero__overlay {
position: relative;
z-index: 1;
width: 100%;
padding: clamp(4rem, 8vh, 5.5rem) clamp(20px, 5vw, 64px) clamp(1.75rem, 3vw, 2.75rem);
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
}
.single-post-hero__inner {
max-width: 920px;
}
.single-post-hero__cat {
display: inline-block;
margin-bottom: 1rem;
padding: 0.4rem 0.75rem;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
line-height: 1.3;
color: #fff;
background: #4A6B3D;
text-decoration: none;
}
.single-post-hero__cat:hover {
color: #fff;
background: #3A5630;
opacity: 1;
}
.single-post-hero__title {
margin: 0 0 0.85rem;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: clamp(28px, 4.2vw, 48px);
font-weight: 600;
letter-spacing: 0.02em;
line-height: 1.2;
color: #fff;
text-transform: none;
}
.single-post-body {
padding: clamp(2.5rem, 5vw, 4rem) 0 clamp(2rem, 4vw, 3rem);
}
.single-post-body__inner {
width: 100%;
max-width: 920px;
margin-inline: auto;
padding-inline: clamp(20px, 4vw, 48px);
font-size: 17px;
font-weight: 300;
line-height: 1.8;
color: #333;
}
.single-post-body__inner > *:first-child {
margin-top: 0;
}
.single-post-body__inner h2,
.single-post-body__inner h3,
.single-post-body__inner h4 {
margin: 2.25rem 0 1rem;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 600;
color: #222;
line-height: 1.3;
}
.single-post-body__inner h2 {
font-size: clamp(22px, 2.5vw, 28px);
}
.single-post-body__inner h3 {
font-size: clamp(18px, 2vw, 22px);
}
.single-post-body__inner p {
margin: 0 0 1.35rem;
}
.single-post-body__inner strong,
.single-post-body__inner b {
font-weight: 600;
}
.single-post-body__inner a {
color: #082D4A;
text-decoration: underline;
text-underline-offset: 3px;
}
.single-post-body__inner ul,
.single-post-body__inner ol {
margin: 0 0 1.35rem 1.25rem;
}
.single-post-body__inner ul li,
.single-post-body__inner ol li {
margin-bottom: 0.4rem;
}
.single-post-body__inner ul {
list-style: disc;
}
.single-post-body__inner ol {
list-style: decimal;
}
.single-post-body__inner img,
.single-post-body__inner figure,
.single-post-body__inner .wp-block-image,
.single-post-body__inner .wp-block-gallery,
.single-post-body__inner .wp-block-embed,
.single-post-body__inner .wp-block-video {
margin: 2rem 0;
}
.single-post-body__inner img {
width: 100%;
height: auto;
display: block;
}
.single-post-body__inner figure {
margin-inline: 0;
}
.single-post-body__inner figure img {
margin: 0;
}
.single-post-body__inner figcaption,
.single-post-body__inner .wp-element-caption {
margin-top: 0.65rem;
font-size: 13px;
font-weight: 400;
line-height: 1.5;
color: #888;
text-align: center;
}
.single-post-body__inner .alignwide {
max-width: none;
width: calc(100% + clamp(0px, 8vw, 80px));
margin-inline: calc(clamp(0px, 4vw, 40px) * -1);
}
.single-post-body__inner .alignfull {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.single-post-body__inner .wp-block-gallery {
display: flex;
flex-wrap: wrap;
gap: clamp(0.75rem, 1.5vw, 1.25rem);
}
.single-post-body__inner .wp-block-gallery .wp-block-image {
margin: 0;
flex: 1 1 calc(50% - 0.75rem);
min-width: 140px;
}
.single-post-body__inner .wp-block-gallery.columns-3 .wp-block-image {
flex-basis: calc(33.333% - 1rem);
}
.single-post-body__inner .wp-block-gallery.columns-2 .wp-block-image {
flex-basis: calc(50% - 0.75rem);
}
.single-post-body__inner .gallery {
display: grid;
gap: clamp(0.75rem, 1.5vw, 1.25rem);
margin: 2rem 0;
clear: both;
}
.single-post-body__inner .gallery .gallery-item {
margin: 0;
width: auto !important;
float: none !important;
text-align: center;
}
.single-post-body__inner .gallery .gallery-item img {
margin: 0;
width: 100%;
height: auto;
display: block;
}
.single-post-body__inner .gallery .gallery-caption {
margin-top: 0.5rem;
font-size: 13px;
color: #888;
}
.single-post-body__inner .gallery br {
display: none;
}
.single-post-body__inner .gallery.gallery-columns-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.single-post-body__inner .gallery.gallery-columns-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 768px) {
.single-post-body__inner .gallery.gallery-columns-3 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.single-post-body__inner .gallery.gallery-columns-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 992px) {
.single-post-body__inner .gallery.gallery-columns-4 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 480px) {
.single-post-body__inner .gallery.gallery-columns-2, .single-post-body__inner .gallery.gallery-columns-3, .single-post-body__inner .gallery.gallery-columns-4 {
grid-template-columns: 1fr;
}
}
.single-post-body__inner .wp-block-columns {
gap: clamp(0.75rem, 1.5vw, 1.25rem);
margin: 2rem 0;
}
.single-post-body__inner .wp-block-columns .wp-block-column {
margin: 0;
}
.single-post-body__inner .wp-block-columns .wp-block-image {
margin: 0;
}
.single-post-body__inner blockquote {
margin: 2rem 0;
padding: 0.5rem 0 0.5rem 1.25rem;
border-left: 3px solid #082D4A;
font-style: italic;
color: #555;
}
.single-post-share {
width: 100%;
max-width: 920px;
margin: 0 auto;
padding: 0.5rem clamp(20px, 4vw, 48px) 0;
}
.single-post-share__list {
display: flex;
flex-wrap: wrap;
gap: 0.75rem 1.5rem;
margin: 0;
padding: 1.5rem 0 0;
list-style: none;
border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.single-post-share__link {
font-size: 13px;
font-weight: 500;
letter-spacing: 0.04em;
text-transform: uppercase;
text-decoration: none;
color: #555;
}
.single-post-share__link:hover {
color: #082D4A;
}
.single-post-related {
padding: clamp(2.5rem, 5vw, 4rem) 0;
border-top: 1px solid rgba(0, 0, 0, 0.06);
background: #f2f2f2;
}
.single-post-related__inner {
width: 100%;
max-width: 1200px;
margin-inline: auto;
padding-inline: clamp(20px, 4vw, 48px);
}
.single-post-related__heading {
margin: 0 0 clamp(1.5rem, 3vw, 2.25rem);
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: clamp(20px, 2.4vw, 26px);
font-weight: 600;
letter-spacing: 0.02em;
color: #222;
}
.single-post-related__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(1.25rem, 2.5vw, 2rem);
}
@media (max-width: 992px) {
.single-post-related__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.single-post-related__grid {
grid-template-columns: 1fr;
}
}
.related-card__media {
display: block;
aspect-ratio: 4/3;
overflow: hidden;
background: #e8e8e4;
margin-bottom: 1rem;
}
.related-card__media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.6s ease;
}
.related-card__media:hover img {
transform: scale(1.04);
}
.related-card__placeholder {
display: block;
width: 100%;
height: 100%;
background: linear-gradient(145deg, #e8e8e4, #d4d8de);
}
.related-card__title {
margin: 0;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: clamp(14px, 1.4vw, 16px);
font-weight: 600;
letter-spacing: 0.03em;
text-transform: uppercase;
line-height: 1.4;
color: #222;
}
.related-card__title a {
color: inherit;
text-decoration: none;
}
.related-card__title a:hover {
opacity: 0.75;
}
.single-post-comments {
padding: clamp(2.5rem, 5vw, 4rem) 0 clamp(3.5rem, 6vw, 5rem);
border-top: 1px solid rgba(0, 0, 0, 0.06);
background: #fafafa;
}
.single-post-comments__inner {
width: 100%;
max-width: 920px;
margin-inline: auto;
padding-inline: clamp(20px, 4vw, 48px);
}
.single-post-comments__heading {
margin: 0 0 1.5rem;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: clamp(20px, 2.4vw, 26px);
font-weight: 600;
color: #222;
}
.single-post-comments .comment-list {
margin: 0 0 2.5rem;
padding: 0;
list-style: none;
}
.single-post-comments .comment-list .children {
margin: 1rem 0 0 1.5rem;
padding: 0;
list-style: none;
}
.single-post-comments .comment-body {
margin-bottom: 1.5rem;
padding-bottom: 1.5rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.single-post-comments .comment-author {
font-weight: 600;
}
.single-post-comments .comment-meta {
margin: 0.25rem 0 0.75rem;
font-size: 13px;
color: #888;
}
.single-post-comments .comment-form {
display: grid;
gap: 1rem;
}
.single-post-comments .comment-form label {
display: block;
margin-bottom: 0.4rem;
font-size: 13px;
font-weight: 500;
color: #444;
}
.single-post-comments .comment-form input[type=text],
.single-post-comments .comment-form input[type=email],
.single-post-comments .comment-form input[type=url],
.single-post-comments .comment-form textarea {
width: 100%;
padding: 0.85rem 1rem;
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 0;
background: #fff;
font: inherit;
color: #222;
outline: none;
transition: border-color 0.2s ease;
}
.single-post-comments .comment-form input[type=text]:focus,
.single-post-comments .comment-form input[type=email]:focus,
.single-post-comments .comment-form input[type=url]:focus,
.single-post-comments .comment-form textarea:focus {
border-color: #082D4A;
}
.single-post-comments .comment-form textarea {
min-height: 140px;
resize: vertical;
}
.single-post-comments .comment-form .comment-form-author,
.single-post-comments .comment-form .comment-form-email,
.single-post-comments .comment-form .comment-form-url {
margin: 0;
}
@media (min-width: 768px) {
.single-post-comments .comment-form {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.single-post-comments .comment-form .comment-form-comment,
.single-post-comments .comment-form .comment-form-cookies-consent,
.single-post-comments .comment-form .form-submit,
.single-post-comments .comment-form .comment-notes {
grid-column: 1/-1;
}
}
.single-post-comments .comment-form .comment-form-cookies-consent {
display: flex;
align-items: flex-start;
gap: 0.5rem;
font-size: 13px;
color: #666;
}
.single-post-comments .comment-form .comment-form-cookies-consent label {
margin: 0;
font-weight: 400;
}
.single-post-comments__submit,
.single-post-comments .form-submit .submit {
min-height: 48px;
padding: 0.75rem 1.75rem;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #fff;
background: #082D4A;
border: none;
cursor: pointer;
}
.single-post-comments__submit:hover,
.single-post-comments .form-submit .submit:hover {
opacity: 0.9;
}
.woocommerce-main {
padding-block: 0 80px;
background: #f2f2f2;
}
.woocommerce-main--archive {
padding-top: var(--header-h, 72px);
min-height: 60vh;
}
.shop-slider {
position: relative;
width: 100%;
height: min(520px, 42vw);
margin-top: 0;
background: #041d31;
}
@media (max-width: 768px) {
.shop-slider {
height: auto;
aspect-ratio: 1.3392857143;
}
}
.shop-slider__swiper {
width: 100%;
height: 100%;
}
.shop-slider__slide {
height: 100%;
}
.shop-slider__media {
margin: 0;
width: 100%;
height: 100%;
}
.shop-slider__media picture,
.shop-slider__media .curio-responsive-banner {
display: block;
width: 100%;
height: 100%;
}
.shop-slider__media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.shop-slider__nav {
position: absolute;
top: 50%;
z-index: 5;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border: 0;
border-radius: 50%;
background: rgba(255, 255, 255, 0.55);
color: #222;
cursor: pointer;
transition: background 0.25s, color 0.25s;
}
.shop-slider__nav:hover {
background: rgba(255, 255, 255, 0.9);
}
.shop-slider__nav--prev {
left: clamp(12px, 2vw, 28px);
}
.shop-slider__nav--next {
right: clamp(12px, 2vw, 28px);
}
@media (max-width: 768px) {
.shop-slider__nav {
width: 32px;
height: 32px;
}
.shop-slider__nav svg {
width: 16px;
height: 16px;
}
.shop-slider__nav--prev {
left: 8px;
}
.shop-slider__nav--next {
right: 8px;
}
}
.shop-archive {
width: 100%;
max-width: 1280px;
margin-inline: auto;
padding-block: 2.5rem 4rem;
padding-inline: clamp(24px, 5vw, 60px);
box-sizing: border-box;
}
.woocommerce .shop-content ul.products,
.woocommerce ul.products {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
justify-content: stretch;
gap: 1.5rem 1.25rem;
margin: 0;
padding: 0;
list-style: none;
width: 100%;
}
@media (max-width: 992px) {
.woocommerce .shop-content ul.products,
.woocommerce ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.25rem;
}
}
@media (max-width: 768px) {
.woocommerce .shop-content ul.products,
.woocommerce ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem 0.75rem;
max-width: none;
margin-inline: 0;
}
}
.woocommerce .shop-content ul.products::before, .woocommerce .shop-content ul.products::after,
.woocommerce ul.products::before,
.woocommerce ul.products::after {
display: none;
}
.woocommerce .shop-content ul.products li.product,
.woocommerce ul.products li.product {
width: 100% !important;
max-width: none;
margin: 0 !important;
float: none !important;
}
.woocommerce .shop-content ul.products .product-card,
.woocommerce ul.products .product-card {
background: transparent;
border-radius: 0;
box-shadow: none;
overflow: hidden;
width: 100%;
max-width: none;
}
.woocommerce .shop-content ul.products .product-card:hover,
.woocommerce ul.products .product-card:hover {
box-shadow: none;
transform: none;
}
.woocommerce .shop-content ul.products .product-card__media,
.woocommerce ul.products .product-card__media {
aspect-ratio: 1/1;
background: #fff;
}
.woocommerce .shop-content ul.products .product-card__actions, .woocommerce .shop-content ul.products .product-card__btn,
.woocommerce ul.products .product-card__actions,
.woocommerce ul.products .product-card__btn {
display: none;
}
.woocommerce .shop-content ul.products .product-card__body,
.woocommerce ul.products .product-card__body {
padding: 0.9rem 0.5rem 1rem;
text-align: center;
background: #f2f2f2;
}
.woocommerce .shop-content ul.products .product-card__title,
.woocommerce ul.products .product-card__title {
font-size: 13px;
font-weight: 500;
letter-spacing: 0.04em;
text-transform: uppercase;
margin-bottom: 0.3rem;
color: #222222;
}
.woocommerce .shop-content ul.products .product-card__price,
.woocommerce ul.products .product-card__price {
font-size: 13px;
color: #222222;
margin: 0;
}
.woocommerce .shop-content ul.products .product-card__price .woocommerce-Price-amount,
.woocommerce ul.products .product-card__price .woocommerce-Price-amount {
font-weight: 400;
}
.shop-layout {
display: grid;
grid-template-columns: minmax(200px, 240px) minmax(0, 1fr);
column-gap: clamp(1.5rem, 3vw, 3rem);
row-gap: 2rem;
align-items: start;
width: 100%;
}
@media (max-width: 992px) {
.shop-layout {
grid-template-columns: 1fr;
gap: 2rem;
}
}
.shop-content {
min-width: 0;
width: 100%;
}
.shop-sidebar {
position: sticky;
top: calc(72px + 1rem);
align-self: start;
z-index: 5;
background: #fff;
padding: 1.35rem 1.4rem 1.5rem;
max-height: calc(100vh - 72px - 1.5rem);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
}
@media (max-width: 992px) {
.shop-sidebar {
position: static;
max-height: none;
overflow: visible;
display: none;
}
}
.shop-sidebar__title {
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
margin: 0 0 1.15rem;
padding-bottom: 0.85rem;
color: #111;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.shop-sidebar__nav > ul,
.shop-sidebar__nav ul {
list-style: none !important;
margin: 0;
padding: 0;
}
.shop-sidebar__nav li {
list-style: none !important;
margin: 0;
padding: 0;
}
.shop-sidebar__nav li::marker {
content: "";
display: none;
}
.shop-sidebar__nav a {
text-transform: uppercase !important;
letter-spacing: 0.04em;
}
.shop-sidebar__nav > ul > li {
margin: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.shop-sidebar__nav > ul > li:last-child {
border-bottom: 0;
}
.shop-sidebar__nav > ul > li > a {
display: flex;
align-items: center;
gap: 0.5rem;
padding: 0.85rem 0.15rem 0.85rem 0;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #222;
text-decoration: none;
transition: color 0.2s cubic-bezier(0.22, 1, 0.36, 1), padding-left 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.shop-sidebar__nav > ul > li > a::before {
content: "";
flex: 0 0 0;
width: 0;
height: 1px;
background: #082D4A;
transition: width 0.25s cubic-bezier(0.22, 1, 0.36, 1), flex-basis 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}
.shop-sidebar__nav > ul > li > a:hover {
color: #082D4A;
padding-left: 0.15rem;
}
.shop-sidebar__nav > ul > li > a:hover::before {
flex-basis: 12px;
width: 12px;
}
.shop-sidebar__nav > ul > li.current-cat > a, .shop-sidebar__nav > ul > li.current-cat-parent > a {
color: #082D4A;
font-weight: 600;
}
.shop-sidebar__nav > ul > li.current-cat > a::before, .shop-sidebar__nav > ul > li.current-cat-parent > a::before {
flex-basis: 12px;
width: 12px;
}
.shop-sidebar__nav .children {
list-style: none !important;
margin: 0 0 0.65rem;
padding: 0 0 0.35rem 0.85rem;
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.shop-sidebar__nav .children li {
margin: 0;
}
.shop-sidebar__nav .children a {
display: block;
padding: 0.4rem 0 0.4rem 0.65rem;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #666;
text-decoration: none;
line-height: 1.4;
position: relative;
transition: color 0.2s cubic-bezier(0.22, 1, 0.36, 1), padding-left 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.shop-sidebar__nav .children a::before {
display: none;
}
.shop-sidebar__nav .children a:hover {
color: #082D4A;
padding-left: 0.85rem;
}
.shop-sidebar__nav .children .current-cat > a {
color: #082D4A;
font-weight: 500;
}
.shop-sidebar > ul {
list-style: none !important;
margin: 0;
padding: 0;
}
.shop-toolbar {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 1rem;
margin-bottom: 1.75rem;
padding-bottom: 0.85rem;
border-bottom: 1px solid rgba(8, 45, 74, 0.08);
}
.shop-toolbar .woocommerce-result-count {
display: none;
}
.shop-toolbar .woocommerce-ordering {
margin: 0;
}
.shop-toolbar .woocommerce-ordering select {
appearance: none;
min-width: 160px;
padding: 0.55rem 2rem 0.55rem 0.75rem;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
color: #222222;
background: #FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 0.65rem center;
border: 1px solid #ddd;
border-radius: 0;
cursor: pointer;
}
.single-product {
background: #f2f2f2;
}
.single-product .woocommerce-main, .single-product.woocommerce-main {
background: #f2f2f2;
padding-top: calc(88px + 1.25rem);
}
.single-product__container {
max-width: 1400px;
}
.single-product .woocommerce-breadcrumb,
.single-product .curio-breadcrumbs,
.single-product .breadcrumbs {
margin: 0 0 1rem;
padding: 0.15rem 0 0;
font-size: 13px;
font-weight: 400;
line-height: 1.45;
color: #888;
letter-spacing: 0;
}
.single-product .woocommerce-breadcrumb a,
.single-product .curio-breadcrumbs a,
.single-product .breadcrumbs a {
color: inherit;
text-decoration: none;
}
.single-product .woocommerce-breadcrumb a:hover,
.single-product .curio-breadcrumbs a:hover,
.single-product .breadcrumbs a:hover {
color: #555;
}
.single-product .woocommerce-breadcrumb .breadcrumbs__list,
.single-product .curio-breadcrumbs .breadcrumbs__list,
.single-product .breadcrumbs .breadcrumbs__list {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.2rem 0.35rem;
margin: 0;
padding: 0;
list-style: none;
}
.single-product .woocommerce-breadcrumb .breadcrumbs__item,
.single-product .curio-breadcrumbs .breadcrumbs__item,
.single-product .breadcrumbs .breadcrumbs__item {
display: inline-flex;
align-items: center;
gap: 0.35rem;
max-width: 100%;
}
.single-product .woocommerce-breadcrumb .breadcrumbs__sep,
.single-product .curio-breadcrumbs .breadcrumbs__sep,
.single-product .breadcrumbs .breadcrumbs__sep {
margin: 0;
opacity: 0.7;
font-weight: 400;
}
.single-product .woocommerce-breadcrumb [aria-current=page],
.single-product .curio-breadcrumbs [aria-current=page],
.single-product .breadcrumbs [aria-current=page] {
color: #888;
font-weight: 400;
}
@media (max-width: 768px) {
.single-product .woocommerce-breadcrumb,
.single-product .curio-breadcrumbs,
.single-product .breadcrumbs {
margin-bottom: 0.85rem;
font-size: 12px;
}
}
.single-product__notices {
margin: 0 0 1.25rem;
}
.single-product__notices:empty {
display: none;
margin: 0;
}
.single-product__notices .woocommerce-message,
.single-product__notices .woocommerce-info,
.single-product__notices .woocommerce-error,
.single-product__notices .woocommerce-noreviews,
.single-product__notices .woocommerce-NoticeGroup,
.single-product__notices .wc-block-components-notice-banner {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem 1rem;
margin: 0 0 0.75rem;
padding: 0.85rem 1.1rem;
list-style: none;
border: 0;
border-left: 3px solid #082D4A;
border-radius: 0;
background: #f3f6fb;
color: #222;
font-size: 14px;
line-height: 1.5;
position: static !important;
inset: auto !important;
transform: none !important;
float: none !important;
width: auto !important;
max-width: none !important;
box-shadow: none;
}
.single-product__notices .woocommerce-message a,
.single-product__notices .woocommerce-info a,
.single-product__notices .woocommerce-error a,
.single-product__notices .woocommerce-noreviews a,
.single-product__notices .woocommerce-NoticeGroup a,
.single-product__notices .wc-block-components-notice-banner a {
color: #082D4A;
font-weight: 600;
text-decoration: underline;
text-underline-offset: 2px;
}
.single-product__notices .woocommerce-message::before,
.single-product__notices .woocommerce-info::before,
.single-product__notices .woocommerce-error::before,
.single-product__notices .woocommerce-noreviews::before,
.single-product__notices .woocommerce-NoticeGroup::before,
.single-product__notices .wc-block-components-notice-banner::before {
display: none !important;
}
.single-product__notices .woocommerce-message li,
.single-product__notices .woocommerce-info li,
.single-product__notices .woocommerce-error li,
.single-product__notices .woocommerce-noreviews li,
.single-product__notices .woocommerce-NoticeGroup li,
.single-product__notices .wc-block-components-notice-banner li {
margin: 0;
padding: 0;
list-style: none;
}
.single-product__notices .woocommerce-error,
.single-product__notices .woocommerce-error[role=alert] {
border-left-color: #b42318;
background: #fef3f2;
color: #7a271a;
}
.single-product__notices .woocommerce-message {
border-left-color: #4A6B3D;
background: #f4f7ec;
}
.single-product .summary .woocommerce-message,
.single-product .summary .woocommerce-info,
.single-product .summary .woocommerce-error,
.single-product .single_variation .woocommerce-error,
.single-product .woocommerce-variation .woocommerce-error,
.single-product .cart .woocommerce-error {
display: block;
position: static !important;
inset: auto !important;
float: none !important;
width: 100% !important;
max-width: none !important;
margin: 0 0 1rem;
padding: 0.75rem 1rem;
border: 0;
border-left: 3px solid #b42318;
background: #fef3f2;
color: #7a271a;
box-shadow: none;
z-index: auto;
}
.curio-single-product {
display: block;
}
.single-product__stage {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
gap: clamp(2rem, 4vw, 3.5rem);
align-items: start;
margin-bottom: clamp(3rem, 6vw, 5rem);
}
@media (max-width: 992px) {
.single-product__stage {
grid-template-columns: 1fr;
}
}
.single-product .woocommerce-product-gallery {
display: flex;
flex-direction: row-reverse;
align-items: flex-start;
gap: 0.75rem;
position: relative;
background: #fff;
opacity: 1 !important;
}
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
flex: 1;
min-width: 0;
margin: 0;
}
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image {
margin: 0;
background: #f5f5f5;
}
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image a,
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img {
display: block;
width: 100%;
height: auto;
}
.single-product .woocommerce-product-gallery .flex-viewport {
flex: 1;
min-width: 0;
width: auto !important;
}
.single-product .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs {
display: flex;
flex-direction: column;
gap: 0.5rem;
width: 72px;
flex-shrink: 0;
margin: 0;
padding: 0;
list-style: none;
}
.single-product .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs li {
margin: 0;
width: 100%;
float: none;
}
.single-product .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs li img {
width: 100%;
height: auto;
aspect-ratio: 1;
object-fit: cover;
border: 1px solid transparent;
opacity: 0.55;
cursor: pointer;
display: block;
}
.single-product .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs li img.flex-active {
opacity: 1;
border-color: #222;
}
.single-product .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs li img:hover {
opacity: 1;
}
@media (max-width: 768px) {
.single-product .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs {
flex-direction: row;
width: 100%;
order: 2;
}
.single-product .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs li {
width: 64px;
flex: 0 0 64px;
}
}
@media (max-width: 768px) {
.single-product .woocommerce-product-gallery {
flex-direction: column;
}
}
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
position: absolute;
top: 0.85rem;
right: 0.85rem;
z-index: 2;
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
border: 0;
border-radius: 50%;
background: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
text-indent: -9999px;
overflow: hidden;
font-size: 0;
line-height: 0;
color: transparent;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger::before {
content: "";
position: absolute;
inset: 0;
margin: auto;
width: 18px;
height: 18px;
background-color: #222;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3H3v5M16 3h5v5M8 21H3v-5M16 21h5v-5'/%3E%3C/svg%3E") center/contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3H3v5M16 3h5v5M8 21H3v-5M16 21h5v-5'/%3E%3C/svg%3E") center/contain no-repeat;
}
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger img,
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger svg {
display: none !important;
}
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
transform: scale(1.05);
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16);
}
.single-product .summary {
--curio-buy-gap: 1.5rem;
--curio-buy-gap-half: calc(var(--curio-buy-gap) / 2);
padding-top: 0.25rem;
}
.single-product .summary .product_title {
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: clamp(26px, 3vw, 36px);
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #222;
margin: 0 0 0.75rem;
line-height: 1.2;
}
.single-product .summary .price {
display: block;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 400;
color: #222;
margin: 0 0 1.25rem;
}
.single-product .summary .price del {
opacity: 0.5;
margin-right: 0.5rem;
}
.single-product .summary .woocommerce-product-details__short-description {
margin: 0 0 var(--curio-buy-gap);
font-size: 14px;
font-weight: 400;
line-height: 1.7;
color: #555;
}
.single-product .summary .woocommerce-product-details__short-description p {
margin: 0 0 0.35rem;
}
.single-product .summary:has(form.variations_form) .woocommerce-product-details__short-description {
margin-bottom: 1rem;
}
.single-product .summary table.variations {
margin: 0 0 var(--curio-buy-gap);
border: 0;
width: 100%;
}
.single-product .summary table.variations th,
.single-product .summary table.variations td {
border: 0;
padding: 0.35rem 0;
background: transparent;
vertical-align: middle;
}
.single-product .summary table.variations td.value {
display: block;
position: relative;
width: 100%;
}
.single-product .summary table.variations label {
font-size: 14px;
font-weight: 500;
color: #222;
}
.single-product .summary table.variations select {
appearance: none;
min-width: 160px;
padding: 0.55rem 2rem 0.55rem 0.75rem;
font-size: 14px;
border: 1px solid #ddd;
border-radius: 0;
background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 0.65rem center;
}
.single-product .summary table.variations a.reset_variations {
display: inline-block;
float: none !important;
clear: both;
position: static !important;
top: auto !important;
right: auto !important;
left: auto !important;
margin: 0.75rem 0 0;
padding: 0;
font-size: 13px;
font-weight: 500;
line-height: 1.4;
color: #666;
text-decoration: underline;
white-space: nowrap;
vertical-align: baseline;
z-index: auto;
}
.single-product .summary table.variations a.reset_variations:hover {
color: #222;
}
.single-product .summary .variable-items-wrapper {
display: flex;
flex-wrap: wrap;
gap: 0.4rem;
margin: 0;
padding: 0;
padding-right: 0;
list-style: none;
width: 100%;
max-width: 100%;
}
.single-product .summary .variable-item {
width: 28px;
height: 28px;
margin: 0;
padding: 0;
border: 1px solid #ddd;
border-radius: 0;
cursor: pointer;
box-shadow: none;
}
.single-product .summary .variable-item.selected, .single-product .summary .variable-item.selected:hover {
border-color: #222;
box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #222;
}
.single-product .summary form.cart {
display: flex;
flex-wrap: nowrap;
align-items: stretch;
gap: 0.65rem;
width: 100%;
max-width: 100%;
margin: 0 0 var(--curio-buy-gap-half);
box-sizing: border-box;
}
.single-product .summary form.cart.variations_form {
display: block;
}
.single-product .summary form.cart.variations_form .single_variation_wrap {
display: block;
width: 100%;
}
.single-product .summary form.cart.variations_form .woocommerce-variation-add-to-cart,
.single-product .summary form.cart.variations_form .woocommerce-variation-add-to-cart-disabled {
display: flex;
flex-wrap: nowrap;
align-items: stretch;
gap: 0.65rem;
width: 100%;
max-width: 100%;
margin: 0;
}
.single-product .summary form.cart .quantity {
display: inline-flex;
flex: 0 0 auto;
align-items: stretch;
border: 1px solid #ddd;
height: 48px;
background: #fff;
}
.single-product .summary form.cart .quantity .qty-btn {
width: 36px;
border: 0;
background: #fff;
font-size: 20px;
font-weight: 400;
line-height: 1;
cursor: pointer;
color: #222;
font-family: Arial, Helvetica, sans-serif;
}
.single-product .summary form.cart .quantity .qty-btn:hover {
background: #f5f5f5;
}
@media (max-width: 768px) {
.single-product .summary form.cart .quantity .qty-btn {
width: 32px;
}
}
.single-product .summary form.cart .quantity .qty {
width: 44px;
height: 100%;
border: 0;
border-inline: 1px solid #ddd;
text-align: center;
font-size: 14px;
background: #fff;
-moz-appearance: textfield;
}
.single-product .summary form.cart .quantity .qty::-webkit-outer-spin-button, .single-product .summary form.cart .quantity .qty::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
@media (max-width: 768px) {
.single-product .summary form.cart .quantity .qty {
width: 40px;
}
}
.single-product .summary form.cart .single_add_to_cart_button,
.single-product .summary form.cart .single_add_to_cart_button.button,
.single-product .summary form.cart .single_add_to_cart_button.button.alt,
.single-product .summary form.cart .woocommerce-variation-add-to-cart .single_add_to_cart_button,
.single-product .summary form.cart .woocommerce-variation-add-to-cart .button.alt {
flex: 1 1 auto;
min-width: 0;
width: auto;
min-height: 48px;
padding: 0 1.25rem;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.45rem;
background: #4A6B3D !important;
background-color: #4A6B3D !important;
color: #fff !important;
border: 0;
border-radius: 0;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.05em;
text-transform: uppercase;
white-space: nowrap;
cursor: pointer;
transition: background 0.25s ease, background-color 0.25s ease;
}
@media (max-width: 768px) {
.single-product .summary form.cart .single_add_to_cart_button,
.single-product .summary form.cart .single_add_to_cart_button.button,
.single-product .summary form.cart .single_add_to_cart_button.button.alt,
.single-product .summary form.cart .woocommerce-variation-add-to-cart .single_add_to_cart_button,
.single-product .summary form.cart .woocommerce-variation-add-to-cart .button.alt {
padding: 0 0.75rem;
font-size: 11px;
letter-spacing: 0.04em;
}
}
.single-product .summary form.cart .single_add_to_cart_button:hover,
.single-product .summary form.cart .single_add_to_cart_button.button:hover,
.single-product .summary form.cart .single_add_to_cart_button.button.alt:hover,
.single-product .summary form.cart .woocommerce-variation-add-to-cart .single_add_to_cart_button:hover,
.single-product .summary form.cart .woocommerce-variation-add-to-cart .button.alt:hover {
background: #3A5630 !important;
background-color: #3A5630 !important;
color: #fff !important;
}
.single-product-wishlist {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.55rem;
width: 100%;
min-height: 48px;
padding: 0 1.25rem;
margin-top: 0;
margin-bottom: 0.5rem;
background: #fff;
border: 1px solid #ddd;
color: #222;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
cursor: pointer;
transition: border-color 0.2s ease, color 0.2s ease;
}
.single-product-wishlist:hover, .single-product-wishlist.is-active {
border-color: #222;
}
.single-product-wishlist.is-active {
color: #c45c5c;
}
.single-product-wishlist svg {
display: block;
}
.product-info {
margin: 0 0 clamp(3rem, 6vw, 5rem);
padding-top: clamp(1rem, 3vw, 2rem);
border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.product-info__grid {
display: grid;
grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
gap: clamp(1.5rem, 3vw, 2.5rem);
align-items: stretch;
}
@media (max-width: 992px) {
.product-info__grid {
grid-template-columns: 1fr;
}
}
.product-info__col--text {
display: flex;
flex-direction: column;
min-height: 0;
}
@media (max-width: 992px) {
.product-info__col--text .product-info__image--left {
order: -1;
margin-top: 0;
margin-bottom: 1.25rem;
}
}
.product-info__col--media {
display: flex;
flex-direction: column;
min-height: 0;
}
@media (max-width: 992px) {
.product-info__col--media {
order: -1;
}
}
.product-info__heading {
margin: 0 0 1.25rem;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: clamp(18px, 2vw, 22px);
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #222;
}
.product-info__content {
font-size: 15px;
font-weight: 300;
line-height: 1.75;
color: #444;
margin-bottom: 1.5rem;
}
.product-info__content p {
margin: 0 0 0.75rem;
}
.product-info__content ul {
margin: 0 0 1rem 1.1rem;
list-style: disc;
}
.product-info__content ul li {
margin-bottom: 0.35rem;
}
.product-info__image {
margin: 0;
overflow: hidden;
background: #f0f0f0;
}
.product-info__image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.product-info__image--left {
width: 100%;
aspect-ratio: 16/10;
flex-shrink: 0;
margin-top: auto;
}
.product-info__image--right {
flex: 1 1 auto;
width: 100%;
height: 100%;
min-height: clamp(300px, 42vw, 520px);
}
@media (max-width: 1280px) and (min-width: 993px) {
.product-info__image--right {
min-height: clamp(280px, 38vw, 440px);
}
}
@media (max-width: 992px) {
.product-info__image--right {
flex: none;
height: auto;
min-height: 0;
aspect-ratio: 1;
}
}
.single-product .related.products {
margin-top: clamp(2rem, 5vw, 3.5rem);
padding-top: clamp(2rem, 4vw, 3rem);
border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.single-product .related.products > h2 {
text-align: center;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: clamp(20px, 2.4vw, 26px);
font-weight: 500;
letter-spacing: 0.06em;
text-transform: uppercase;
margin: 0 0 clamp(1.75rem, 3vw, 2.5rem);
color: #222;
}
.single-product .related.products ul.products {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: clamp(1rem, 2vw, 1.75rem);
margin: 0;
padding: 0;
list-style: none;
}
@media (max-width: 992px) {
.single-product .related.products ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.single-product .related.products ul.products {
grid-template-columns: 1fr;
}
}
.single-product .related.products ul.products li.product {
width: auto !important;
margin: 0 !important;
float: none !important;
}
.single-product .related.products .product-card__actions, .single-product .related.products .product-card__btn {
display: none;
}
.single-product .related.products .product-card__media {
background: #f5f5f5;
}
.single-product .related.products .product-card__body {
text-align: center;
}
.single-product .related.products .product-card__title {
font-size: 13px;
font-weight: 500;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.single-product .related.products .product-card__price {
font-size: 13px;
color: #555;
}
.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce,
.woocommerce-account .woocommerce {
max-width: 1600px;
margin-inline: auto;
}
.woocommerce-cart table.shop_table,
.woocommerce-checkout table.shop_table,
.woocommerce-account table.shop_table {
background: #FFFFFF;
border-radius: 0;
border: 1px solid rgba(8, 45, 74, 0.08);
overflow: hidden;
}
.woocommerce-cart .button,
.woocommerce-cart button.button,
.woocommerce-cart input.button,
.woocommerce-checkout .button,
.woocommerce-checkout button.button,
.woocommerce-checkout input.button,
.woocommerce-account .button,
.woocommerce-account button.button,
.woocommerce-account input.button {
background: #082D4A !important;
color: #FFFFFF !important;
border-radius: 0 !important;
border: 0 !important;
font-weight: 500;
letter-spacing: 0.02em;
text-transform: uppercase;
padding: 0.85rem 1.75rem !important;
transition: background 0.45s;
}
.woocommerce-cart .button:hover,
.woocommerce-cart button.button:hover,
.woocommerce-cart input.button:hover,
.woocommerce-checkout .button:hover,
.woocommerce-checkout button.button:hover,
.woocommerce-checkout input.button:hover,
.woocommerce-account .button:hover,
.woocommerce-account button.button:hover,
.woocommerce-account input.button:hover {
background: #041D31 !important;
}
.woocommerce-checkout-page #place_order,
.woocommerce-checkout-page button#place_order.button,
.woocommerce-checkout-page .woocommerce-checkout-payment button#place_order {
background: #111 !important;
color: #fff !important;
}
.woocommerce-checkout-page #place_order:hover,
.woocommerce-checkout-page button#place_order.button:hover,
.woocommerce-checkout-page .woocommerce-checkout-payment button#place_order:hover {
background: #000 !important;
}
body.wcpc-configurator-active.single-product .woocommerce-main,
body.wcpc-configurator-active .woocommerce-main {
padding-top: calc(88px + 0.75rem);
}
body.wcpc-configurator-active .wcpc-custom-product-page {
padding-top: 0 !important;
max-width: 1400px;
margin-inline: auto;
}
body.wcpc-configurator-active .wcpc-custom-product-page > .woocommerce-breadcrumb,
body.wcpc-configurator-active .wcpc-custom-product-page > .breadcrumbs {
margin: 0 0 1rem !important;
height: auto !important;
padding: 0.15rem 0 0 !important;
font-size: 13px;
line-height: 1.45;
color: #888;
font-weight: 400;
}
body.wcpc-configurator-active .wcpc-custom-product-page > .woocommerce-breadcrumb a,
body.wcpc-configurator-active .wcpc-custom-product-page > .breadcrumbs a {
color: inherit;
text-decoration: none;
}
body.wcpc-configurator-active .wcpc-custom-product-page > .woocommerce-breadcrumb [aria-current=page],
body.wcpc-configurator-active .wcpc-custom-product-page > .breadcrumbs [aria-current=page] {
color: #888;
font-weight: 400;
}
body.wcpc-configurator-active .woocommerce-main > .container > .woocommerce-breadcrumb,
body.wcpc-configurator-active .woocommerce-main > .container > .breadcrumbs {
display: none !important;
}
body.wcpc-configurator-active .wcpc-gallery-thumbs,
body.wcpc-configurator-active .wcpc-product-info {
top: calc(72px + 1rem);
}
body.wcpc-configurator-active .wcpc-product-title {
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: clamp(26px, 3vw, 36px) !important;
font-weight: 600 !important;
letter-spacing: 0.06em !important;
text-transform: uppercase !important;
color: #222 !important;
margin: 0 0 0.75rem !important;
line-height: 1.2 !important;
}
body.wcpc-configurator-active .wcpc-add-to-cart {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-height: 48px !important;
padding: 0 1.25rem !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 0.05em !important;
text-transform: uppercase !important;
color: #fff !important;
background: #4A6B3D !important;
background-color: #4A6B3D !important;
border: 0 !important;
border-radius: 0 !important;
transition: background 0.25s ease, background-color 0.25s ease !important;
}
body.wcpc-configurator-active .wcpc-add-to-cart:hover {
background: #3A5630 !important;
background-color: #3A5630 !important;
color: #fff !important;
transform: none !important;
}
body.wcpc-configurator-active .wcpc-configurator__item {
overflow: visible;
}
body.wcpc-configurator-active .wcpc-configurator__item-image {
position: absolute;
right: 0;
top: 0;
z-index: 1;
width: 72px;
height: 72px;
pointer-events: none;
}
body.wcpc-configurator-active .wcpc-configurator__item-image img,
body.wcpc-configurator-active .wcpc-configurator__item-image .wcpc-item-image {
display: block !important;
width: 72px !important;
height: 72px !important;
max-width: none !important;
object-fit: cover !important;
border-radius: 5px;
}
body.wcpc-configurator-active .curio-single-product .wcpc-configurator {
margin-top: 1rem;
}
body.wcpc-configurator-active .curio-single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img {
opacity: 1 !important;
visibility: visible !important;
}
body.wcpc-configurator-active .summary form.cart > .quantity,
body.wcpc-configurator-active .summary form.cart > .single_add_to_cart_button,
body.wcpc-configurator-active .wcpc-product-info form.cart > .quantity,
body.wcpc-configurator-active .wcpc-product-info form.cart > .single_add_to_cart_button {
display: none !important;
}
body.wcpc-configurator-active .wcpc-details-section {
margin-top: clamp(2rem, 4vw, 3rem) !important;
padding-top: clamp(1rem, 3vw, 2rem) !important;
border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
}
body.wcpc-configurator-active .wcpc-details-heading {
margin: 0 0 1.25rem;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: clamp(18px, 2vw, 22px);
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #222;
}
.curio-usage-guide,
.xtheme-hd-container {
margin: 0;
width: 100%;
}
.curio-usage-guide__media,
.xtheme-hd-hinh-content {
width: 100%;
overflow: hidden;
margin-bottom: 1.5rem;
padding-top: 0.5rem;
}
.curio-usage-guide__media img,
.xtheme-hd-hinh-content img {
width: 100%;
height: auto;
display: block;
object-fit: contain;
}
.curio-usage-banner {
margin-top: 1.5rem;
}
.curio-usage-banner img {
width: 100%;
height: auto;
display: block;
}
@media (max-width: 768px) {
body.wcpc-configurator-active .wcpc-configurator__item {
padding-right: 0;
}
body.wcpc-configurator-active .wcpc-configurator__item-image {
position: static;
margin: 0.5rem 0 0;
}
}
.woocommerce-cart-page,
.woocommerce-checkout-page {
padding-block: calc(88px + 1.5rem) 80px;
background: #f2f2f2;
}
.woocommerce-cart-page .page-hero,
.woocommerce-checkout-page .page-hero {
text-align: center;
margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
padding: 0;
}
.woocommerce-cart-page .page-hero__title,
.woocommerce-checkout-page .page-hero__title {
margin: 0;
font-size: clamp(28px, 3.5vw, 40px);
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #222;
}
.woocommerce-cart-page .woocommerce {
max-width: 1100px;
margin-inline: auto;
}
.woocommerce-cart-page .woocommerce-cart-form {
width: 100%;
}
.woocommerce-cart-page table.shop_table {
width: 100%;
border-collapse: collapse;
border: 0;
background: transparent;
table-layout: auto;
}
.woocommerce-cart-page table.shop_table th,
.woocommerce-cart-page table.shop_table td {
border: 0;
border-bottom: 1px solid #e8e8e8;
padding: 1.1rem 0.75rem;
vertical-align: middle;
background: transparent;
text-align: left;
font-size: 14px;
color: #222;
}
.woocommerce-cart-page table.shop_table thead th {
font-size: 12px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #888;
padding-top: 0;
}
.woocommerce-cart-page table.shop_table .product-remove {
width: 40px;
padding-left: 0;
}
.woocommerce-cart-page table.shop_table .product-remove a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
font-size: 18px;
color: #999;
text-decoration: none;
}
.woocommerce-cart-page table.shop_table .product-remove a:hover {
color: #222;
}
.woocommerce-cart-page table.shop_table .product-thumbnail {
width: 88px;
}
.woocommerce-cart-page table.shop_table .product-thumbnail img {
width: 72px;
height: 72px;
object-fit: cover;
display: block;
}
.woocommerce-cart-page table.shop_table .product-name a {
font-weight: 500;
text-decoration: none;
color: #222;
}
.woocommerce-cart-page table.shop_table .product-name a:hover {
opacity: 0.75;
}
.woocommerce-cart-page table.shop_table .product-name .variation {
margin: 0.35rem 0 0;
font-size: 12px;
color: #777;
}
.woocommerce-cart-page table.shop_table .product-name .variation dt,
.woocommerce-cart-page table.shop_table .product-name .variation dd {
display: inline;
margin: 0;
}
.woocommerce-cart-page table.shop_table .product-name .variation dd {
margin-right: 0.5rem;
}
.woocommerce-cart-page table.shop_table .product-name .product-quantity,
.woocommerce-cart-page table.shop_table .product-name .mobile-product-price,
.woocommerce-cart-page table.shop_table .product-name .quantity + .quantity {
display: none;
}
.woocommerce-cart-page table.shop_table .product-quantity .quantity {
display: inline-flex;
align-items: center;
margin: 0;
}
.woocommerce-cart-page table.shop_table .product-quantity .qty {
width: 64px;
height: 40px;
text-align: center;
border: 1px solid #ddd;
border-radius: 0;
font-size: 14px;
background: #fff;
}
.woocommerce-cart-page table.shop_table .product-quantity label {
position: absolute !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
}
.woocommerce-cart-page table.shop_table .product-price,
.woocommerce-cart-page table.shop_table .product-subtotal {
white-space: nowrap;
font-weight: 500;
}
.woocommerce-cart-page table.shop_table .actions {
border-bottom: 0;
padding-top: 1.5rem;
}
.woocommerce-cart-page table.shop_table .actions .coupon {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
float: left;
}
.woocommerce-cart-page table.shop_table .actions .coupon label {
display: none;
}
.woocommerce-cart-page table.shop_table .actions .coupon .input-text {
min-width: 180px;
height: 44px;
padding: 0 0.85rem;
border: 1px solid #ddd;
border-radius: 0;
}
.woocommerce-cart-page table.shop_table .actions .button {
float: right;
height: 44px;
}
.woocommerce-cart-page table.shop_table .actions::after {
content: "";
display: table;
clear: both;
}
.woocommerce-cart-page .cart-collaterals {
margin-top: 2.5rem;
display: grid;
grid-template-columns: 1fr minmax(280px, 380px);
gap: 2rem;
align-items: start;
}
@media (max-width: 768px) {
.woocommerce-cart-page .cart-collaterals {
grid-template-columns: 1fr;
}
}
.woocommerce-cart-page .cart_totals {
padding: 1.5rem;
border: 1px solid #e8e8e8;
background: #fafafa;
}
.woocommerce-cart-page .cart_totals > h2 {
margin: 0 0 1rem;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.woocommerce-cart-page .cart_totals table {
width: 100%;
margin: 0 0 1.25rem;
border: 0;
}
.woocommerce-cart-page .cart_totals table th,
.woocommerce-cart-page .cart_totals table td {
border: 0;
border-bottom: 1px solid #eee;
padding: 0.75rem 0;
background: transparent;
font-size: 14px;
}
.woocommerce-cart-page .cart_totals table th {
text-align: left;
font-weight: 500;
color: #666;
}
.woocommerce-cart-page .cart_totals table td {
text-align: right;
font-weight: 500;
}
.woocommerce-cart-page .cart_totals table .order-total th,
.woocommerce-cart-page .cart_totals table .order-total td {
border-bottom: 0;
font-size: 16px;
font-weight: 600;
color: #222;
padding-top: 1rem;
}
.woocommerce-cart-page .cart_totals .wc-proceed-to-checkout {
margin: 0;
}
.woocommerce-cart-page .cart_totals .wc-proceed-to-checkout .checkout-button {
display: block;
width: 100%;
text-align: center;
padding: 0.95rem 1.25rem !important;
}
.woocommerce-cart-page .return-to-shop,
.woocommerce-cart-page .wc-empty-cart-message {
text-align: center;
padding: 3rem 1rem;
}
@media (max-width: 768px) {
.woocommerce-cart-page table.shop_table thead {
display: none;
}
.woocommerce-cart-page table.shop_table tr {
display: block;
padding: 1.25rem 0;
border-bottom: 1px solid #e8e8e8;
}
.woocommerce-cart-page table.shop_table td {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
border: 0;
padding: 0.35rem 0;
}
.woocommerce-cart-page table.shop_table td::before {
content: attr(data-title);
font-size: 12px;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #888;
}
.woocommerce-cart-page table.shop_table td.product-remove::before, .woocommerce-cart-page table.shop_table td.product-thumbnail::before, .woocommerce-cart-page table.shop_table td.product-name::before, .woocommerce-cart-page table.shop_table td.actions::before {
content: none;
}
.woocommerce-cart-page table.shop_table td.product-remove {
justify-content: flex-end;
padding: 0;
}
.woocommerce-cart-page table.shop_table td.product-thumbnail {
justify-content: flex-start;
}
.woocommerce-cart-page table.shop_table td.product-name {
display: block;
text-align: left;
}
.woocommerce-cart-page table.shop_table td.actions {
display: block;
}
.woocommerce-cart-page table.shop_table td.actions .coupon,
.woocommerce-cart-page table.shop_table td.actions .button {
float: none;
}
.woocommerce-cart-page table.shop_table td.actions .coupon {
margin-bottom: 0.75rem;
}
}
.woocommerce-checkout-page {
padding-block: calc(88px + 1.5rem) 80px;
background: #f2f2f2;
}
.woocommerce-checkout-page .checkout-page {
max-width: 1080px;
margin-inline: auto;
padding-inline: clamp(16px, 3vw, 24px);
}
.woocommerce-checkout-page .checkout-page__hero {
text-align: center;
margin-bottom: clamp(1.75rem, 3.5vw, 2.5rem);
}
.woocommerce-checkout-page .checkout-page__hero .breadcrumbs,
.woocommerce-checkout-page .checkout-page__hero .curio-breadcrumbs,
.woocommerce-checkout-page .checkout-page__hero .woocommerce-breadcrumb {
display: flex;
justify-content: center;
margin: 0 0 0.65rem;
font-size: 13px;
font-weight: 400;
color: #8a8a8a;
}
.woocommerce-checkout-page .checkout-page__hero .breadcrumbs a,
.woocommerce-checkout-page .checkout-page__hero .curio-breadcrumbs a,
.woocommerce-checkout-page .checkout-page__hero .woocommerce-breadcrumb a {
color: inherit;
text-decoration: none;
}
.woocommerce-checkout-page .checkout-page__hero .breadcrumbs a:hover,
.woocommerce-checkout-page .checkout-page__hero .curio-breadcrumbs a:hover,
.woocommerce-checkout-page .checkout-page__hero .woocommerce-breadcrumb a:hover {
color: #555;
}
.woocommerce-checkout-page .checkout-page__hero .breadcrumbs__list {
justify-content: center;
}
.woocommerce-checkout-page .checkout-page__title {
margin: 0;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: clamp(28px, 3.6vw, 40px);
font-weight: 500;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #111;
line-height: 1.15;
}
.woocommerce-checkout-page .checkout-page__body {
max-width: none;
margin: 0;
}
.woocommerce-checkout-page .woocommerce-form-login-toggle,
.woocommerce-checkout-page .woocommerce-form-coupon-toggle {
max-width: 1080px;
margin: 0 auto 1.25rem;
}
.woocommerce-checkout-page .woocommerce-form-login-toggle .woocommerce-info,
.woocommerce-checkout-page .woocommerce-form-coupon-toggle .woocommerce-info {
margin: 0;
padding: 0.85rem 1rem;
background: #fff;
border: 1px solid #ddd;
border-top: 2px solid #111;
font-size: 14px;
color: #333;
box-shadow: none;
}
.woocommerce-checkout-page .woocommerce-form-login-toggle .woocommerce-info::before,
.woocommerce-checkout-page .woocommerce-form-coupon-toggle .woocommerce-info::before {
display: none;
}
.woocommerce-checkout-page .woocommerce-form-login-toggle .woocommerce-info a,
.woocommerce-checkout-page .woocommerce-form-coupon-toggle .woocommerce-info a {
color: #111;
font-weight: 600;
text-decoration: underline;
text-underline-offset: 2px;
}
.woocommerce-checkout-page .checkout_coupon {
max-width: 1080px;
margin: 0 auto 1.5rem !important;
padding: 0.85rem 1rem !important;
border: 1px solid #ddd !important;
background: #fff !important;
}
.woocommerce-checkout-page .checkout_coupon .checkout-coupon-row {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
gap: 0.65rem;
width: 100%;
}
.woocommerce-checkout-page .checkout_coupon .checkout-coupon-row__input,
.woocommerce-checkout-page .checkout_coupon input.input-text {
flex: 1 1 auto;
width: auto !important;
max-width: 320px !important;
min-width: 0;
min-height: 36px !important;
height: 36px !important;
margin: 0 !important;
padding: 0 0.75rem !important;
font-size: 13px !important;
box-sizing: border-box;
}
.woocommerce-checkout-page .checkout_coupon .checkout-coupon-row__btn,
.woocommerce-checkout-page .checkout_coupon button.button {
flex: 0 0 auto;
width: auto !important;
min-width: 0 !important;
min-height: 36px !important;
height: 36px !important;
margin: 0 !important;
padding: 0 0.85rem !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 0.06em !important;
line-height: 1 !important;
background: #111 !important;
color: #fff !important;
white-space: nowrap;
}
.woocommerce-checkout-page .checkout_coupon > .form-row {
float: none !important;
margin: 0 !important;
padding: 0 !important;
}
.woocommerce-checkout-page .checkout_coupon > .form-row-first {
display: inline-block !important;
width: calc(100% - 110px) !important;
max-width: 320px !important;
vertical-align: middle;
}
.woocommerce-checkout-page .checkout_coupon > .form-row-last {
display: inline-block !important;
width: auto !important;
vertical-align: middle;
margin-left: 0.65rem !important;
}
.woocommerce-checkout-page .checkout_coupon .clear {
display: none;
}
.woocommerce-checkout-page form.woocommerce-checkout {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(320px, 380px);
column-gap: clamp(2rem, 4vw, 3rem);
row-gap: 0;
align-items: start;
}
@media (max-width: 992px) {
.woocommerce-checkout-page form.woocommerce-checkout {
grid-template-columns: 1fr;
row-gap: 1.75rem;
}
}
.woocommerce-checkout-page #customer_details {
grid-column: 1;
grid-row: 1/span 3;
width: 100%;
padding-right: 0.25rem;
}
@media (max-width: 992px) {
.woocommerce-checkout-page #customer_details {
grid-row: auto;
padding-right: 0;
}
}
.woocommerce-checkout-page .col2-set {
display: block;
width: 100%;
}
.woocommerce-checkout-page .col2-set .col-1,
.woocommerce-checkout-page .col2-set .col-2 {
width: 100%;
float: none;
max-width: none;
}
.woocommerce-checkout-page .col2-set .col-2 {
margin-top: 2rem;
}
.woocommerce-checkout-page #order_review_heading {
grid-column: 2;
grid-row: 1;
margin: 0;
padding: 1.15rem 1.25rem 0.85rem;
border: 1px solid #111;
border-bottom: 0;
background: #fff;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
text-align: center;
color: #111;
}
@media (max-width: 992px) {
.woocommerce-checkout-page #order_review_heading {
grid-column: 1;
grid-row: auto;
}
}
.woocommerce-checkout-page #order_review {
grid-column: 2;
grid-row: 2;
position: sticky;
top: calc(72px + 1rem);
margin: 0;
padding: 0 1.25rem 1.25rem;
border: 1px solid #111;
border-top: 0;
background: #fff;
}
@media (max-width: 992px) {
.woocommerce-checkout-page #order_review {
position: static;
grid-column: 1;
grid-row: auto;
}
}
.woocommerce-checkout-page .woocommerce-billing-fields h3,
.woocommerce-checkout-page .woocommerce-shipping-fields h3,
.woocommerce-checkout-page .woocommerce-additional-fields h3 {
margin: 0 0 1.15rem;
padding-bottom: 0.65rem;
border-bottom: 1px solid #e4e4e4;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #111;
}
.woocommerce-checkout-page .woocommerce-additional-fields {
margin-top: 2rem;
}
.woocommerce-checkout-page .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout-page .woocommerce-shipping-fields__field-wrapper,
.woocommerce-checkout-page .woocommerce-additional-fields__field-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.85rem 1rem;
}
@media (max-width: 768px) {
.woocommerce-checkout-page .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout-page .woocommerce-shipping-fields__field-wrapper,
.woocommerce-checkout-page .woocommerce-additional-fields__field-wrapper {
grid-template-columns: 1fr;
}
}
.woocommerce-checkout-page .woocommerce-billing-fields__field-wrapper .form-row-wide,
.woocommerce-checkout-page .woocommerce-billing-fields__field-wrapper .address-field,
.woocommerce-checkout-page .woocommerce-billing-fields__field-wrapper #billing_country_field,
.woocommerce-checkout-page .woocommerce-billing-fields__field-wrapper #billing_address_1_field,
.woocommerce-checkout-page .woocommerce-billing-fields__field-wrapper #billing_address_2_field,
.woocommerce-checkout-page .woocommerce-billing-fields__field-wrapper #billing_city_field,
.woocommerce-checkout-page .woocommerce-billing-fields__field-wrapper #billing_state_field,
.woocommerce-checkout-page .woocommerce-billing-fields__field-wrapper #billing_phone_field,
.woocommerce-checkout-page .woocommerce-billing-fields__field-wrapper #billing_email_field,
.woocommerce-checkout-page .woocommerce-billing-fields__field-wrapper #billing_postcode_field,
.woocommerce-checkout-page .woocommerce-billing-fields__field-wrapper #order_comments_field,
.woocommerce-checkout-page .woocommerce-billing-fields__field-wrapper #shipping_country_field,
.woocommerce-checkout-page .woocommerce-billing-fields__field-wrapper #shipping_address_1_field,
.woocommerce-checkout-page .woocommerce-billing-fields__field-wrapper #shipping_address_2_field,
.woocommerce-checkout-page .woocommerce-billing-fields__field-wrapper #shipping_city_field,
.woocommerce-checkout-page .woocommerce-billing-fields__field-wrapper #shipping_state_field,
.woocommerce-checkout-page .woocommerce-billing-fields__field-wrapper #shipping_postcode_field,
.woocommerce-checkout-page .woocommerce-shipping-fields__field-wrapper .form-row-wide,
.woocommerce-checkout-page .woocommerce-shipping-fields__field-wrapper .address-field,
.woocommerce-checkout-page .woocommerce-shipping-fields__field-wrapper #billing_country_field,
.woocommerce-checkout-page .woocommerce-shipping-fields__field-wrapper #billing_address_1_field,
.woocommerce-checkout-page .woocommerce-shipping-fields__field-wrapper #billing_address_2_field,
.woocommerce-checkout-page .woocommerce-shipping-fields__field-wrapper #billing_city_field,
.woocommerce-checkout-page .woocommerce-shipping-fields__field-wrapper #billing_state_field,
.woocommerce-checkout-page .woocommerce-shipping-fields__field-wrapper #billing_phone_field,
.woocommerce-checkout-page .woocommerce-shipping-fields__field-wrapper #billing_email_field,
.woocommerce-checkout-page .woocommerce-shipping-fields__field-wrapper #billing_postcode_field,
.woocommerce-checkout-page .woocommerce-shipping-fields__field-wrapper #order_comments_field,
.woocommerce-checkout-page .woocommerce-shipping-fields__field-wrapper #shipping_country_field,
.woocommerce-checkout-page .woocommerce-shipping-fields__field-wrapper #shipping_address_1_field,
.woocommerce-checkout-page .woocommerce-shipping-fields__field-wrapper #shipping_address_2_field,
.woocommerce-checkout-page .woocommerce-shipping-fields__field-wrapper #shipping_city_field,
.woocommerce-checkout-page .woocommerce-shipping-fields__field-wrapper #shipping_state_field,
.woocommerce-checkout-page .woocommerce-shipping-fields__field-wrapper #shipping_postcode_field,
.woocommerce-checkout-page .woocommerce-additional-fields__field-wrapper .form-row-wide,
.woocommerce-checkout-page .woocommerce-additional-fields__field-wrapper .address-field,
.woocommerce-checkout-page .woocommerce-additional-fields__field-wrapper #billing_country_field,
.woocommerce-checkout-page .woocommerce-additional-fields__field-wrapper #billing_address_1_field,
.woocommerce-checkout-page .woocommerce-additional-fields__field-wrapper #billing_address_2_field,
.woocommerce-checkout-page .woocommerce-additional-fields__field-wrapper #billing_city_field,
.woocommerce-checkout-page .woocommerce-additional-fields__field-wrapper #billing_state_field,
.woocommerce-checkout-page .woocommerce-additional-fields__field-wrapper #billing_phone_field,
.woocommerce-checkout-page .woocommerce-additional-fields__field-wrapper #billing_email_field,
.woocommerce-checkout-page .woocommerce-additional-fields__field-wrapper #billing_postcode_field,
.woocommerce-checkout-page .woocommerce-additional-fields__field-wrapper #order_comments_field,
.woocommerce-checkout-page .woocommerce-additional-fields__field-wrapper #shipping_country_field,
.woocommerce-checkout-page .woocommerce-additional-fields__field-wrapper #shipping_address_1_field,
.woocommerce-checkout-page .woocommerce-additional-fields__field-wrapper #shipping_address_2_field,
.woocommerce-checkout-page .woocommerce-additional-fields__field-wrapper #shipping_city_field,
.woocommerce-checkout-page .woocommerce-additional-fields__field-wrapper #shipping_state_field,
.woocommerce-checkout-page .woocommerce-additional-fields__field-wrapper #shipping_postcode_field {
grid-column: 1/-1;
}
.woocommerce-checkout-page .woocommerce-billing-fields__field-wrapper #billing_first_name_field,
.woocommerce-checkout-page .woocommerce-billing-fields__field-wrapper #shipping_first_name_field,
.woocommerce-checkout-page .woocommerce-shipping-fields__field-wrapper #billing_first_name_field,
.woocommerce-checkout-page .woocommerce-shipping-fields__field-wrapper #shipping_first_name_field,
.woocommerce-checkout-page .woocommerce-additional-fields__field-wrapper #billing_first_name_field,
.woocommerce-checkout-page .woocommerce-additional-fields__field-wrapper #shipping_first_name_field {
grid-column: 1;
}
.woocommerce-checkout-page .woocommerce-billing-fields__field-wrapper #billing_last_name_field,
.woocommerce-checkout-page .woocommerce-billing-fields__field-wrapper #shipping_last_name_field,
.woocommerce-checkout-page .woocommerce-shipping-fields__field-wrapper #billing_last_name_field,
.woocommerce-checkout-page .woocommerce-shipping-fields__field-wrapper #shipping_last_name_field,
.woocommerce-checkout-page .woocommerce-additional-fields__field-wrapper #billing_last_name_field,
.woocommerce-checkout-page .woocommerce-additional-fields__field-wrapper #shipping_last_name_field {
grid-column: 2;
}
@media (max-width: 768px) {
.woocommerce-checkout-page .woocommerce-billing-fields__field-wrapper #billing_last_name_field,
.woocommerce-checkout-page .woocommerce-billing-fields__field-wrapper #shipping_last_name_field,
.woocommerce-checkout-page .woocommerce-shipping-fields__field-wrapper #billing_last_name_field,
.woocommerce-checkout-page .woocommerce-shipping-fields__field-wrapper #shipping_last_name_field,
.woocommerce-checkout-page .woocommerce-additional-fields__field-wrapper #billing_last_name_field,
.woocommerce-checkout-page .woocommerce-additional-fields__field-wrapper #shipping_last_name_field {
grid-column: 1;
}
}
.woocommerce-checkout-page .form-row {
margin: 0;
padding: 0;
width: 100% !important;
float: none !important;
}
.woocommerce-checkout-page .form-row label {
display: block;
margin: 0 0 0.35rem;
font-size: 13px;
font-weight: 500;
color: #222;
line-height: 1.35;
}
.woocommerce-checkout-page .form-row label .required {
color: #b42318;
text-decoration: none;
border: 0;
}
.woocommerce-checkout-page .form-row label .optional {
font-weight: 400;
color: #888;
}
.woocommerce-checkout-page .form-row input.input-text,
.woocommerce-checkout-page .form-row textarea.input-text,
.woocommerce-checkout-page .form-row select,
.woocommerce-checkout-page .form-row .select2-container .select2-selection--single {
width: 100%;
min-height: 42px;
height: 42px;
padding: 0.45rem 0.75rem;
border: 1px solid #c8c8c8;
border-radius: 0;
background: #fff;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
color: #222;
box-shadow: none;
outline: none;
transition: border-color 0.2s ease;
}
.woocommerce-checkout-page .form-row input.input-text:focus,
.woocommerce-checkout-page .form-row textarea.input-text:focus,
.woocommerce-checkout-page .form-row select:focus,
.woocommerce-checkout-page .form-row .select2-container .select2-selection--single:focus {
border-color: #111;
}
.woocommerce-checkout-page .form-row textarea.input-text {
height: auto;
min-height: 96px;
padding: 0.65rem 0.75rem;
resize: vertical;
}
.woocommerce-checkout-page .form-row .select2-container {
width: 100% !important;
}
.woocommerce-checkout-page .form-row .select2-selection--single {
display: flex !important;
align-items: center;
height: 42px !important;
}
.woocommerce-checkout-page .form-row .select2-selection--single .select2-selection__rendered {
padding: 0;
line-height: 1.4;
color: #222;
}
.woocommerce-checkout-page .form-row .select2-selection--single .select2-selection__arrow {
height: 40px;
}
.woocommerce-checkout-page .form-row-first,
.woocommerce-checkout-page .form-row-last {
width: 100% !important;
float: none !important;
}
.woocommerce-checkout-page #order_review table.shop_table {
width: 100%;
margin: 0 0 1rem;
border: 0;
background: transparent;
}
.woocommerce-checkout-page #order_review table.shop_table th,
.woocommerce-checkout-page #order_review table.shop_table td {
border: 0;
border-bottom: 1px solid #ececec;
padding: 0.9rem 0;
background: transparent;
font-size: 13px;
color: #222;
vertical-align: middle;
}
.woocommerce-checkout-page #order_review table.shop_table thead {
display: none;
}
.woocommerce-checkout-page #order_review table.shop_table tbody tr:last-child td {
border-bottom: 1px solid #ddd;
}
.woocommerce-checkout-page #order_review table.shop_table tfoot th {
font-weight: 500;
text-align: left;
color: #444;
}
.woocommerce-checkout-page #order_review table.shop_table tfoot td {
text-align: right;
font-weight: 500;
}
.woocommerce-checkout-page #order_review table.shop_table tfoot .cart-subtotal th,
.woocommerce-checkout-page #order_review table.shop_table tfoot .cart-subtotal td {
padding-top: 1rem;
}
.woocommerce-checkout-page #order_review table.shop_table tfoot .order-total th,
.woocommerce-checkout-page #order_review table.shop_table tfoot .order-total td {
border-bottom: 0;
padding-top: 0.85rem;
padding-bottom: 0.35rem;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: #111;
}
.woocommerce-checkout-page #order_review table.shop_table .product-name {
font-weight: 600;
letter-spacing: 0.02em;
text-transform: uppercase;
line-height: 1.35;
}
.woocommerce-checkout-page #order_review table.shop_table .product-name .checkout-line {
display: flex;
align-items: flex-start;
gap: 0.75rem;
}
.woocommerce-checkout-page #order_review table.shop_table .product-name .checkout-line__thumb {
flex: 0 0 52px;
width: 52px;
height: 52px;
overflow: hidden;
background: #f2f2f2;
}
.woocommerce-checkout-page #order_review table.shop_table .product-name .checkout-line__thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.woocommerce-checkout-page #order_review table.shop_table .product-name .checkout-line__meta {
min-width: 0;
flex: 1;
}
.woocommerce-checkout-page #order_review table.shop_table .product-name .variation {
display: block;
margin-top: 0.3rem;
font-size: 12px;
font-weight: 400;
letter-spacing: 0;
text-transform: none;
color: #666;
line-height: 1.4;
}
.woocommerce-checkout-page #order_review table.shop_table .product-name .variation dt,
.woocommerce-checkout-page #order_review table.shop_table .product-name .variation dd {
display: inline;
margin: 0;
float: none;
}
.woocommerce-checkout-page #order_review table.shop_table .product-name .variation dd p {
display: inline;
margin: 0;
}
.woocommerce-checkout-page #order_review table.shop_table .product-name .product-quantity {
display: inline-block;
margin-left: 0.2rem;
font-weight: 500;
text-transform: none;
color: #555;
}
.woocommerce-checkout-page #order_review table.shop_table .product-total {
text-align: right;
white-space: nowrap;
font-weight: 500;
vertical-align: middle;
}
.woocommerce-checkout-page .woocommerce-checkout-payment {
background: transparent !important;
border: 0 !important;
padding: 0.75rem 0 0 !important;
margin: 0;
}
.woocommerce-checkout-page .woocommerce-checkout-payment ul.payment_methods {
list-style: none;
margin: 0 0 1rem;
padding: 0 0 1rem;
border: 0;
border-bottom: 1px solid #ececec;
}
.woocommerce-checkout-page .woocommerce-checkout-payment ul.payment_methods li {
margin: 0 0 0.65rem;
line-height: 1.55;
font-size: 13px;
color: #555;
}
.woocommerce-checkout-page .woocommerce-checkout-payment ul.payment_methods li:last-child {
margin-bottom: 0;
}
.woocommerce-checkout-page .woocommerce-checkout-payment ul.payment_methods li input {
margin-right: 0.4rem;
}
.woocommerce-checkout-page .woocommerce-checkout-payment ul.payment_methods li label {
font-size: 13px;
font-weight: 600;
color: #111;
}
.woocommerce-checkout-page .woocommerce-checkout-payment ul.payment_methods li .payment_box {
margin: 0.55rem 0 0;
padding: 0.65rem 0.75rem;
background: #f7f7f7 !important;
border: 0;
font-size: 12.5px;
font-weight: 400;
line-height: 1.6;
color: #555;
}
.woocommerce-checkout-page .woocommerce-checkout-payment ul.payment_methods li .payment_box p {
margin: 0;
}
.woocommerce-checkout-page .woocommerce-checkout-payment ul.payment_methods li .payment_box::before {
display: none;
}
.woocommerce-checkout-page .woocommerce-checkout-payment .form-row.place-order {
margin: 0;
padding: 0;
}
.woocommerce-checkout-page .woocommerce-checkout-payment #place_order,
.woocommerce-checkout-page .woocommerce-checkout-payment button#place_order.button {
width: 100%;
min-height: 50px;
margin: 0.35rem 0 0;
padding: 0.85rem 1.25rem !important;
border: 0 !important;
border-radius: 0 !important;
background: #111 !important;
color: #fff !important;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
cursor: pointer;
transition: background 0.25s ease, opacity 0.25s ease;
}
.woocommerce-checkout-page .woocommerce-checkout-payment #place_order:hover,
.woocommerce-checkout-page .woocommerce-checkout-payment button#place_order.button:hover {
background: #000 !important;
color: #fff !important;
}
.woocommerce-checkout-page .woocommerce-privacy-policy-text {
margin: 0 0 0.85rem;
font-size: 12px;
line-height: 1.55;
color: #777;
}
.woocommerce-checkout-page .woocommerce-privacy-policy-text a {
color: #111;
}
.woocommerce-checkout-page.woocommerce-order-received-page .checkout-page,
.woocommerce-checkout-page .checkout-page--thankyou .checkout-page {
max-width: 720px;
}
.woocommerce-checkout-page .curio-thankyou {
max-width: 720px;
margin: 0 auto;
color: #222;
}
.woocommerce-checkout-page .curio-thankyou__intro {
text-align: center;
margin: 0 0 1.75rem;
}
.woocommerce-checkout-page .curio-thankyou__icon {
display: flex;
justify-content: center;
margin: 0 0 1.15rem;
color: #333;
}
.woocommerce-checkout-page .curio-thankyou__icon svg {
width: 52px;
height: 52px;
}
.woocommerce-checkout-page .curio-thankyou__message {
margin: 0;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: clamp(13px, 1.5vw, 15px);
font-weight: 500;
letter-spacing: 0.06em;
line-height: 1.55;
text-transform: uppercase;
color: #9a9a9a;
}
.woocommerce-checkout-page .curio-thankyou__overview,
.woocommerce-checkout-page ul.woocommerce-order-overview.curio-thankyou__overview {
display: block;
width: 100%;
max-width: 520px;
margin: 0 auto 2.75rem;
padding: 1.35rem 1.5rem;
list-style: none;
border: 1px solid #cfcfcf;
background: transparent;
text-align: center;
}
.woocommerce-checkout-page .curio-thankyou__overview::before, .woocommerce-checkout-page .curio-thankyou__overview::after,
.woocommerce-checkout-page ul.woocommerce-order-overview.curio-thankyou__overview::before,
.woocommerce-checkout-page ul.woocommerce-order-overview.curio-thankyou__overview::after {
display: none;
}
.woocommerce-checkout-page .curio-thankyou__overview li,
.woocommerce-checkout-page ul.woocommerce-order-overview.curio-thankyou__overview li {
display: block;
float: none;
width: 100%;
margin: 0;
padding: 0.35rem 0;
border: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.55;
color: #444;
text-transform: none;
}
.woocommerce-checkout-page .curio-thankyou__overview li strong,
.woocommerce-checkout-page ul.woocommerce-order-overview.curio-thankyou__overview li strong {
font-weight: 600;
color: #111;
}
.woocommerce-checkout-page .curio-thankyou__overview li::before, .woocommerce-checkout-page .curio-thankyou__overview li::after,
.woocommerce-checkout-page ul.woocommerce-order-overview.curio-thankyou__overview li::before,
.woocommerce-checkout-page ul.woocommerce-order-overview.curio-thankyou__overview li::after {
display: none;
}
.woocommerce-checkout-page .curio-thankyou__label {
margin-right: 0.25rem;
font-weight: 400;
color: #555;
}
.woocommerce-checkout-page .curio-thankyou__details {
text-align: left;
}
.woocommerce-checkout-page .curio-thankyou__details > h2,
.woocommerce-checkout-page .curio-thankyou__details .wc-bacs-bank-details-heading,
.woocommerce-checkout-page .curio-thankyou__details .woocommerce-order-details__title,
.woocommerce-checkout-page .curio-thankyou__details .woocommerce-column__title {
margin: 0 0 1rem;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: clamp(22px, 2.6vw, 28px);
font-weight: 500;
letter-spacing: 0;
line-height: 1.25;
text-transform: none;
color: #111;
}
.woocommerce-checkout-page .curio-thankyou__details .woocommerce-bacs-bank-details,
.woocommerce-checkout-page .curio-thankyou__details .wc-bacs-bank-details {
margin: 0 0 2.75rem;
}
.woocommerce-checkout-page .curio-thankyou__details .woocommerce-bacs-bank-details h3,
.woocommerce-checkout-page .curio-thankyou__details .woocommerce-bacs-bank-details .wc-bacs-bank-details-account-name,
.woocommerce-checkout-page .curio-thankyou__details .wc-bacs-bank-details h3,
.woocommerce-checkout-page .curio-thankyou__details .wc-bacs-bank-details .wc-bacs-bank-details-account-name {
margin: 0 0 0.65rem;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #111;
}
.woocommerce-checkout-page .curio-thankyou__details .woocommerce-bacs-bank-details ul.wc-bacs-bank-details.order_details.bacs_details,
.woocommerce-checkout-page .curio-thankyou__details .woocommerce-bacs-bank-details ul.bacs_details,
.woocommerce-checkout-page .curio-thankyou__details .wc-bacs-bank-details ul.wc-bacs-bank-details.order_details.bacs_details,
.woocommerce-checkout-page .curio-thankyou__details .wc-bacs-bank-details ul.bacs_details {
margin: 0;
padding: 0;
list-style: none;
border: 0;
}
.woocommerce-checkout-page .curio-thankyou__details .woocommerce-bacs-bank-details ul.wc-bacs-bank-details.order_details.bacs_details::before, .woocommerce-checkout-page .curio-thankyou__details .woocommerce-bacs-bank-details ul.wc-bacs-bank-details.order_details.bacs_details::after,
.woocommerce-checkout-page .curio-thankyou__details .woocommerce-bacs-bank-details ul.bacs_details::before,
.woocommerce-checkout-page .curio-thankyou__details .woocommerce-bacs-bank-details ul.bacs_details::after,
.woocommerce-checkout-page .curio-thankyou__details .wc-bacs-bank-details ul.wc-bacs-bank-details.order_details.bacs_details::before,
.woocommerce-checkout-page .curio-thankyou__details .wc-bacs-bank-details ul.wc-bacs-bank-details.order_details.bacs_details::after,
.woocommerce-checkout-page .curio-thankyou__details .wc-bacs-bank-details ul.bacs_details::before,
.woocommerce-checkout-page .curio-thankyou__details .wc-bacs-bank-details ul.bacs_details::after {
display: none;
}
.woocommerce-checkout-page .curio-thankyou__details .woocommerce-bacs-bank-details ul.wc-bacs-bank-details.order_details.bacs_details li,
.woocommerce-checkout-page .curio-thankyou__details .woocommerce-bacs-bank-details ul.bacs_details li,
.woocommerce-checkout-page .curio-thankyou__details .wc-bacs-bank-details ul.wc-bacs-bank-details.order_details.bacs_details li,
.woocommerce-checkout-page .curio-thankyou__details .wc-bacs-bank-details ul.bacs_details li {
display: block;
float: none;
width: 100%;
margin: 0;
padding: 0.2rem 0;
border: 0;
font-size: 14px;
line-height: 1.6;
color: #333;
}
.woocommerce-checkout-page .curio-thankyou__details .woocommerce-bacs-bank-details ul.wc-bacs-bank-details.order_details.bacs_details li strong,
.woocommerce-checkout-page .curio-thankyou__details .woocommerce-bacs-bank-details ul.bacs_details li strong,
.woocommerce-checkout-page .curio-thankyou__details .wc-bacs-bank-details ul.wc-bacs-bank-details.order_details.bacs_details li strong,
.woocommerce-checkout-page .curio-thankyou__details .wc-bacs-bank-details ul.bacs_details li strong {
font-weight: 700;
color: #111;
}
.woocommerce-checkout-page .curio-thankyou__details .woocommerce-order-details {
margin: 0 0 2.75rem;
}
.woocommerce-checkout-page .curio-thankyou__details table.woocommerce-table--order-details,
.woocommerce-checkout-page .curio-thankyou__details table.shop_table.order_details {
width: 100%;
margin: 0;
border: 0;
border-collapse: collapse;
background: transparent;
}
.woocommerce-checkout-page .curio-thankyou__details table.woocommerce-table--order-details thead th,
.woocommerce-checkout-page .curio-thankyou__details table.shop_table.order_details thead th {
padding: 0 0 0.75rem;
border: 0;
border-bottom: 1px solid #ddd;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #9a9a9a;
background: transparent;
}
.woocommerce-checkout-page .curio-thankyou__details table.woocommerce-table--order-details tbody th,
.woocommerce-checkout-page .curio-thankyou__details table.woocommerce-table--order-details tbody td,
.woocommerce-checkout-page .curio-thankyou__details table.woocommerce-table--order-details tfoot th,
.woocommerce-checkout-page .curio-thankyou__details table.woocommerce-table--order-details tfoot td,
.woocommerce-checkout-page .curio-thankyou__details table.shop_table.order_details tbody th,
.woocommerce-checkout-page .curio-thankyou__details table.shop_table.order_details tbody td,
.woocommerce-checkout-page .curio-thankyou__details table.shop_table.order_details tfoot th,
.woocommerce-checkout-page .curio-thankyou__details table.shop_table.order_details tfoot td {
padding: 0.9rem 0;
border: 0;
border-top: 1px solid #e5e5e5;
font-size: 14px;
font-weight: 400;
vertical-align: top;
background: transparent;
color: #222;
}
.woocommerce-checkout-page .curio-thankyou__details table.woocommerce-table--order-details tbody tr:first-child td,
.woocommerce-checkout-page .curio-thankyou__details table.woocommerce-table--order-details tbody tr:first-child th,
.woocommerce-checkout-page .curio-thankyou__details table.shop_table.order_details tbody tr:first-child td,
.woocommerce-checkout-page .curio-thankyou__details table.shop_table.order_details tbody tr:first-child th {
border-top: 0;
}
.woocommerce-checkout-page .curio-thankyou__details table.woocommerce-table--order-details .product-name a,
.woocommerce-checkout-page .curio-thankyou__details table.shop_table.order_details .product-name a {
color: inherit;
text-decoration: none;
font-weight: 500;
}
.woocommerce-checkout-page .curio-thankyou__details table.woocommerce-table--order-details .product-name .product-quantity,
.woocommerce-checkout-page .curio-thankyou__details table.shop_table.order_details .product-name .product-quantity {
font-weight: 400;
color: #222;
}
.woocommerce-checkout-page .curio-thankyou__details table.woocommerce-table--order-details .product-name .wc-item-meta,
.woocommerce-checkout-page .curio-thankyou__details table.woocommerce-table--order-details .product-name ul.wc-item-meta,
.woocommerce-checkout-page .curio-thankyou__details table.shop_table.order_details .product-name .wc-item-meta,
.woocommerce-checkout-page .curio-thankyou__details table.shop_table.order_details .product-name ul.wc-item-meta {
margin: 0.35rem 0 0;
padding: 0;
list-style: none;
}
.woocommerce-checkout-page .curio-thankyou__details table.woocommerce-table--order-details .product-name .wc-item-meta li,
.woocommerce-checkout-page .curio-thankyou__details table.woocommerce-table--order-details .product-name ul.wc-item-meta li,
.woocommerce-checkout-page .curio-thankyou__details table.shop_table.order_details .product-name .wc-item-meta li,
.woocommerce-checkout-page .curio-thankyou__details table.shop_table.order_details .product-name ul.wc-item-meta li {
margin: 0;
font-size: 13px;
color: #888;
}
.woocommerce-checkout-page .curio-thankyou__details table.woocommerce-table--order-details .product-name .wc-item-meta li p,
.woocommerce-checkout-page .curio-thankyou__details table.woocommerce-table--order-details .product-name .wc-item-meta li strong,
.woocommerce-checkout-page .curio-thankyou__details table.woocommerce-table--order-details .product-name ul.wc-item-meta li p,
.woocommerce-checkout-page .curio-thankyou__details table.woocommerce-table--order-details .product-name ul.wc-item-meta li strong,
.woocommerce-checkout-page .curio-thankyou__details table.shop_table.order_details .product-name .wc-item-meta li p,
.woocommerce-checkout-page .curio-thankyou__details table.shop_table.order_details .product-name .wc-item-meta li strong,
.woocommerce-checkout-page .curio-thankyou__details table.shop_table.order_details .product-name ul.wc-item-meta li p,
.woocommerce-checkout-page .curio-thankyou__details table.shop_table.order_details .product-name ul.wc-item-meta li strong {
font-weight: 400;
color: inherit;
}
.woocommerce-checkout-page .curio-thankyou__details table.woocommerce-table--order-details .product-total,
.woocommerce-checkout-page .curio-thankyou__details table.woocommerce-table--order-details tfoot td,
.woocommerce-checkout-page .curio-thankyou__details table.shop_table.order_details .product-total,
.woocommerce-checkout-page .curio-thankyou__details table.shop_table.order_details tfoot td {
text-align: right;
white-space: nowrap;
}
.woocommerce-checkout-page .curio-thankyou__details table.woocommerce-table--order-details tfoot th,
.woocommerce-checkout-page .curio-thankyou__details table.shop_table.order_details tfoot th {
text-align: left;
font-weight: 400;
}
.woocommerce-checkout-page .curio-thankyou__details table.woocommerce-table--order-details tfoot .woocommerce-table__product-total,
.woocommerce-checkout-page .curio-thankyou__details table.woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-checkout-page .curio-thankyou__details table.woocommerce-table--order-details tfoot tr:last-child td,
.woocommerce-checkout-page .curio-thankyou__details table.woocommerce-table--order-details tfoot .order-total th,
.woocommerce-checkout-page .curio-thankyou__details table.woocommerce-table--order-details tfoot .order-total td,
.woocommerce-checkout-page .curio-thankyou__details table.shop_table.order_details tfoot .woocommerce-table__product-total,
.woocommerce-checkout-page .curio-thankyou__details table.shop_table.order_details tfoot tr:last-child th,
.woocommerce-checkout-page .curio-thankyou__details table.shop_table.order_details tfoot tr:last-child td,
.woocommerce-checkout-page .curio-thankyou__details table.shop_table.order_details tfoot .order-total th,
.woocommerce-checkout-page .curio-thankyou__details table.shop_table.order_details tfoot .order-total td {
font-weight: 700;
}
.woocommerce-checkout-page .curio-thankyou__details table.woocommerce-table--order-details tfoot tr.woocommerce-table__line-item,
.woocommerce-checkout-page .curio-thankyou__details table.woocommerce-table--order-details .payment-method th,
.woocommerce-checkout-page .curio-thankyou__details table.shop_table.order_details tfoot tr.woocommerce-table__line-item,
.woocommerce-checkout-page .curio-thankyou__details table.shop_table.order_details .payment-method th {
font-size: 11px;
font-weight: 500;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #666;
}
.woocommerce-checkout-page .curio-thankyou__details .woocommerce-customer-details {
margin: 0;
}
.woocommerce-checkout-page .curio-thankyou__details .woocommerce-customer-details address {
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-size: 14px;
line-height: 1.7;
color: #333;
}
.woocommerce-checkout-page .curio-thankyou__details .woocommerce-customer-details address p {
margin: 0;
}
.woocommerce-checkout-page .curio-thankyou__details .woocommerce-customer-details .woocommerce-customer-details--phone,
.woocommerce-checkout-page .curio-thankyou__details .woocommerce-customer-details .woocommerce-customer-details--email {
display: block;
margin-top: 0;
padding-left: 0;
}
.woocommerce-checkout-page .curio-thankyou__details .woocommerce-customer-details .woocommerce-customer-details--phone::before,
.woocommerce-checkout-page .curio-thankyou__details .woocommerce-customer-details .woocommerce-customer-details--email::before {
display: none;
}
.woocommerce-checkout-page .curio-thankyou__details .woocommerce-columns--2 {
display: block;
}
.woocommerce-checkout-page .curio-thankyou__details .woocommerce-columns--2 .woocommerce-column--shipping-address:empty,
.woocommerce-checkout-page .curio-thankyou__details .woocommerce-columns--2 .woocommerce-column--shipping-address:has(address:empty) {
display: none;
}
.woocommerce-checkout-page .curio-thankyou__details .woocommerce-columns--2 .woocommerce-column--billing-address {
width: 100%;
float: none;
}