:root {
--fancsv-primary: #a78754;
--fancsv-primary-hover: #c47d14;
--fancsv-text: #30373e;
--fancsv-muted: #666666;
--fancsv-lighter: #999999;
--fancsv-border: #e5e5e5;
--fancsv-surface: #f8f6f4;
--fancsv-footer-dark: #121d23;
--fancsv-white: #ffffff;
--fancsv-shadow: 0 20px 60px rgba(18, 29, 35, 0.08);
--fancsv-container: 1290px;
--fancsv-space-section: clamp(4rem, 8vw, 8rem);
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
margin: 0;
color: var(--fancsv-text);
background: var(--fancsv-white);
font-family: "Arial", sans-serif;
line-height: 1.65;
}
img {
max-width: 100%;
height: auto;
display: block;
}
a {
color: inherit;
text-decoration: none;
}
button,
input,
select,
textarea {
font: inherit;
}
button,
.button,
.wp-element-button,
input[type="submit"] {
cursor: pointer;
}
:focus-visible {
outline: 2px solid var(--fancsv-primary);
outline-offset: 3px;
}
.screen-reader-text {
position: absolute;
left: -9999px;
}
.fancsv-container {
width: min(calc(100% - 30px), var(--fancsv-container));
margin: 0 auto;
}
.fancsv-eyebrow {
margin: 0 0 0.75rem;
font-size: 0.8125rem;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--fancsv-primary);
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 1rem;
font-family: "Arial", serif;
font-weight: 400;
line-height: 1.08;
}
h1 {
font-size: clamp(3rem, 6vw, 4.5rem);
}
h2 {
font-size: clamp(2.25rem, 4vw, 3rem);
}
p {
margin: 0 0 1rem;
}
.fancsv-button-secondary,
.fancsv-newsletter-form button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce button.button.alt,
.woocommerce a.button.alt {
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid transparent;
border-radius: 999px;
background: var(--fancsv-text);
color: var(--fancsv-white);
padding: 0.95rem 1.6rem;
text-transform: uppercase;
letter-spacing: 0.1em;
font-size: 0.8rem;
transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
.fancsv-button-secondary:hover,
.fancsv-newsletter-form button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover {
background: transparent;
color: var(--fancsv-primary);
border-color: var(--fancsv-primary);
}
.fancsv-text-link {
text-transform: uppercase;
letter-spacing: 0.1em;
font-size: 0.8rem;
color: var(--fancsv-primary);
}
.fancsv-header {
position: sticky;
top: 0;
z-index: 30;
background: rgba(255, 255, 255, 0.96);
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
backdrop-filter: blur(14px);
}
.fancsv-header__inner {
display: flex;
align-items: center;
min-height: 84px;
gap: 1rem;
}
.fancsv-header__start,
.fancsv-header__actions {
display: flex;
align-items: center;
gap: 1rem;
}
.fancsv-header__start {
display: none;
}
.fancsv-header__actions {
justify-content: flex-end;
flex: 0 0 auto;
}
.fancsv-header__branding {
flex: 0 0 auto;
margin-right: auto;
}
.fancsv-header__nav {
flex: 0 1 auto;
}
.fancsv-logo,
.custom-logo-link {
display: inline-flex;
align-items: center;
justify-content: center;
font-family: "Arial", serif;
font-size: 1.6rem;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.wp-block-site-logo {
margin: 0;
}
.wp-block-site-logo a {
display: inline-flex;
align-items: center;
}
.custom-logo {
max-height: 56px;
width: auto;
}
.entry-content .wp-block-site-logo img,
.entry-content .wp-block-image img[src$=".svg"],
.entry-content .wp-block-image img[src$=".SVG"],
.entry-content img[src*=".svg?"],
.entry-content img[src*=".SVG?"],
.entry-content svg {
display: block;
max-width: 100%;
height: auto;
}
.fancsv-primary-menu,
.fancsv-footer-menu,
.fancsv-drawer-menu {
list-style: none;
margin: 0;
padding: 0;
}
.fancsv-primary-menu {
display: flex;
justify-content: flex-end;
align-items: center;
flex-wrap: nowrap;
gap: 1.75rem;
}
.fancsv-primary-menu li {
position: relative;
list-style: none;
}
.fancsv-primary-menu > li {
display: flex;
align-items: center;
min-height: 84px;
}
.fancsv-primary-menu a {
display: inline-flex;
align-items: center;
position: relative;
font-size: 0.875rem;
font-weight: 500;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.fancsv-primary-menu > li > a {
min-height: auto;
}
.fancsv-primary-menu .menu-item-has-children > a {
gap: 0.45rem;
}
.fancsv-primary-menu .menu-item-has-children > a::before {
content: "";
flex: 0 0 auto;
width: 0.45rem;
height: 0.45rem;
margin-top: -0.2rem;
border-right: 1px solid currentColor;
border-bottom: 1px solid currentColor;
transform: rotate(45deg);
transition: transform 0.25s ease;
}
.fancsv-primary-menu a::after {
content: "";
position: absolute;
left: 0;
bottom: -0.15rem;
width: 100%;
height: 1px;
background: var(--fancsv-primary);
transform: scaleX(0);
transform-origin: center;
transition: transform 0.25s ease;
}
.fancsv-primary-menu a:hover::after,
.fancsv-primary-menu .current-menu-item > a::after,
.fancsv-primary-menu .current-menu-ancestor > a::after,
.fancsv-primary-menu li:hover > a::after,
.fancsv-primary-menu li:focus-within > a::after {
transform: scaleX(1);
}
.fancsv-primary-menu .sub-menu {
position: absolute;
top: calc(100% - 1px);
left: 0;
z-index: 40;
min-width: 240px;
margin: 0;
padding: 0.9rem 0;
list-style: none;
background: var(--fancsv-white);
border: 1px solid rgba(0, 0, 0, 0.06);
box-shadow: var(--fancsv-shadow);
opacity: 0;
visibility: hidden;
transform: translateY(12px);
pointer-events: none;
transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
}
.fancsv-primary-menu .sub-menu li {
width: 100%;
}
.fancsv-primary-menu .sub-menu a {
display: flex;
justify-content: space-between;
width: 100%;
padding: 0.7rem 1.4rem;
font-size: 0.75rem;
letter-spacing: 0.1em;
}
.fancsv-primary-menu .sub-menu a::after {
left: 1.4rem;
width: calc(100% - 2.8rem);
bottom: 0.45rem;
}
.fancsv-primary-menu .sub-menu .sub-menu {
top: -0.9rem;
left: calc(100% - 1px);
}
.fancsv-primary-menu li:hover > .sub-menu,
.fancsv-primary-menu li:focus-within > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
}
.fancsv-primary-menu li:hover > a::before,
.fancsv-primary-menu li:focus-within > a::before,
.fancsv-primary-menu .current-menu-ancestor > a::before {
transform: rotate(225deg);
}
.fancsv-primary-menu .sub-menu .menu-item-has-children > a::before {
order: 2;
margin-top: 0;
transform: rotate(-45deg);
}
.fancsv-primary-menu .sub-menu li:hover > a::before,
.fancsv-primary-menu .sub-menu li:focus-within > a::before,
.fancsv-primary-menu .sub-menu .current-menu-ancestor > a::before {
transform: rotate(135deg);
}
.fancsv-icon-button {
border: 0;
background: transparent;
padding: 0;
color: var(--fancsv-text);
font-size: 0.875rem;
letter-spacing: 0.08em;
text-transform: uppercase;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.fancsv-icon-button svg {
width: 20px;
height: 20px;
display: block;
}
.fancsv-account-popover {
position: relative;
display: inline-flex;
align-items: center;
}
.fancsv-account-popover__panel {
position: absolute;
top: calc(100% + 0.75rem);
right: 0;
min-width: 160px;
display: grid;
gap: 0.3rem;
padding: 0.7rem;
background: var(--fancsv-white);
border: 1px solid rgba(0, 0, 0, 0.08);
box-shadow: var(--fancsv-shadow);
z-index: 50;
}
.fancsv-account-popover__panel[hidden] {
display: none;
}
.fancsv-account-popover__panel a {
display: block;
width: 100%;
padding: 0.55rem 0.7rem;
border: 1px solid transparent;
text-transform: uppercase;
letter-spacing: 0.08em;
font-size: 0.72rem;
line-height: 1.2;
}
.fancsv-account-popover__panel a:hover,
.fancsv-account-popover__panel a:focus-visible {
border-color: rgba(0, 0, 0, 0.15);
background: rgba(0, 0, 0, 0.02);
}
.fancsv-mobile-only {
display: none;
}
.fancsv-header__start .fancsv-icon-button {
gap: 0;
flex-direction: column;
}
.fancsv-header__start .fancsv-icon-button span {
display: block;
width: 20px;
height: 1px;
margin: 5px 0;
background: currentColor;
}
.fancsv-section,
.fancsv-page-hero,
.woocommerce .woocommerce-breadcrumb + .products,
.fancsv-woocommerce-shell {
padding: var(--fancsv-space-section) 0;
}
.fancsv-page-hero {
background: var(--fancsv-surface); padding: clamp(2rem, 4vw, 3rem) 0;
} body.page-id-16568 #primary {
padding-top: 1.5rem;
}
.fancsv-page-hero .fancsv-eyebrow {
margin-bottom: 0.5rem;
}
.fancsv-page-hero h1 { margin-bottom: 0;
font-size: clamp(2.4rem, 4.8vw, 3.6rem);
line-height: 1.02;
}
.fancsv-centered-copy {
text-align: center;
max-width: 780px;
margin: 0 auto;
}
.fancsv-content-shell {
max-width: 860px;
}
.fancsv-entry,
.fancsv-post-card {
margin-bottom: 2rem;
}
.fancsv-post-card h2 {
font-size: clamp(1.5rem, 2.5vw, 2rem);
}
.fancsv-featured-media,
.fancsv-post-card img {
margin-bottom: 1.5rem;
border-radius: 24px;
}
.fancsv-hero {
padding: 3rem 0 var(--fancsv-space-section);
}
.fancsv-hero-slider {
padding: 1.25rem 0 calc(var(--fancsv-space-section) * 0.78);
overflow: hidden;
}
.fancsv-hero-slider__viewport {
overflow: hidden;
}
.fancsv-hero-slider__track {
display: flex;
transition: transform 0.45s ease;
will-change: transform;
}
.fancsv-hero-slide {
flex: 0 0 100%;
display: grid;
grid-template-columns: minmax(0, 0.88fr) minmax(300px, 580px) minmax(200px, 248px);
align-items: center;
gap: 1.5rem;
min-width: 0;
padding: 1rem 0 0.75rem;
}
.fancsv-hero-slide__copy {
max-width: 340px;
}
.fancsv-hero-slide__copy h1 {
font-size: clamp(2.55rem, 5.1vw, 3.825rem);
}
.fancsv-hero-slide__description {
max-width: 32ch;
margin-bottom: 1.25rem;
}
.fancsv-hero-slide__copy .fancsv-button-secondary {
border-color: #000;
border-radius: 0;
background: transparent;
color: #000;
}
.fancsv-hero-slide__copy .fancsv-button-secondary:hover,
.fancsv-hero-slide__copy .fancsv-button-secondary:focus-visible {
border-color: #A78754;
background: transparent;
color: #A78754;
}
.fancsv-hero-slide__image {
width: 100%;
aspect-ratio: 5 / 6;
border-radius: 40px;
object-fit: cover;
}
.fancsv-hero-slide__card {
display: grid;
gap: 0.8rem;
align-self: end;
}
.fancsv-hero-slide__card-media {
overflow: hidden;
border-radius: 24px;
background: var(--fancsv-surface);
}
.fancsv-hero-slide__card-image {
width: 100%;
aspect-ratio: 4 / 5;
object-fit: cover;
}
.fancsv-hero-slide__card-copy h2 {
margin-bottom: 0.35rem;
font-size: clamp(1.35rem, 2vw, 1.8rem);
}
.fancsv-hero-slide__card-copy p {
margin-bottom: 0;
color: var(--fancsv-muted);
}
.fancsv-hero-slider__controls {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
margin-top: 0.5rem;
}
.fancsv-hero-slider__counter {
display: inline-flex;
align-items: center;
gap: 0.45rem;
font-size: 0.875rem;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.fancsv-hero-slider__nav,
.fancsv-hero-slider__dots {
display: inline-flex;
align-items: center;
gap: 0.6rem;
}
.fancsv-hero-slider__arrow,
.fancsv-hero-slider__dot {
border: 1px solid var(--fancsv-border);
background: transparent;
}
.fancsv-hero-slider__arrow {
width: 44px;
height: 44px;
min-width: 44px;
min-height: 44px;
border-radius: 50%;
padding: 0;
color: var(--fancsv-text);
transition: border-color 0.2s ease, color 0.2s ease, transform 0.2s ease, background-color 0.2s ease;
}
.fancsv-hero-slider__arrow svg {
width: 18px;
height: 18px;
stroke: currentColor;
stroke-width: 1.6;
fill: none;
}
.fancsv-hero-slider__arrow:hover,
.fancsv-hero-slider__arrow:focus-visible {
border-color: var(--fancsv-primary);
color: var(--fancsv-primary);
background: rgba(167, 135, 84, 0.06);
}
.fancsv-hero-slider__arrow:active {
transform: translateY(1px);
}
.fancsv-hero-slider__dot {
width: 12px;
height: 12px;
border-radius: 50%;
padding: 0;
}
.fancsv-hero-slider__dot.is-active {
border-color: var(--fancsv-primary);
background: var(--fancsv-primary);
}
.fancsv-hero__grid {
display: grid;
grid-template-columns: 1fr minmax(320px, 520px) 220px;
align-items: center;
gap: 2rem;
}
.fancsv-hero__copy {
max-width: 320px;
}
.fancsv-hero__media img,
.fancsv-hero__aside img,
.fancsv-split-grid img,
.fancsv-story-grid img,
.fancsv-image-strip img,
.fancsv-gallery-grid img {
width: 100%;
object-fit: cover;
}
.fancsv-hero__media img {
aspect-ratio: 4 / 5;
}
.fancsv-hero__aside {
display: grid;
gap: 1rem;
justify-items: end;
text-align: right;
}
.fancsv-hero__aside img {
aspect-ratio: 3 / 4;
border-radius: 24px;
}
.fancsv-section--manifesto {
position: relative;
}
.fancsv-section--manifesto::before {
content: "";
position: absolute;
inset: 40px 0 auto;
text-align: center;
font-family: "Arial", serif;
font-size: clamp(2.5rem, 6vw, 5rem);
line-height: 1.1;
color: rgba(167, 135, 84, 0.08);
pointer-events: none;
}
.fancsv-section--shop-online {
background: var(--fancsv-white);
}
.fancsv-section--shop-online .fancsv-shop-online-media {
margin: 0 auto 2.5rem;
max-width: 520px;
}
.fancsv-section--shop-online .fancsv-shop-online-image {
width: 100%;
height: auto;
border-radius: 24px;
display: block;
}
.fancsv-section--shop-online .fancsv-shop-online-title {
font-size: clamp(2.5rem, 5vw, 4rem);
margin-bottom: 1.5rem;
}
.fancsv-section--shop-online .fancsv-shop-online-body {
max-width: 600px;
margin: 0 auto 2rem;
color: var(--fancsv-muted);
font-size: 1.1rem;
line-height: 1.7;
}
.fancsv-section--shop-online .fancsv-shop-online-cta {
margin-top: 0.5rem;
}
.fancsv-split-grid,
.fancsv-story-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 3rem;
align-items: center;
}
.fancsv-editorial-card {
max-width: 420px;
}
.fancsv-section-heading {
margin-bottom: 2.5rem;
}
.fancsv-section-heading--center {
text-align: center;
}
.woocommerce ul.products {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 2rem;
list-style: none;
margin: 0;
padding: 0;
}
.fancsv-shop-view-list .woocommerce ul.products {
grid-template-columns: 1fr;
}
.woocommerce ul.products li.product,
.fancsv-post-card {
position: relative;
margin: 0;
}
.woocommerce ul.products li.product .woocommerce-loop-product__link {
display: block;
}
.fancsv-product-card__media {
position: relative;
overflow: hidden;
aspect-ratio: 1 / 1;
margin-bottom: 1rem;
border-radius: 24px;
background: var(--fancsv-surface);
}
.fancsv-product-card__media img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
transition: transform 0.45s ease, opacity 0.45s ease;
}
.fancsv-product-card__secondary-image {
position: absolute;
inset: 0;
opacity: 0;
}
.woocommerce ul.products li.product:hover .fancsv-product-card__secondary-image {
opacity: 1;
}
.woocommerce ul.products li.product:hover .attachment-woocommerce_thumbnail,
.woocommerce ul.products li.product:hover .wp-post-image {
transform: scale(1.03);
}
.fancsv-product-card__actions {
position: absolute;
right: 1rem;
bottom: 1rem;
display: grid;
gap: 0.5rem;
}
.fancsv-product-card__actions button,
.fancsv-product-card__actions a {
width: 42px;
height: 42px;
border: 1px solid rgba(255, 255, 255, 0.7);
border-radius: 999px;
background: rgba(255, 255, 255, 0.92);
box-shadow: var(--fancsv-shadow);
} .fancsv-product-card__actions .woosw-btn {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
padding: 0;
white-space: nowrap;
position: relative;
font-size: 0;
color: var(--fancsv-text);
z-index: 0; text-indent: -9999px;
}
.fancsv-product-card__actions .woosw-btn::before { content: "♡" !important;
display: block;
position: absolute; text-indent: 0 !important;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-size: 1.35rem !important;
line-height: 1 !important;
color: currentColor !important;
font-family: "Arial", sans-serif;
font-weight: 700 !important;
z-index: 1;
visibility: visible !important;
opacity: 1 !important; pointer-events: none;
}
.fancsv-product-card__actions .woosw-btn.woosw-added::before,
.fancsv-product-card__actions .woosw-btn.woosw-btn-added::before {
content: "♥" !important; }
.fancsv-product-card__actions .woosw-btn .woosw-text,
.fancsv-product-card__actions .woosw-btn .woosw-label,
.fancsv-product-card__actions .woosw-btn .woosw-txt {
display: none !important;
}
.fancsv-product-card__actions .woosw-btn.woosw-added,
.fancsv-product-card__actions .woosw-btn.woosw-btn-added,
.fancsv-product-card__actions .woosw-btn.woosw-added:hover,
.fancsv-product-card__actions .woosw-btn.woosw-btn-added:hover {
border-color: var(--fancsv-primary) !important;
color: var(--fancsv-primary) !important;
}
.fancsv-product-card__actions .woosw-btn.woosw-added .woosw-icon,
.fancsv-product-card__actions .woosw-btn.woosw-btn-added .woosw-icon,
.fancsv-product-card__actions .woosw-btn.woosw-added svg,
.fancsv-product-card__actions .woosw-btn.woosw-btn-added svg {
color: var(--fancsv-primary) !important;
fill: var(--fancsv-primary) !important;
stroke: var(--fancsv-primary) !important;
}
.fancsv-product-card__actions .woosw-btn.woosw-added svg * {
fill: var(--fancsv-primary) !important;
stroke: var(--fancsv-primary) !important;
}
.fancsv-product-card__actions .woosw-added .woosw-icon,
.fancsv-product-card__actions .woosw-added svg {
color: var(--fancsv-primary) !important;
fill: var(--fancsv-primary) !important;
stroke: var(--fancsv-primary) !important;
}
.fancsv-product-card__actions .woosw-added svg * {
fill: var(--fancsv-primary) !important;
stroke: var(--fancsv-primary) !important;
}
.woocommerce ul.products li.product .price,
.fancsv-product-card__eyebrow {
display: block;
margin-top: 0.5rem;
}
.woocommerce ul.products li.product .price {
color: var(--fancsv-text);
}
.fancsv-section--products .woocommerce ul.products li.product .woocommerce-loop-product__title,
.fancsv-section--products .woocommerce ul.products li.product .wc-block-grid__product-title,
.single-product div.product .related ul.products li.product .woocommerce-loop-product__title,
.single-product div.product .related ul.products li.product .wc-block-grid__product-title {
margin: 0.9rem 0 0.45rem;
font-family: "Arial", serif;
font-size: clamp(1.35rem, 2vw, 1.9rem);
line-height: 1.12;
} .fancsv-shop-page ul.products li.product .woocommerce-loop-product__title,
.fancsv-shop-page ul.products li.product .wc-block-grid__product-title {
margin: 0.9rem 0 0.45rem;
font-family: "Arial", serif;
font-size: clamp(0.95rem, 1.5vw, 1.25rem);
line-height: 1.12;
}
.fancsv-section--products .woocommerce ul.products li.product .woocommerce-loop-product__title a,
.fancsv-section--products .woocommerce ul.products li.product .wc-block-grid__product-title a,
.single-product div.product .related ul.products li.product .woocommerce-loop-product__title a,
.single-product div.product .related ul.products li.product .wc-block-grid__product-title a {
display: block;
}
.fancsv-section--products .woocommerce ul.products li.product .price,
.single-product div.product .related ul.products li.product .price {
margin-top: 0;
} .woocommerce ul.products li.product .button,
.fancsv-shop-page ul.products li.product .button {
padding: 0.55rem 1rem;
font-size: 0.7rem;
letter-spacing: 0.08em;
min-height: auto;
width: auto;
}
.fancsv-shop-toolbar {
display: flex;
justify-content: space-between;
gap: 1rem;
align-items: center;
padding: 0 0 2rem;
} .woocommerce-pagination {
margin-top: 2.5rem;
}
.woocommerce-pagination ul.page-numbers {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.5rem;
list-style: none;
margin: 0;
padding: 0;
}
.woocommerce-pagination .page-numbers li {
margin: 0;
}
.woocommerce-pagination .page-numbers a,
.woocommerce-pagination .page-numbers span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px;
padding: 0 0.75rem;
border: 1px solid var(--fancsv-border);
border-radius: 999px;
font-size: 0.85rem;
color: var(--fancsv-text);
text-decoration: none;
transition: all 0.2s ease;
}
.woocommerce-pagination .page-numbers a:hover {
background: var(--fancsv-text);
border-color: var(--fancsv-text);
color: var(--fancsv-white);
}
.woocommerce-pagination .page-numbers .current {
background: var(--fancsv-text);
border-color: var(--fancsv-text);
color: var(--fancsv-white);
}
.woocommerce-pagination .page-numbers .dots {
border-color: transparent;
cursor: default;
}
.fancsv-shop-toolbar__left,
.fancsv-shop-toolbar__right,
.fancsv-shop-toolbar__views {
display: flex;
align-items: center;
gap: 1rem;
}
.fancsv-shop-toolbar select,
.fancsv-newsletter-form input,
.fancsv-search-form input,
.search-form input,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
width: 100%;
border: 1px solid var(--fancsv-border);
border-radius: 999px;
background: var(--fancsv-white);
padding: 0.95rem 1.15rem;
}
.fancsv-filter-toggle,
.fancsv-shop-toolbar__views a {
border: 1px solid var(--fancsv-border);
border-radius: 999px;
background: transparent;
padding: 0.65rem 1rem;
}
.fancsv-shop-toolbar__views .is-active {
border-color: var(--fancsv-primary);
color: var(--fancsv-primary);
}
.fancsv-filter-panel {
margin-bottom: 2rem;
padding: 1.5rem;
border: 1px solid var(--fancsv-border);
border-radius: 24px;
background: var(--fancsv-surface);
}
.fancsv-shop-layout-canvas .fancsv-filter-panel,
.fancsv-shop-layout-dropdown .fancsv-filter-panel {
display: none;
}
.fancsv-shop-layout-canvas .fancsv-filter-panel.is-open,
.fancsv-shop-layout-dropdown .fancsv-filter-panel.is-open {
display: block;
}
.fancsv-product-story {
margin-top: 4rem;
padding: 3rem;
border-radius: 32px;
background: var(--fancsv-surface);
} .ir-section-header {
text-align: center;
margin-bottom: 3rem;
}
.ir-eyebrow {
display: block;
font-size: 0.8125rem;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--fancsv-primary);
margin-bottom: 0.75rem;
}
.ir-products-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 2.5rem 1.5rem;
list-style: none;
margin: 0 0 3rem;
padding: 0;
} .ir-products-grid > p {
display: none;
}
.ir-card {
display: flex;
flex-direction: column;
position: relative;
margin: 0;
}
.ir-card__img-wrap {
position: relative;
overflow: hidden;
border-radius: 24px;
background: var(--fancsv-surface);
margin-bottom: 1rem;
aspect-ratio: 1 / 1;
}
.ir-card__img-wrap a {
display: block;
width: 100%;
height: 100%;
}
.ir-card__img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.45s ease;
margin: 0;
}
.ir-card:hover .ir-card__img-wrap img {
transform: scale(1.04);
}
.ir-card__body {
display: flex;
flex-direction: column;
flex: 1;
gap: 0.35rem;
}
.ir-card__cats {
margin: 0;
font-size: 0.72rem;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--fancsv-muted);
}
.ir-card__cats a {
color: var(--fancsv-muted);
transition: color 0.2s ease;
}
.ir-card__cats a:hover {
color: var(--fancsv-primary);
}
.ir-card__title {
margin: 0.2rem 0 0;
font-family: "Arial", serif;
font-size: clamp(0.9rem, 1.3vw, 1.1rem);
line-height: 1.3;
font-weight: 400;
}
.ir-card__title a {
color: var(--fancsv-text);
transition: color 0.2s ease;
}
.ir-card__title a:hover {
color: var(--fancsv-primary);
}
.ir-card__sku {
margin: 0;
font-size: 0.75rem;
color: var(--fancsv-lighter);
letter-spacing: 0.08em;
}
.ir-card__price {
margin: 0.15rem 0 0;
font-size: 0.9rem;
color: var(--fancsv-text);
}
.ir-card__actions {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-top: 0.85rem;
}
.ir-card__actions a,
.ir-card__actions .button {
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid transparent;
border-radius: 999px;
background: var(--fancsv-text);
color: var(--fancsv-white) !important;
padding: 0.5rem 1.1rem;
text-transform: uppercase;
letter-spacing: 0.1em;
font-size: 0.7rem;
text-decoration: none;
transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
line-height: 1;
}
.ir-card__actions a:hover,
.ir-card__actions .button:hover {
background: transparent !important;
color: var(--fancsv-primary) !important;
border-color: var(--fancsv-primary);
}
.ir-card__actions button {
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid var(--fancsv-border);
border-radius: 999px;
background: transparent;
color: var(--fancsv-muted);
padding: 0.5rem 1rem;
font-size: 0.7rem;
letter-spacing: 0.08em;
transition: border-color 0.25s ease, color 0.25s ease;
cursor: pointer;
}
.ir-card__actions button:hover {
border-color: var(--fancsv-primary);
color: var(--fancsv-primary);
}
.ir-personalizza {
text-align: center;
padding: 3rem 0 1rem;
border-top: 1px solid var(--fancsv-border);
margin-top: 1rem;
}
.ir-personalizza h4 {
font-family: "Arial", serif;
font-weight: 400;
font-size: clamp(1.1rem, 2vw, 1.5rem);
margin-bottom: 1.5rem;
line-height: 1.4;
}
.ir-personalizza__links {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 0.75rem;
}
.ir-personalizza__links a {
display: inline-flex;
align-items: center;
border: 1px solid var(--fancsv-border);
border-radius: 999px;
padding: 0.7rem 1.6rem;
text-transform: uppercase;
letter-spacing: 0.12em;
font-size: 0.8rem;
color: var(--fancsv-text);
transition: border-color 0.25s ease, color 0.25s ease, background 0.25s ease;
}
.ir-personalizza__links a:hover {
background: var(--fancsv-text);
border-color: var(--fancsv-text);
color: var(--fancsv-white);
}
@media (max-width: 1100px) {
.ir-products-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.ir-products-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.5rem 1rem;
}
}
@media (max-width: 420px) {
.ir-products-grid {
grid-template-columns: 1fr;
}
} .fancsv-sp-wrapper {
padding: clamp(2.5rem, 5vw, 5rem) 0;
}
.fancsv-sp {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(340px, 520px);
gap: clamp(2.5rem, 5vw, 6rem);
align-items: start;
}
.fancsv-sp .woocommerce-tabs,
.fancsv-sp .related,
.fancsv-sp .upsells,
.fancsv-sp > section,
.fancsv-sp > .woocommerce-Reviews {
grid-column: 1 / -1;
} .fancsv-pgallery {
display: flex;
flex-direction: column;
gap: 1rem;
position: sticky;
top: 100px;
}
.fancsv-pgallery__stage {
position: relative;
overflow: hidden;
border-radius: 12px;
background: var(--fancsv-surface);
aspect-ratio: 1 / 1;
}
.fancsv-pgallery__slide {
display: none;
width: 100%;
height: 100%;
}
.fancsv-pgallery__slide.is-active {
display: flex;
align-items: center;
justify-content: center;
}
.fancsv-pgallery__img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
.fancsv-pgallery__thumbs {
display: flex;
gap: 0.6rem;
flex-wrap: wrap;
}
.fancsv-pgallery__thumb {
width: 80px;
height: 80px;
flex-shrink: 0;
padding: 0;
border: 2px solid var(--fancsv-border);
border-radius: 8px;
background: var(--fancsv-surface);
overflow: hidden;
cursor: pointer;
transition: border-color 0.2s ease;
}
.fancsv-pgallery__thumb.is-active {
border-color: var(--fancsv-text);
}
.fancsv-pgallery__thumb-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} .fancsv-pdetails {
display: grid;
align-content: start;
gap: 1.1rem;
}
.fancsv-pdetails > * {
margin: 0;
}
.fancsv-pdetails__title {
font-family: "Arial", serif;
font-size: clamp(1.8rem, 3vw, 2.6rem);
font-weight: 400;
line-height: 1.1;
text-wrap: balance;
color: var(--fancsv-text);
}
.fancsv-pdetails__sku {
font-size: 0.9rem;
color: var(--fancsv-muted);
margin: 0;
}
.fancsv-pdetails__price {
font-size: 1.5rem;
font-weight: 400;
color: var(--fancsv-text);
}
.fancsv-pdetails__price .woocommerce-Price-amount {
font-size: inherit;
font-weight: inherit;
}
.fancsv-pdetails__price del {
color: var(--fancsv-lighter);
font-size: 1rem;
}
.fancsv-pdetails__price ins {
text-decoration: none;
color: var(--fancsv-text);
} .fancsv-klarna-installment {
display: flex;
align-items: center;
gap: 0.4rem;
font-size: 0.88rem;
color: var(--fancsv-text);
}
.fancsv-klarna-badge {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.1em 0.55em;
border-radius: 4px;
background: #ffb3c7;
color: #1a1a1a;
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.02em;
}
.fancsv-klarna-info {
border: 0;
background: transparent;
padding: 0;
font-size: 1rem;
color: var(--fancsv-muted);
cursor: pointer;
line-height: 1;
} .fancsv-pdetails__description {
font-size: 0.95rem;
color: var(--fancsv-muted);
line-height: 1.65;
}
.fancsv-pdetails__description p {
margin: 0;
} .fancsv-pdetails__badge {
display: flex;
}
.fancsv-badge-in-stock {
display: inline-block;
padding: 0.35em 0.85em;
background: #f5c518;
color: #1a1a1a;
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
border-radius: 3px;
} .fancsv-pdetails__benefits {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 0.55rem;
}
.fancsv-pdetails__benefit {
display: flex;
align-items: center;
gap: 0.65rem;
font-size: 0.9rem;
color: var(--fancsv-text);
}
.fancsv-pdetails__benefit-icon {
flex-shrink: 0;
width: 18px;
height: 18px;
color: var(--fancsv-text);
} .fancsv-artisan-section {
display: flex;
align-items: flex-start;
gap: 0.9rem;
padding: 0.9rem 1rem;
border: 1px solid var(--fancsv-border);
border-radius: 10px;
background: var(--fancsv-surface);
}
.fancsv-artisan-section__icon {
flex-shrink: 0;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: rgba(167, 135, 84, 0.12);
color: var(--fancsv-primary);
font-size: 1.1rem;
}
.fancsv-artisan-section__content strong {
display: block;
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
margin-bottom: 0.2rem;
}
.fancsv-artisan-section__content p {
margin: 0;
font-size: 0.88rem;
color: var(--fancsv-muted);
} .fancsv-size-guide {
margin: 0;
font-size: 0.88rem;
color: var(--fancsv-muted);
}
.fancsv-size-guide .fancsv-text-link {
font-size: inherit;
text-transform: none;
letter-spacing: 0;
text-decoration: underline;
text-underline-offset: 2px;
color: var(--fancsv-primary);
} .fancsv-pdetails form.cart {
display: block;
margin: 0;
}
.fancsv-pdetails form.cart .quantity {
display: flex;
align-items: center;
gap: 0;
border: 1px solid var(--fancsv-border);
border-radius: 6px;
overflow: hidden;
flex-shrink: 0;
height: 52px;
}
.fancsv-pdetails form.cart .quantity .qty {
width: 50px;
min-height: unset;
height: 100%;
border: 0;
border-left: 1px solid var(--fancsv-border);
border-right: 1px solid var(--fancsv-border);
border-radius: 0;
text-align: center;
font-size: 1rem;
appearance: textfield;
-moz-appearance: textfield;
padding: 0;
}
.fancsv-pdetails form.cart .quantity .qty::-webkit-outer-spin-button,
.fancsv-pdetails form.cart .quantity .qty::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.fancsv-pdetails form.cart .quantity-button {
width: 40px;
height: 100%;
border: 0;
background: transparent;
font-size: 1.2rem;
color: var(--fancsv-text);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.15s ease;
}
.fancsv-pdetails form.cart .quantity-button:hover {
background: var(--fancsv-surface);
}
.fancsv-pdetails form.cart .single_add_to_cart_button {
flex: 1 1 auto;
height: 52px;
padding-inline: 1.6rem;
border-radius: 6px;
background: var(--fancsv-text);
color: var(--fancsv-white);
font-size: 0.82rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
border: 2px solid var(--fancsv-text);
transition: background-color 0.2s ease, color 0.2s ease;
}
.fancsv-pdetails form.cart .single_add_to_cart_button:hover {
background: transparent;
color: var(--fancsv-text);
}
.fancsv-pdetails form.cart .wishlist-button,
.fancsv-pdetails form.cart button[data-adapter="wishlist"],
.fancsv-pdetails form.cart button[class*="woosw"],
.fancsv-pdetails form.cart a[class*="woosw"] {
width: 52px;
height: 52px;
flex-shrink: 0;
border: 1px solid var(--fancsv-border);
border-radius: 6px;
background: transparent;
font-size: 1.3rem;
color: var(--fancsv-text);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: border-color 0.2s ease, color 0.2s ease;
}
.fancsv-pdetails form.cart .wishlist-button:hover,
.fancsv-pdetails form.cart button[data-adapter="wishlist"]:hover,
.fancsv-pdetails form.cart button[class*="woosw"]:hover,
.fancsv-pdetails form.cart a[class*="woosw"]:hover {
border-color: var(--fancsv-primary);
color: var(--fancsv-primary);
} .fancsv-pdetails form.cart .woosw-btn,
.fancsv-pdetails form.cart a[class*="woosw"],
.fancsv-pdetails form.cart button[class*="woosw"] {
position: relative;
overflow: hidden;
padding: 0;
white-space: nowrap;
font-size: 0;
text-indent: -9999px;
z-index: 0;
}
.fancsv-pdetails form.cart .woosw-btn::before,
.fancsv-pdetails form.cart a[class*="woosw"]::before,
.fancsv-pdetails form.cart button[class*="woosw"]::before {
content: "♡" !important;
display: block;
position: absolute;
text-indent: 0 !important;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-size: 1.35rem !important;
line-height: 1 !important;
color: currentColor !important;
font-family: "Arial", sans-serif;
font-weight: 700 !important;
z-index: 1;
visibility: visible !important;
opacity: 1 !important;
pointer-events: none;
}
.fancsv-pdetails form.cart .woosw-btn.woosw-added::before,
.fancsv-pdetails form.cart .woosw-btn.woosw-btn-added::before,
.fancsv-pdetails form.cart a[class*="woosw"].woosw-added::before,
.fancsv-pdetails form.cart a[class*="woosw"].woosw-btn-added::before,
.fancsv-pdetails form.cart button[class*="woosw"].woosw-added::before,
.fancsv-pdetails form.cart button[class*="woosw"].woosw-btn-added::before {
content: "♥" !important;
}
.fancsv-pdetails form.cart .woosw-btn .woosw-text,
.fancsv-pdetails form.cart .woosw-btn .woosw-label,
.fancsv-pdetails form.cart .woosw-btn .woosw-txt,
.fancsv-pdetails form.cart a[class*="woosw"] .woosw-text,
.fancsv-pdetails form.cart a[class*="woosw"] .woosw-label,
.fancsv-pdetails form.cart a[class*="woosw"] .woosw-txt,
.fancsv-pdetails form.cart button[class*="woosw"] .woosw-text,
.fancsv-pdetails form.cart button[class*="woosw"] .woosw-label,
.fancsv-pdetails form.cart button[class*="woosw"] .woosw-txt {
display: none !important;
}
.fancsv-pdetails form.cart .woosw-btn svg,
.fancsv-pdetails form.cart a[class*="woosw"] svg,
.fancsv-pdetails form.cart button[class*="woosw"] svg {
display: none !important;
}
.fancsv-pdetails form.cart .woosw-btn.woosw-added,
.fancsv-pdetails form.cart .woosw-btn.woosw-btn-added,
.fancsv-pdetails form.cart .woosw-btn.woosw-added:hover,
.fancsv-pdetails form.cart .woosw-btn.woosw-btn-added:hover,
.fancsv-pdetails form.cart a[class*="woosw"].woosw-added,
.fancsv-pdetails form.cart a[class*="woosw"].woosw-btn-added,
.fancsv-pdetails form.cart a[class*="woosw"].woosw-added:hover,
.fancsv-pdetails form.cart a[class*="woosw"].woosw-btn-added:hover,
.fancsv-pdetails form.cart button[class*="woosw"].woosw-added,
.fancsv-pdetails form.cart button[class*="woosw"].woosw-btn-added,
.fancsv-pdetails form.cart button[class*="woosw"].woosw-added:hover,
.fancsv-pdetails form.cart button[class*="woosw"].woosw-btn-added:hover {
border-color: var(--fancsv-primary) !important;
color: var(--fancsv-primary) !important;
} .fancsv-pdetails form.cart .variations {
width: 100%;
margin: 0 0 0.5rem;
border-collapse: separate;
border-spacing: 0 0.6rem;
}
.fancsv-pdetails form.cart .variations tbody,
.fancsv-pdetails form.cart .variations tr {
display: grid;
gap: 0.3rem;
}
.fancsv-pdetails form.cart .variations td,
.fancsv-pdetails form.cart .variations th {
display: block;
width: 100%;
padding: 0;
text-align: left;
}
.fancsv-pdetails form.cart .variations label {
display: inline-flex;
margin: 0 0 0.2rem;
font-size: 0.74rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--fancsv-text);
}
.fancsv-pdetails form.cart select {
width: 100%;
min-height: 46px;
border: 1px solid rgba(48, 55, 62, 0.14);
border-radius: 8px;
background: #fff;
padding: 0 0.9rem;
color: var(--fancsv-text);
transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.fancsv-pdetails form.cart select:focus {
border-color: rgba(167, 135, 84, 0.5);
box-shadow: 0 0 0 3px rgba(167, 135, 84, 0.08);
outline: none;
}
.fancsv-pdetails form.cart .reset_variations {
display: inline-flex;
align-items: center;
width: fit-content;
font-size: 0.74rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--fancsv-primary);
}
.fancsv-pdetails form.cart .single_variation_wrap {
display: grid;
gap: 0.7rem;
width: 100%;
}
.fancsv-pdetails form.cart .woocommerce-variation-price {
padding: 0.6rem 0.9rem;
border-radius: 8px;
background: var(--fancsv-surface);
}
.fancsv-pdetails form.cart .woocommerce-variation-availability {
font-size: 0.9rem;
color: var(--fancsv-muted);
}
.fancsv-pdetails form.cart .woocommerce-variation-add-to-cart {
display: flex;
align-items: center;
gap: 0.65rem;
} .fancsv-pdetails .product_meta {
display: grid;
gap: 0.3rem;
padding-top: 0.9rem;
border-top: 1px solid rgba(48, 55, 62, 0.08);
font-size: 0.76rem;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--fancsv-muted);
}
.fancsv-pdetails .product_meta a {
color: var(--fancsv-text);
} .fancsv-pdetails .woocommerce-product-rating {
display: flex;
align-items: center;
gap: 0.6rem;
font-size: 0.84rem;
color: var(--fancsv-muted);
} .fancsv-pdetails .wcpay-payment-request-wrapper,
.fancsv-pdetails .wc-stripe-payment-request-button,
.fancsv-pdetails .paypal-buttons,
.fancsv-pdetails .ppc-button-wrapper,
.fancsv-pdetails .wc-proceed-to-checkout {
margin-top: 0;
}
.fancsv-pdetails .wcpay-payment-request-wrapper,
.fancsv-pdetails .ppc-button-wrapper {
padding-top: 0.8rem;
border-top: 1px solid rgba(48, 55, 62, 0.08);
} .single-product div.product .woocommerce-tabs,
.single-product div.product .related,
.single-product div.product .upsells,
.single-product div.product > section,
.single-product div.product > .woocommerce-Reviews {
grid-column: 1 / -1;
}
.woocommerce-tabs ul.tabs {
display: flex;
gap: 1rem;
border-bottom: 1px solid var(--fancsv-border);
padding: 0 0 1rem;
}
.woocommerce-tabs ul.tabs li {
list-style: none;
}
.woocommerce-tabs ul.tabs li a {
text-transform: uppercase;
letter-spacing: 0.1em;
font-size: 0.8rem;
}
.fancsv-search-modal,
.fancsv-mobile-drawer,
.fancsv-mini-cart {
position: fixed;
inset: 0;
z-index: 100;
}
.fancsv-search-backdrop,
.fancsv-mobile-drawer__backdrop,
.fancsv-mini-cart__backdrop {
position: absolute;
inset: 0;
background: rgba(18, 29, 35, 0.4);
}
.fancsv-search-dialog,
.fancsv-mobile-drawer__panel,
.fancsv-mini-cart__panel {
position: relative;
background: var(--fancsv-white);
box-shadow: var(--fancsv-shadow);
}
.fancsv-search-dialog {
width: min(100% - 30px, 760px);
margin: 8vh auto 0;
border-radius: 32px;
padding: 3rem;
}
.fancsv-search-form {
display: grid;
grid-template-columns: 1fr auto;
gap: 1rem;
margin-top: 2rem;
}
.fancsv-live-search-results {
display: grid;
gap: 0.75rem;
margin-top: 1.25rem;
}
.fancsv-live-search-item {
display: grid;
grid-template-columns: 72px 1fr;
gap: 1rem;
align-items: center;
padding: 0.75rem;
border: 1px solid var(--fancsv-border);
border-radius: 20px;
}
.fancsv-live-search-item img {
width: 72px;
height: 72px;
object-fit: cover;
border-radius: 16px;
}
.fancsv-mobile-drawer__panel,
.fancsv-mini-cart__panel {
margin-left: auto;
width: min(100%, 420px);
min-height: 100%;
padding: 1.5rem;
}
.fancsv-mobile-drawer__header,
.fancsv-mini-cart__header {
display: flex;
justify-content: space-between;
gap: 1rem;
align-items: center;
margin-bottom: 1.5rem;
}
.fancsv-mobile-drawer__tabs {
display: inline-flex;
gap: 0.5rem;
padding: 0.25rem;
border: 1px solid var(--fancsv-border);
border-radius: 999px;
}
.fancsv-mobile-drawer__tabs button {
border: 0;
background: transparent;
padding: 0.75rem 1rem;
border-radius: 999px;
}
.fancsv-mobile-drawer__tabs .is-active {
background: var(--fancsv-surface);
}
.fancsv-mobile-drawer__content {
display: none;
}
.fancsv-mobile-drawer__content.is-active {
display: block;
}
.fancsv-drawer-menu li {
border-bottom: 1px solid var(--fancsv-border);
}
.fancsv-drawer-menu > li:first-child {
border-top: 1px solid var(--fancsv-border);
}
.fancsv-drawer-menu a {
display: block;
padding: 1rem 0;
text-transform: uppercase;
letter-spacing: 0.1em;
font-size: 0.85rem;
}
.fancsv-drawer-menu .menu-item-has-children {
position: relative;
}
.fancsv-drawer-menu .menu-item-has-children > a {
padding-right: 3.5rem;
}
.fancsv-submenu-toggle {
position: absolute;
top: 0;
right: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 3rem;
height: 3.5rem;
border: 0;
background: transparent;
color: var(--fancsv-text);
}
.fancsv-submenu-toggle::before,
.fancsv-submenu-toggle::after {
content: "";
position: absolute;
width: 0.75rem;
height: 1px;
background: currentColor;
transition: transform 0.25s ease, opacity 0.25s ease;
}
.fancsv-submenu-toggle::after {
transform: rotate(90deg);
}
.fancsv-submenu-toggle[aria-expanded="true"]::after {
opacity: 0;
transform: rotate(90deg) scaleX(0);
}
.fancsv-drawer-menu .sub-menu {
max-height: 0;
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
transition: max-height 0.25s ease, padding-bottom 0.25s ease;
}
.fancsv-drawer-menu .sub-menu > li {
border-bottom: 0;
}
.fancsv-drawer-menu .sub-menu a {
padding: 0.85rem 0 0.85rem 1rem;
font-size: 0.78rem;
letter-spacing: 0.08em;
color: var(--fancsv-muted);
}
.fancsv-drawer-menu .sub-menu .sub-menu a {
padding-left: 2rem;
}
.fancsv-drawer-menu .menu-item-has-children.is-open > .sub-menu {
max-height: 1000px;
padding-bottom: 0.45rem;
}
.fancsv-close-button {
border: 0;
background: transparent;
font-size: 2rem;
line-height: 1;
}
.fancsv-testimonial {
background: var(--fancsv-surface);
position: relative;
overflow: hidden;
}
.fancsv-testimonial-header {
text-align: center;
margin-bottom: 3rem;
}
.fancsv-testimonial-slider {
position: relative;
max-width: 900px;
margin: 0 auto;
}
.fancsv-testimonial-track {
position: relative;
min-height: 500px;
}
.fancsv-testimonial-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
visibility: hidden;
transition: opacity 0.6s ease, visibility 0.6s ease;
background-image: url(https://images.unsplash.com/photo-1515562141207-7a88fb7ce338?auto=format&fit=crop&w=800&q=60);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
min-height: 500px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 3rem 2rem;
border-radius: 8px;
}
.fancsv-testimonial-slide::before {
content: '';
position: absolute;
inset: 0;
background: rgba(248, 246, 244, 0.92);
z-index: 1;
}
.fancsv-testimonial-slide.is-active {
opacity: 1;
visibility: visible;
position: relative;
}
.fancsv-testimonial-content {
position: relative;
z-index: 2;
max-width: 700px;
margin: 0 auto;
}
.fancsv-testimonial-quote {
font-size: clamp(1.15rem, 2.5vw, 1.5rem);
line-height: 1.6;
color: var(--fancsv-text);
margin: 0 0 2rem;
font-weight: 400;
}
.fancsv-testimonial-author {
font-size: 0.75rem;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(--fancsv-text);
font-weight: 600;
margin: 0;
}
.fancsv-testimonial-play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 3;
width: 80px;
height: 80px;
border: 0;
background: transparent;
color: var(--fancsv-text);
cursor: pointer;
transition: transform 0.3s ease, color 0.3s ease;
padding: 0;
}
.fancsv-testimonial-play:hover {
transform: translate(-50%, -50%) scale(1.1);
color: var(--fancsv-primary);
}
.fancsv-testimonial-play svg {
width: 100%;
height: 100%;
}
.fancsv-testimonial-controls {
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
display: flex;
justify-content: space-between;
pointer-events: none;
z-index: 4;
}
.fancsv-testimonial-arrow {
pointer-events: all;
width: 44px;
height: 44px;
border: 1px solid var(--fancsv-border);
background: var(--fancsv-white);
border-radius: 50%;
color: var(--fancsv-text);
cursor: pointer;
transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
}
.fancsv-testimonial-arrow:hover {
background: var(--fancsv-primary);
color: var(--fancsv-white);
border-color: var(--fancsv-primary);
}
.fancsv-testimonial-arrow svg {
width: 20px;
height: 20px;
}
.fancsv-testimonial-arrow[data-testimonial-prev] {
margin-left: -22px;
}
.fancsv-testimonial-arrow[data-testimonial-next] {
margin-right: -22px;
}
.fancsv-newsletter {
background: var(--fancsv-surface);
}
.fancsv-newsletter-form {
display: grid;
grid-template-columns: 1fr auto;
gap: 1rem;
max-width: 640px;
margin: 2rem auto 0;
}
.fancsv-image-strip,
.fancsv-gallery-grid,
.fancsv-post-grid,
.fancsv-usp-grid {
display: grid;
gap: 1.5rem;
}
.fancsv-image-strip,
.fancsv-gallery-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.fancsv-gallery-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.fancsv-post-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.fancsv-usp-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
text-align: center;
}
.fancsv-usp-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 1rem;
}
.fancsv-usp-icon {
display: flex;
align-items: center;
justify-content: center;
width: 72px;
height: 72px;
color: var(--fancsv-dark);
}
.fancsv-usp-icon svg {
width: 100%;
height: 100%;
}
.fancsv-footer {
background: var(--fancsv-surface);
color: var(--fancsv-text);
} .fancsv-footer__top {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: clamp(3rem, 6vw, 5rem) 0 2.5rem;
border-bottom: 1px solid var(--fancsv-border);
}
.fancsv-footer__brand {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.75rem;
margin-bottom: 1.5rem;
}
.fancsv-footer__brand .custom-logo-link,
.fancsv-footer__brand .custom-logo {
max-height: 120px;
width: auto;
display: block;
}
.fancsv-footer__brand-name {
font-family: "Arial", serif;
font-size: 1.8rem;
letter-spacing: 0.06em;
}
.fancsv-footer__tagline {
margin: 0;
font-size: 1rem;
color: var(--fancsv-muted);
letter-spacing: 0.02em;
}
.fancsv-footer__social {
display: flex;
align-items: center;
justify-content: center;
gap: 0.75rem;
}
.fancsv-footer__social-link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
border-radius: 50%;
background: var(--fancsv-text);
color: var(--fancsv-white);
transition: background-color 0.2s ease, transform 0.2s ease;
flex-shrink: 0;
}
.fancsv-footer__social-link svg {
width: 20px;
height: 20px;
display: block;
}
.fancsv-footer__social-link:hover {
background: var(--fancsv-primary);
transform: translateY(-2px);
} .fancsv-footer__main {
padding: 2.5rem 0;
border-bottom: 1px solid var(--fancsv-border);
}
.fancsv-footer__links-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2rem;
margin-bottom: 2.5rem;
}
.fancsv-footer__col-title {
margin: 0 0 1.25rem;
font-family: "Arial", sans-serif;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--fancsv-text);
}
.fancsv-footer__col-list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 0.75rem;
}
.fancsv-footer__col-list a {
font-size: 0.95rem;
color: var(--fancsv-text);
transition: color 0.2s ease;
}
.fancsv-footer__col-list a:hover {
color: var(--fancsv-primary);
}
.fancsv-footer__col--contacts .fancsv-footer__col-title {
margin-top: 0;
}
.fancsv-footer__address {
font-style: normal;
display: grid;
gap: 0.6rem;
}
.fancsv-footer__address p {
margin: 0;
font-size: 0.95rem;
color: var(--fancsv-text);
line-height: 1.6;
}
.fancsv-footer__address a {
color: var(--fancsv-text);
transition: color 0.2s ease;
}
.fancsv-footer__address a:hover {
color: var(--fancsv-primary);
} .fancsv-footer__bottom {
display: flex;
flex-direction: column;
align-items: center;
gap: 1rem;
padding: 1.5rem 0 2rem;
text-align: center;
}
.fancsv-footer__payments {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 0.6rem;
}
.fancsv-footer__payments img {
height: 28px;
width: auto;
display: inline-block;
object-fit: contain;
}
.fancsv-footer__copyright {
margin: 0;
font-size: 0.85rem;
color: var(--fancsv-muted);
letter-spacing: 0.02em;
}
.fancsv-footer__pay-icon {
height: 28px;
width: auto;
display: inline-block;
vertical-align: middle;
}
.is-fancsv-account .fancsv-page-hero {
background:
radial-gradient(circle at top left, rgba(167, 135, 84, 0.12), transparent 38%),
linear-gradient(180deg, #fbf8f4 0%, #f7f2eb 100%);
}
.is-fancsv-account.is-fancsv-account-authenticated .fancsv-woocommerce-shell {
padding-top: clamp(2rem, 4vw, 3.75rem);
padding-bottom: clamp(4rem, 6vw, 5.5rem);
}
.is-fancsv-account .fancsv-centered-copy p:last-child {
max-width: 42rem;
margin: 0 auto;
color: var(--fancsv-muted);
}
.fancsv-account-shell {
display: grid;
gap: clamp(1.35rem, 2.4vw, 2rem);
}
.fancsv-account-overview {
position: relative;
overflow: hidden;
display: block;
padding: clamp(1.8rem, 2.8vw, 2.7rem);
border: 1px solid rgba(48, 55, 62, 0.08);
border-radius: 36px;
background:
radial-gradient(circle at top left, rgba(167, 135, 84, 0.12), transparent 40%),
linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(249, 247, 244, 0.95)),
var(--fancsv-white);
box-shadow: 0 26px 72px rgba(18, 29, 35, 0.06);
}
.fancsv-account-overview__copy {
display: grid;
gap: 0.85rem;
max-width: 46rem;
}
.fancsv-account-overview__copy .fancsv-eyebrow,
.fancsv-account-main__header .fancsv-eyebrow {
margin-bottom: 0;
}
.fancsv-account-overview__copy h2 {
margin-bottom: 0;
max-width: 12ch;
font-size: clamp(2.5rem, 4.6vw, 4.15rem);
line-height: 0.98;
letter-spacing: -0.03em;
}
.fancsv-account-overview__copy p:last-child {
max-width: 34rem;
margin-bottom: 0;
font-size: 0.98rem;
line-height: 1.8;
color: var(--fancsv-muted);
}
.fancsv-account-layout {
display: grid;
grid-template-columns: minmax(285px, 320px) minmax(0, 1fr);
gap: clamp(1.25rem, 2.2vw, 1.8rem);
align-items: start;
}
.fancsv-account-sidebar,
.fancsv-account-main {
min-width: 0;
}
.fancsv-account-sidebar {
display: grid;
gap: 1rem;
}
.fancsv-account-main {
display: grid;
gap: 0.85rem;
}
.fancsv-account-nav,
.fancsv-account-support-card,
.fancsv-account-main__header,
.fancsv-account-main__inner,
.woocommerce-account .woocommerce-Addresses .woocommerce-Address,
.woocommerce-account .woocommerce-order-details,
.woocommerce-account .woocommerce-customer-details,
.woocommerce-account .woocommerce-order-downloads,
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-info,
.fancsv-account-auth-card {
border: 1px solid rgba(48, 55, 62, 0.08);
border-radius: 30px;
background: linear-gradient(180deg, #ffffff 0%, #fbf9f7 100%);
box-shadow: 0 20px 54px rgba(18, 29, 35, 0.05);
}
.fancsv-account-nav {
padding: 1.4rem;
}
.fancsv-account-nav__header {
padding: 0.15rem 0.1rem 1rem;
border-bottom: 1px solid rgba(48, 55, 62, 0.08);
}
.fancsv-account-nav__header h2 {
margin-bottom: 0.35rem;
font-size: clamp(1.55rem, 2.1vw, 1.9rem);
}
.fancsv-account-nav__header p:last-child {
margin: 0;
max-width: 28ch;
color: var(--fancsv-muted);
line-height: 1.75;
font-size: 0.95rem;
}
.fancsv-account-nav ul {
list-style: none;
margin: 0;
padding: 1.05rem 0 0;
}
.fancsv-account-nav li {
list-style: none;
}
.fancsv-account-nav li + li {
margin-top: 0.3rem;
}
.fancsv-account-nav a {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
padding: 0.95rem 1rem;
border-radius: 18px;
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.11em;
text-transform: uppercase;
color: var(--fancsv-text);
background: rgba(248, 246, 244, 0.5);
border: 1px solid rgba(48, 55, 62, 0.04);
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.fancsv-account-nav a::after {
content: "";
width: 0.55rem;
height: 0.55rem;
border-top: 1px solid currentColor;
border-right: 1px solid currentColor;
transform: rotate(45deg);
opacity: 0.45;
}
.fancsv-account-nav a:hover,
.fancsv-account-nav a:focus-visible,
.fancsv-account-nav .is-active a {
background: rgba(167, 135, 84, 0.08);
border-color: rgba(167, 135, 84, 0.18);
color: var(--fancsv-primary);
box-shadow: inset 0 0 0 1px rgba(167, 135, 84, 0.08);
}
.fancsv-account-sidebar__stack {
display: grid;
gap: 1rem;
}
.fancsv-account-support-card {
padding: 1.3rem;
background:
radial-gradient(circle at top right, rgba(167, 135, 84, 0.07), transparent 38%),
linear-gradient(180deg, #ffffff 0%, #fcfbfa 100%);
}
.fancsv-account-support-card__title {
margin-bottom: 0.45rem;
font-family: "Arial", serif;
font-size: 1.2rem;
line-height: 1.2;
}
.fancsv-account-support-card p:last-of-type {
margin-bottom: 1rem;
color: var(--fancsv-muted);
}
.fancsv-account-main__header {
padding: 1.15rem 1.45rem;
}
.fancsv-account-main__header h2 {
margin-bottom: 0;
font-size: clamp(1.75rem, 2.5vw, 2.3rem);
}
.fancsv-account-main__inner {
display: grid;
gap: 1.4rem;
padding: clamp(1.45rem, 2.3vw, 2.35rem);
}
.fancsv-account-main__inner > :last-child {
margin-bottom: 0;
}
.fancsv-account-main__inner > * {
min-width: 0;
}
.woocommerce-account .woocommerce-MyAccount-content > p:first-child {
margin: 0;
max-width: 42rem;
font-size: 1rem;
line-height: 1.8;
color: var(--fancsv-muted);
}
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3,
.woocommerce-account .woocommerce-order-details__title,
.woocommerce-account .woocommerce-column__title {
margin-bottom: 0.85rem;
font-size: clamp(1.45rem, 2.2vw, 1.95rem);
line-height: 1.12;
overflow-wrap: anywhere;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title,
.woocommerce-account .woocommerce-order-details header,
.woocommerce-account .woocommerce-customer-details header,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table + .woocommerce-pagination {
margin-top: 0.25rem;
}
.woocommerce-account .woocommerce-Addresses {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.1rem;
}
.woocommerce-account .woocommerce-Addresses .woocommerce-Address {
display: grid;
gap: 1rem;
padding: 1.5rem;
align-content: start;
}
.woocommerce-account .woocommerce-Address .title {
display: flex;
align-items: start;
justify-content: space-between;
flex-wrap: wrap;
gap: 1rem;
margin-bottom: 1rem;
}
.woocommerce-account .woocommerce-Address .title h2,
.woocommerce-account .woocommerce-Address .title h3,
.woocommerce-account .woocommerce-column__title {
flex: 1 1 220px;
min-width: 0;
margin: 0;
}
.woocommerce-account .woocommerce-Address address {
margin: 0;
color: var(--fancsv-muted);
font-style: normal;
line-height: 1.8;
overflow-wrap: anywhere;
}
.woocommerce-account .addresses .title .edit,
.woocommerce-account .woocommerce-Address .title a,
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button,
.woocommerce-account .woocommerce-button.view {
font-size: 0.7rem;
flex: 0 0 auto;
}
.woocommerce-account .addresses .title .edit,
.woocommerce-account .woocommerce-Address .title a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 0.75rem 0.95rem;
border-radius: 999px;
background: rgba(248, 246, 244, 0.9);
border: 1px solid rgba(48, 55, 62, 0.08);
text-decoration: none;
}
.woocommerce-account table.shop_table,
.woocommerce-account table.shop_table_responsive,
.woocommerce-account .woocommerce-table {
width: 100%;
border: 0;
border-collapse: separate;
border-spacing: 0;
overflow: hidden;
border-radius: 24px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(251, 249, 247, 0.98));
}
.woocommerce-account table.shop_table thead th,
.woocommerce-account .woocommerce-table thead th {
padding: 1rem 1.1rem;
border: 0;
background: rgba(248, 246, 244, 0.95);
color: var(--fancsv-text);
font-size: 0.74rem;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.woocommerce-account table.shop_table tbody td,
.woocommerce-account .woocommerce-table tbody td,
.woocommerce-account table.shop_table tfoot td,
.woocommerce-account table.shop_table tfoot th {
padding: 1.05rem 1.1rem;
border-top: 1px solid rgba(48, 55, 62, 0.08);
vertical-align: middle;
}
.woocommerce-account table.shop_table tbody tr:nth-child(even),
.woocommerce-account .woocommerce-table tbody tr:nth-child(even) {
background: rgba(248, 246, 244, 0.45);
}
.woocommerce-account .woocommerce-orders-table__cell-order-actions {
display: flex;
flex-wrap: wrap;
gap: 0.55rem;
}
.woocommerce-account .woocommerce-MyAccount-content form,
.woocommerce-account .woocommerce-address-fields,
.woocommerce-account .woocommerce-EditAccountForm fieldset {
display: grid;
gap: 1rem;
}
.woocommerce-account .woocommerce-MyAccount-content form,
.woocommerce-account .woocommerce-address-fields,
.woocommerce-account .woocommerce-form-track-order,
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register {
max-width: 52rem;
}
.woocommerce-account .woocommerce-address-fields {
gap: 1.15rem;
}
.woocommerce-account .col2-set {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.25rem;
}
.woocommerce-account .form-row-first,
.woocommerce-account .form-row-last,
.woocommerce-account .woocommerce-form-row--first,
.woocommerce-account .woocommerce-form-row--last {
width: 100%;
float: none;
}
.woocommerce-account .woocommerce-EditAccountForm fieldset {
margin-top: 0.9rem;
padding: 1.4rem;
border: 1px solid rgba(48, 55, 62, 0.08);
border-radius: 24px;
background: rgba(248, 246, 244, 0.4);
}
.woocommerce-account .woocommerce-EditAccountForm fieldset legend {
padding: 0 0.35rem;
font-size: 0.82rem;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.woocommerce-account .woocommerce-form-row label,
.woocommerce-account .form-row label {
display: inline-flex;
margin-bottom: 0.45rem;
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--fancsv-text);
}
.woocommerce-account .form-row .required {
color: var(--fancsv-primary);
}
.woocommerce-account .form-row {
margin: 0;
}
.woocommerce-account .woocommerce-form-row textarea,
.woocommerce-account .woocommerce-form-row input.input-text,
.woocommerce-account .woocommerce-form-row select,
.woocommerce-account .select2-container--default .select2-selection--single,
.woocommerce-account .select2-container--default .select2-selection--multiple {
width: 100%;
min-height: 54px;
border: 1px solid var(--fancsv-border);
border-radius: 18px;
background: rgba(255, 255, 255, 0.96);
padding: 0.9rem 1rem;
transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.woocommerce-account .woocommerce-form-row textarea {
min-height: 140px;
resize: vertical;
}
.woocommerce-account .select2-container--default .select2-selection--single,
.woocommerce-account .select2-container--default .select2-selection--multiple {
padding: 0.45rem 0.9rem;
}
.woocommerce-account .woocommerce-form-row textarea:focus,
.woocommerce-account .woocommerce-form-row input.input-text:focus,
.woocommerce-account .woocommerce-form-row select:focus,
.woocommerce-account .select2-container--default.select2-container--focus .select2-selection--multiple,
.woocommerce-account .select2-container--default.select2-container--open .select2-selection--single,
.woocommerce-account .select2-container--default.select2-container--open .select2-selection--multiple {
border-color: rgba(167, 135, 84, 0.55);
box-shadow: 0 0 0 4px rgba(167, 135, 84, 0.12);
outline: none;
}
.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 2.2rem;
}
.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 100%;
right: 0.75rem;
}
.woocommerce-account .woocommerce-button[name="save_address"],
.woocommerce-account .woocommerce-Button[name="save_account_details"] {
width: auto;
min-width: 220px;
}
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-info {
margin: 0 0 1.25rem;
padding: 1.05rem 1.2rem 1.05rem 3.25rem;
list-style: none;
position: relative;
}
.woocommerce-account .woocommerce-message::before,
.woocommerce-account .woocommerce-error::before,
.woocommerce-account .woocommerce-info::before {
position: absolute;
top: 1rem;
left: 1.15rem;
width: 1.3rem;
height: 1.3rem;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 0.8rem;
font-weight: 600;
}
.woocommerce-account .woocommerce-message::before {
content: "i";
background: rgba(167, 135, 84, 0.12);
color: var(--fancsv-primary);
}
.woocommerce-account .woocommerce-info::before {
content: "i";
background: rgba(18, 29, 35, 0.08);
color: var(--fancsv-text);
}
.woocommerce-account .woocommerce-error::before {
content: "!";
background: rgba(163, 61, 61, 0.12);
color: #a33d3d;
}
.woocommerce-account .woocommerce-pagination,
.woocommerce-account .woocommerce-Pagination {
margin-top: 1.5rem;
}
.woocommerce-account .woocommerce-pagination ul.page-numbers,
.woocommerce-account .woocommerce-Pagination .page-numbers {
display: inline-flex;
flex-wrap: wrap;
gap: 0.5rem;
padding: 0;
margin: 0;
list-style: none;
}
.woocommerce-account .woocommerce-pagination .page-numbers a,
.woocommerce-account .woocommerce-pagination .page-numbers span,
.woocommerce-account .woocommerce-Pagination .page-numbers a,
.woocommerce-account .woocommerce-Pagination .page-numbers span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 44px;
min-height: 44px;
padding: 0.75rem 0.95rem;
border: 1px solid var(--fancsv-border);
border-radius: 999px;
}
.woocommerce-account .woocommerce-pagination .page-numbers .current,
.woocommerce-account .woocommerce-Pagination .page-numbers .current {
border-color: var(--fancsv-primary);
color: var(--fancsv-primary);
}
.woocommerce-account .woocommerce-MyAccount-content .button,
.woocommerce-account .woocommerce-MyAccount-content .button.alt {
min-height: 48px;
padding-inline: 1.2rem;
}
.woocommerce-account .woocommerce-MyAccount-content mark {
background: rgba(167, 135, 84, 0.12);
color: var(--fancsv-primary);
padding: 0.15rem 0.45rem;
border-radius: 999px;
}
.woocommerce-account .woocommerce-orders-table__cell-order-number a,
.woocommerce-account .woocommerce-table__product-name a,
.woocommerce-account .woocommerce-order-details a:not(.button),
.woocommerce-account .woocommerce-customer-details a:not(.button) {
color: var(--fancsv-text);
text-decoration: underline;
text-decoration-color: rgba(167, 135, 84, 0.3);
text-underline-offset: 0.18em;
}
.woocommerce-account .woocommerce-orders-table__cell-order-number a:hover,
.woocommerce-account .woocommerce-table__product-name a:hover,
.woocommerce-account .woocommerce-order-details a:not(.button):hover,
.woocommerce-account .woocommerce-customer-details a:not(.button):hover {
color: var(--fancsv-primary);
}
.woocommerce-account .woocommerce-MyAccount-content .button,
.woocommerce-account .woocommerce-button.view,
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button {
border-radius: 999px;
}
.woocommerce-account .woocommerce-MyAccount-content .button:not(.alt):not(.woocommerce-Button--previous):not(.woocommerce-Button--next) {
background: rgba(248, 246, 244, 0.95);
color: var(--fancsv-text);
border: 1px solid rgba(48, 55, 62, 0.08);
}
.woocommerce-account .woocommerce-MyAccount-content .button:not(.alt):not(.woocommerce-Button--previous):not(.woocommerce-Button--next):hover,
.woocommerce-account .woocommerce-MyAccount-content .button:not(.alt):not(.woocommerce-Button--previous):not(.woocommerce-Button--next):focus-visible {
background: rgba(167, 135, 84, 0.08);
border-color: rgba(167, 135, 84, 0.22);
color: var(--fancsv-primary);
}
.woocommerce-account .woocommerce-MyAccount-content .button.alt,
.woocommerce-account .woocommerce-button[name="save_address"],
.woocommerce-account .woocommerce-Button[name="save_account_details"] {
background: var(--fancsv-text);
border-color: var(--fancsv-text);
color: var(--fancsv-white);
}
.woocommerce-account .woocommerce-MyAccount-content .button.alt:hover,
.woocommerce-account .woocommerce-MyAccount-content .button.alt:focus-visible,
.woocommerce-account .woocommerce-button[name="save_address"]:hover,
.woocommerce-account .woocommerce-button[name="save_address"]:focus-visible,
.woocommerce-account .woocommerce-Button[name="save_account_details"]:hover,
.woocommerce-account .woocommerce-Button[name="save_account_details"]:focus-visible {
background: #1e2a32;
border-color: #1e2a32;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-downloads {
padding: clamp(1.35rem, 2vw, 1.8rem);
}
.woocommerce-account .woocommerce-order-details address,
.woocommerce-account .woocommerce-customer-details address {
margin: 0;
color: var(--fancsv-muted);
font-style: normal;
line-height: 1.8;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-OrderUpdates,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--order-downloads,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--order-details,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table {
margin-bottom: 0;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-notices-wrapper:empty {
display: none;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message .button {
margin-left: 0.85rem;
}
.fancsv-account-auth-shell {
display: grid;
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
gap: clamp(1.2rem, 2vw, 1.9rem);
align-items: start;
}
.fancsv-account-auth-shell--single {
grid-template-columns: minmax(280px, 0.95fr) minmax(0, 0.9fr);
}
.fancsv-account-auth-shell__intro {
padding: clamp(1.5rem, 2.2vw, 2.2rem);
border-radius: 36px;
background:
radial-gradient(circle at top left, rgba(167, 135, 84, 0.14), transparent 38%),
linear-gradient(180deg, #f9f5ef 0%, #f6efe7 100%);
min-height: 100%;
}
.fancsv-account-auth-shell__intro h2 {
max-width: 13ch;
}
.fancsv-account-auth-shell__intro p:last-child {
max-width: 32rem;
color: var(--fancsv-muted);
}
.fancsv-account-auth-highlights {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
margin-top: 1.5rem;
}
.fancsv-account-auth-highlights span,
.fancsv-account-auth-note {
display: inline-flex;
align-items: center;
padding: 0.7rem 1rem;
border-radius: 999px;
background: rgba(255, 255, 255, 0.85);
color: var(--fancsv-text);
font-size: 0.82rem;
}
.fancsv-account-auth-card {
padding: clamp(1.4rem, 2.2vw, 2rem);
}
.fancsv-account-auth-card--tabs {
padding: clamp(1.35rem, 2.2vw, 2rem);
display: grid;
gap: 1rem;
}
.fancsv-account-auth-card__header--shell {
margin-bottom: 0.25rem;
}
.fancsv-account-auth-card__header--shell h2 {
margin-bottom: 0.45rem;
}
.fancsv-account-auth-card__header--shell p:last-child {
max-width: 50ch;
}
.fancsv-account-auth-tabs {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.35rem;
padding: 0.35rem;
border-radius: 999px;
background: rgba(48, 55, 62, 0.06);
}
.fancsv-account-auth-tab {
appearance: none;
border: 0;
margin: 0;
padding: 0.65rem 0.9rem;
border-radius: 999px;
background: transparent;
color: var(--fancsv-muted);
font-size: 0.9rem;
font-weight: 600;
line-height: 1.1;
cursor: pointer;
transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.fancsv-account-auth-tab:hover {
color: var(--fancsv-text);
}
.fancsv-account-auth-tab.is-active,
.fancsv-account-auth-tab[aria-selected="true"] {
background: var(--fancsv-white);
color: var(--fancsv-text);
box-shadow: 0 8px 20px rgba(18, 29, 35, 0.12);
}
.fancsv-account-auth-tab:focus-visible {
outline: 2px solid rgba(167, 135, 84, 0.7);
outline-offset: 2px;
}
.fancsv-account-auth-panels {
display: grid;
gap: 1.2rem;
}
.fancsv-account-auth-panel {
padding: clamp(1rem, 1.6vw, 1.25rem);
border-radius: 24px;
background: rgba(255, 255, 255, 0.58);
border: 1px solid rgba(48, 55, 62, 0.06);
}
[data-account-auth-tabs].is-auth-tabs-ready .fancsv-account-auth-panel {
display: none;
}
[data-account-auth-tabs].is-auth-tabs-ready .fancsv-account-auth-panel.is-active {
display: block;
}
.fancsv-account-auth-card__header {
margin-bottom: 1.25rem;
}
.fancsv-account-auth-card__header h2,
.fancsv-account-auth-card__header h3 {
margin-bottom: 0.5rem;
font-size: clamp(2rem, 3vw, 2.4rem);
line-height: 0.98;
letter-spacing: -0.03em;
}
.fancsv-account-auth-card__header p:last-child {
color: var(--fancsv-muted);
}
.fancsv-account-auth-card form,
.woocommerce-account form.woocommerce-ResetPassword {
display: grid;
gap: 1rem;
}
.fancsv-account-auth-card .form-row,
.woocommerce-account .woocommerce-ResetPassword .form-row {
margin: 0;
}
.fancsv-account-auth-card .input-text,
.woocommerce-account .woocommerce-ResetPassword .input-text {
border-radius: 18px;
}
.fancsv-account-auth-card__footer {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 0.75rem;
}
.fancsv-account-auth-card .lost_password,
.fancsv-account-auth-backlink {
margin: 0;
}
.fancsv-account-auth-card .lost_password a,
.fancsv-account-auth-backlink a {
color: var(--fancsv-text);
text-decoration: underline;
text-decoration-style: dotted;
text-underline-offset: 0.18em;
}
.fancsv-account-auth-card .button,
.woocommerce-account .woocommerce-ResetPassword .button {
width: 100%;
}
.woocommerce-account .col2-set .col-1,
.woocommerce-account .col2-set .col-2 {
max-width: none;
}
.has-overlay-open {
overflow: hidden;
}
@media (max-width: 1100px) {
.fancsv-hero-slide,
.fancsv-hero__grid,
.fancsv-split-grid,
.fancsv-story-grid,
.fancsv-sp {
grid-template-columns: 1fr;
}
.fancsv-account-layout,
.fancsv-account-overview,
.fancsv-account-auth-shell,
.fancsv-account-auth-shell--single,
.woocommerce-account .col2-set,
.woocommerce-account .woocommerce-Addresses {
grid-template-columns: 1fr;
}
.woocommerce ul.products,
.fancsv-gallery-grid,
.fancsv-post-grid,
.fancsv-usp-grid,
.fancsv-account-overview__stats,
.fancsv-account-auth-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.fancsv-account-nav {
position: static;
}
.fancsv-account-overview__copy h2 {
max-width: none;
}
.fancsv-account-stat {
min-height: 180px;
}
.fancsv-pdetails form.cart .woocommerce-variation-add-to-cart {
flex-wrap: wrap;
}
.fancsv-pdetails form.cart .quantity {
flex-basis: 100%;
}
}
@media (max-width: 1280px) {
.fancsv-pgallery {
position: static;
}
}
@media (max-width: 820px) {
.fancsv-sticky-add-to-cart {
right: 12px;
bottom: 12px;
width: calc(100vw - 24px);
}
.fancsv-sticky-add-to-cart__content {
gap: 0.875rem;
padding: 0.85rem;
border-radius: 24px;
}
.fancsv-sticky-add-to-cart__title {
font-size: 0.95rem;
}
.fancsv-sticky-add-to-cart__content button {
min-height: 48px;
padding: 0.85rem 1.05rem;
}
.fancsv-hero-slider {
padding-top: 0.75rem;
}
.fancsv-hero-slide {
gap: 1.25rem;
}
.fancsv-hero-slide__card {
max-width: 240px;
}
.fancsv-header__inner {
display: grid;
grid-template-columns: auto 1fr auto;
}
.fancsv-desktop-only {
display: none;
}
.fancsv-mobile-only {
display: inline-flex;
}
.fancsv-header__start {
display: flex;
}
.fancsv-header__branding {
margin-right: 0;
text-align: center;
}
.fancsv-primary-menu {
gap: 1rem;
}
.fancsv-hero__aside {
display: none;
}
.fancsv-hero-slider__controls {
flex-wrap: wrap;
}
.fancsv-search-form,
.fancsv-newsletter-form {
grid-template-columns: 1fr;
}
.fancsv-account-auth-card__footer {
align-items: start;
flex-direction: column;
}
.fancsv-account-auth-tabs {
width: 100%;
}
.fancsv-account-main__header,
.fancsv-account-main__inner,
.fancsv-account-nav,
.fancsv-account-support-card {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.fancsv-shop-toolbar,
.fancsv-shop-toolbar__right {
flex-direction: column;
align-items: stretch;
}
}
@media (max-width: 640px) {
.fancsv-sticky-add-to-cart__content {
align-items: stretch;
}
.fancsv-sticky-add-to-cart__content button {
align-self: center;
}
.fancsv-sp {
gap: 2rem;
}
.fancsv-pdetails__title {
font-size: clamp(1.6rem, 8vw, 2.2rem);
}
.fancsv-pdetails form.cart .woocommerce-variation-add-to-cart {
display: grid;
grid-template-columns: 1fr;
}
.fancsv-pdetails form.cart .quantity,
.fancsv-pdetails form.cart .single_add_to_cart_button {
width: 100%;
}
.fancsv-payment-buttons__row {
grid-template-columns: 1fr;
}
.fancsv-hero-slider {
padding: 0;
}
.fancsv-hero-slider > .fancsv-container {
width: 100%;
padding: 0;
}
.fancsv-hero-slider__viewport {
border-radius: 0;
}
.fancsv-hero-slide {
position: relative;
display: block;
padding: 0;
min-height: 85svh;
overflow: hidden;
}
.fancsv-hero-slide__image {
width: 100%;
height: 100%;
aspect-ratio: unset;
object-fit: cover;
border-radius: 0;
}
.fancsv-hero-slide__copy {
position: absolute;
inset: auto 0 0;
z-index: 2;
max-width: none;
padding: 2.5rem 1.5rem 3rem;
text-align: center;
background: linear-gradient(to top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.18) 60%, transparent 100%);
color: var(--fancsv-white);
}
.fancsv-hero-slide__copy .fancsv-eyebrow {
color: rgba(255, 255, 255, 0.75);
}
.fancsv-hero-slide__copy h1 {
color: var(--fancsv-white);
}
.fancsv-hero-slide__copy .fancsv-hero-slide__description {
max-width: none;
color: rgba(255, 255, 255, 0.85);
}
.fancsv-hero-slide__copy .fancsv-button-secondary {
background: transparent;
color: var(--fancsv-white);
border-color: var(--fancsv-white);
}
.fancsv-hero-slide__copy .fancsv-button-secondary:hover {
background: var(--fancsv-white);
color: var(--fancsv-text);
border-color: var(--fancsv-white);
}
.fancsv-hero-slide__card,
.fancsv-hero-slide__card-copy {
display: none;
}
.fancsv-hero-slider__controls {
align-items: flex-start;
padding: 0.75rem 12px;
}
.fancsv-hero-slider__nav {
width: 100%;
justify-content: flex-start;
}
.fancsv-container {
width: min(calc(100% - 24px), var(--fancsv-container));
}
.woocommerce ul.products,
.fancsv-image-strip,
.fancsv-gallery-grid,
.fancsv-post-grid,
.fancsv-usp-grid,
.fancsv-account-overview__stats,
.fancsv-account-auth-grid,
.woocommerce-account .woocommerce-Addresses {
grid-template-columns: 1fr;
}
.woocommerce-account .woocommerce-Address .title,
.woocommerce-account .woocommerce-orders-table__cell-order-actions {
align-items: stretch;
flex-direction: column;
}
.woocommerce-account .woocommerce-Address .title a,
.woocommerce-account .addresses .title .edit {
align-self: flex-start;
}
.fancsv-account-main__header,
.fancsv-account-overview {
padding: 1.25rem;
}
.fancsv-account-auth-card--tabs {
padding: 1.1rem;
}
.fancsv-account-auth-panel {
padding: 1rem;
}
.fancsv-account-overview__copy h2 {
font-size: clamp(2.15rem, 11vw, 3.1rem);
}
.fancsv-account-stat {
min-height: auto;
}
.fancsv-testimonial-slide {
min-height: 400px;
padding: 2rem 1.5rem;
}
.fancsv-testimonial-quote {
font-size: clamp(1rem, 4vw, 1.25rem);
}
.fancsv-testimonial-arrow {
width: 36px;
height: 36px;
}
.fancsv-testimonial-arrow svg {
width: 16px;
height: 16px;
}
.fancsv-testimonial-arrow[data-testimonial-prev] {
margin-left: -18px;
}
.fancsv-testimonial-arrow[data-testimonial-next] {
margin-right: -18px;
}
.fancsv-testimonial-play {
width: 64px;
height: 64px;
}
.woocommerce-account .woocommerce-button[name="save_address"],
.woocommerce-account .woocommerce-Button[name="save_account_details"] {
width: 100%;
min-width: 0;
}
.fancsv-section--products .woocommerce ul.products li.product .woocommerce-loop-product__title,
.fancsv-section--products .woocommerce ul.products li.product .wc-block-grid__product-title,
.single-product div.product .related ul.products li.product .woocommerce-loop-product__title,
.single-product div.product .related ul.products li.product .wc-block-grid__product-title {
font-size: 1.4rem;
}
.fancsv-search-dialog {
padding: 1.5rem;
}
.fancsv-account-overview,
.fancsv-account-main__inner,
.fancsv-account-nav,
.fancsv-account-main__header,
.fancsv-account-auth-card,
.fancsv-account-auth-shell__intro,
.woocommerce-account .woocommerce-Addresses .woocommerce-Address,
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-info {
border-radius: 24px;
}
.woocommerce-account table.shop_table,
.woocommerce-account .woocommerce-table {
display: block;
overflow-x: auto;
}
.fancsv-footer__links-grid {
grid-template-columns: 1fr 1fr;
}
} .fancsv-single-product-wrapper {
padding: 2rem 0 4rem;
}
.fancsv-single-product {
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
gap: 3rem;
align-items: start;
} .fancsv-product-gallery {
position: sticky;
top: 100px;
}
.fancsv-product-gallery__main {
position: relative;
margin-bottom: 1rem;
}
.fancsv-product-gallery__slider {
position: relative;
overflow: hidden;
border-radius: 24px;
background: var(--fancsv-surface);
}
.fancsv-product-gallery__slide {
display: none;
}
.fancsv-product-gallery__slide.is-active {
display: block;
}
.fancsv-product-gallery__image {
width: 100%;
aspect-ratio: 1;
object-fit: cover;
}
.fancsv-product-gallery__thumbs {
display: flex;
gap: 0.75rem;
flex-wrap: wrap;
}
.fancsv-product-gallery__thumb {
flex: 0 0 80px;
width: 80px;
height: 80px;
border: 2px solid transparent;
border-radius: 12px;
background: var(--fancsv-surface);
padding: 0;
cursor: pointer;
overflow: hidden;
transition: border-color 0.2s ease;
}
.fancsv-product-gallery__thumb:hover,
.fancsv-product-gallery__thumb.is-active {
border-color: var(--fancsv-primary);
}
.fancsv-product-gallery__thumb-img {
width: 100%;
height: 100%;
object-fit: cover;
} .fancsv-product-summary {
background: linear-gradient(180deg, #ffffff 0%, #fcfbfa 100%);
border: 1px solid rgba(48, 55, 62, 0.08);
border-radius: 32px;
padding: 2rem;
box-shadow: 0 24px 70px rgba(18, 29, 35, 0.08);
}
.fancsv-product-summary__inner {
display: grid;
gap: 1.25rem;
}
.fancsv-product-summary__header {
display: grid;
gap: 0.5rem;
}
.fancsv-product-summary__title {
font-family: "Arial", serif;
font-size: clamp(1.8rem, 3vw, 2.5rem);
line-height: 1.1;
margin: 0;
}
.fancsv-product-summary__sku {
font-size: 0.875rem;
color: var(--fancsv-muted);
letter-spacing: 0.05em;
}
.fancsv-product-summary__price {
font-size: 1.25rem;
font-weight: 600;
color: var(--fancsv-text);
}
.fancsv-product-summary__price .amount {
font-size: 1.5rem;
}
.fancsv-product-summary__price del {
color: var(--fancsv-lighter);
font-size: 1rem;
}
.fancsv-product-summary__description {
color: var(--fancsv-muted);
font-size: 0.95rem;
line-height: 1.6;
} .fancsv-badge-in-stock {
display: inline-block;
background: #e8b923;
color: #1a1a1a;
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
padding: 0.5rem 0.75rem;
border-radius: 4px;
} .fancsv-product-summary__benefits ul {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 0.75rem;
}
.fancsv-product-summary__benefits li {
display: flex;
align-items: center;
gap: 0.75rem;
font-size: 0.9rem;
color: var(--fancsv-text);
}
.fancsv-benefit-icon {
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
color: var(--fancsv-primary);
font-size: 1rem;
} .fancsv-artisan-section {
display: flex;
gap: 1rem;
padding: 1.25rem;
background: var(--fancsv-surface);
border-radius: 16px;
}
.fancsv-artisan-section__icon {
flex-shrink: 0;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
background: var(--fancsv-text);
color: var(--fancsv-white);
border-radius: 50%;
font-size: 1.25rem;
}
.fancsv-artisan-section__content strong {
display: block;
font-size: 0.85rem;
letter-spacing: 0.05em;
text-transform: uppercase;
margin-bottom: 0.25rem;
}
.fancsv-artisan-section__content p {
margin: 0;
font-size: 0.875rem;
color: var(--fancsv-muted);
} .fancsv-size-guide {
margin: 0;
font-size: 0.9rem;
color: var(--fancsv-muted);
}
.fancsv-size-guide a {
color: var(--fancsv-primary);
text-decoration: underline;
} .fancsv-klarna-installment {
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 0.85rem;
color: var(--fancsv-muted);
}
.fancsv-klarna-badge {
display: inline-block;
background: #ffb3c7;
color: #0a0a0a;
font-size: 0.7rem;
font-weight: 600;
letter-spacing: 0.05em;
padding: 0.2rem 0.5rem;
border-radius: 4px;
}
.fancsv-klarna-info {
width: 18px;
height: 18px;
border: 1px solid var(--fancsv-border);
border-radius: 50%;
background: transparent;
color: var(--fancsv-muted);
font-size: 0.75rem;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
} .fancsv-add-to-cart-row {
display: flex;
align-items: stretch;
gap: 0.75rem;
flex-wrap: wrap;
}
.fancsv-product-summary form.cart {
display: block;
margin: 0;
}
.fancsv-product-summary .quantity {
display: flex;
align-items: center;
border: 1px solid var(--fancsv-border);
border-radius: 999px;
overflow: hidden;
}
.fancsv-product-summary .quantity button {
width: 40px;
height: 48px;
border: none;
background: transparent;
color: var(--fancsv-text);
font-size: 1.25rem;
cursor: pointer;
}
.fancsv-product-summary .quantity input.qty {
width: 50px;
height: 48px;
border: none;
background: transparent;
text-align: center;
font-size: 1rem;
-webkit-appearance: none;
-moz-appearance: textfield;
appearance: none;
}
.fancsv-product-summary .quantity input.qty::-webkit-outer-spin-button,
.fancsv-product-summary .quantity input.qty::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.fancsv-product-summary button.single_add_to_cart_button {
flex: 1;
min-height: 48px;
background: var(--fancsv-text);
color: var(--fancsv-white);
border: none;
border-radius: 999px;
font-size: 0.8rem;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
cursor: pointer;
transition: background 0.2s ease;
}
.fancsv-product-summary button.single_add_to_cart_button:hover {
background: var(--fancsv-primary);
} .fancsv-product-actions {
display: flex;
gap: 0.75rem;
align-items: center;
}
.fancsv-product-actions button,
.fancsv-wishlist-button {
width: 48px;
height: 48px;
border: 1px solid var(--fancsv-border);
border-radius: 50%;
background: var(--fancsv-white);
color: var(--fancsv-text);
cursor: pointer;
transition: border-color 0.2s ease, color 0.2s ease;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.25rem;
}
.fancsv-product-actions button:hover,
.fancsv-wishlist-button:hover {
border-color: var(--fancsv-primary);
color: var(--fancsv-primary);
} .fancsv-payment-buttons {
display: grid;
gap: 0.75rem;
}
.fancsv-payment-buttons__row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.75rem;
}
.fancsv-payment-button {
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
min-height: 48px;
border: none;
border-radius: 8px;
font-size: 0.85rem;
cursor: pointer;
transition: transform 0.2s ease, opacity 0.2s ease;
}
.fancsv-payment-button:hover {
transform: translateY(-1px);
}
.fancsv-payment-button--apple {
background: #000;
color: #fff;
}
.fancsv-payment-button--google {
background: #fff;
color: #000;
border: 1px solid #dadce0;
}
.fancsv-payment-button--paypal {
background: #ffc439;
color: #003087;
font-weight: 600;
}
.fancsv-payment-button__icon {
font-size: 1.1rem;
}
.fancsv-payment-info {
margin: 0;
font-size: 0.75rem;
color: var(--fancsv-muted);
text-align: center;
}
.fancsv-payment-info a {
color: var(--fancsv-primary);
text-decoration: underline;
} @media (max-width: 991px) {
.fancsv-single-product {
grid-template-columns: 1fr;
gap: 2rem;
}
.fancsv-product-gallery {
position: static;
}
.fancsv-product-summary {
padding: 1.5rem;
}
}
@media (max-width: 480px) {
.fancsv-product-summary form.cart {
flex-wrap: wrap;
}
.fancsv-payment-buttons__row {
grid-template-columns: 1fr;
}
} .fancsv-pdetails .fancsv-add-to-cart-row {
display: flex;
align-items: stretch;
gap: 0.65rem;
flex-wrap: nowrap;
} .fancsv-pdetails__meta {
padding-top: 0.75rem;
border-top: 1px solid rgba(48, 55, 62, 0.08);
font-size: 0.76rem;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--fancsv-muted);
}
.fancsv-pdetails__meta .product_meta {
display: grid;
gap: 0.25rem;
}
.fancsv-pdetails__meta .product_meta a {
color: var(--fancsv-text);
text-transform: none;
} .fancsv-shop-page {
padding: 2rem 0 4rem;
}
.fancsv-shop-hero {
text-align: center;
margin-bottom: 3rem;
}
.fancsv-shop-hero__eyebrow {
font-size: 0.8125rem;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(--fancsv-text);
margin-bottom: 0.5rem;
}
.fancsv-shop-hero__subtitle {
font-size: 0.9rem;
color: var(--fancsv-muted);
margin-bottom: 0.75rem;
}
.fancsv-woosw-hero__heart {
display: flex;
justify-content: center;
margin-bottom: 1rem;
}
.fancsv-woosw-hero__heart a {
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
text-decoration: none;
}
.fancsv-woosw-hero__heart svg,
.fancsv-woosw-hero__heart img {
display: block;
}
.fancsv-shop-hero__title {
font-family: "Arial", serif;
font-size: clamp(2.5rem, 5vw, 3.5rem);
font-weight: 400;
color: var(--fancsv-text);
margin: 0;
}
.fancsv-shop-hero__description {
max-width: 600px;
margin: 1rem auto 0;
color: var(--fancsv-muted);
font-size: 1rem;
line-height: 1.6;
} .fancsv-shop-layout {
display: grid;
grid-template-columns: 280px 1fr;
gap: 2.5rem;
align-items: start;
}
.fancsv-shop-sidebar {
grid-column: 1;
order: 1;
}
.fancsv-shop-content {
grid-column: 2;
order: 2;
}
@media (max-width: 991px) {
.fancsv-shop-layout {
grid-template-columns: 1fr;
gap: 2rem;
}
.fancsv-shop-sidebar {
grid-column: 1;
order: 2;
}
.fancsv-shop-content {
grid-column: 1;
order: 1;
}
} .fancsv-shop-sidebar {
position: sticky;
top: 100px;
}
@media (max-width: 991px) {
.fancsv-shop-sidebar {
position: static;
order: 2;
}
}
.fancsv-sidebar-widget {
margin-bottom: 2rem;
}
.fancsv-sidebar-widget__title {
font-family: "Arial", serif;
font-size: 1.1rem;
font-weight: 400;
color: var(--fancsv-text);
margin: 0 0 1rem;
padding-bottom: 0.75rem;
border-bottom: 1px solid var(--fancsv-border);
} .fancsv-sidebar-search {
position: relative;
display: flex;
align-items: center;
}
.fancsv-sidebar-search input {
width: 100%;
padding: 0.75rem 2.5rem 0.75rem 1rem;
border: 1px solid var(--fancsv-border);
border-radius: 0;
background: var(--fancsv-white);
font-size: 0.9rem;
}
.fancsv-sidebar-search input:focus {
outline: none;
border-color: var(--fancsv-primary);
}
.fancsv-sidebar-search button {
position: absolute;
right: 0.75rem;
top: 50%;
transform: translateY(-50%);
background: none;
border: none;
padding: 0;
cursor: pointer;
color: var(--fancsv-muted);
display: flex;
align-items: center;
justify-content: center;
}
.fancsv-sidebar-search button:hover {
color: var(--fancsv-primary);
} .fancsv-price-filter {
display: grid;
gap: 0.95rem;
}
.fancsv-price-filter__slider-wrapper {
position: relative;
height: 22px;
margin: 0.25rem 0 0.5rem;
}
.fancsv-price-filter__slider-wrapper::before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 50%;
height: 2px;
background: #111111;
transform: translateY(-50%);
}
.fancsv-price-filter__range-input {
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 22px;
margin: 0;
transform: translateY(-50%);
-webkit-appearance: none;
appearance: none;
background: transparent;
cursor: pointer;
pointer-events: none;
}
.fancsv-price-filter__range-input::-webkit-slider-runnable-track {
height: 2px;
background: transparent;
}
.fancsv-price-filter__range-input::-moz-range-track {
height: 2px;
background: transparent;
border: 0;
}
.fancsv-price-filter__range-input::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
pointer-events: auto;
width: 14px;
height: 14px;
margin-top: -6px;
background: #ffffff;
border: 2px solid #111111;
border-radius: 0;
box-shadow: none;
}
.fancsv-price-filter__range-input::-moz-range-thumb {
pointer-events: auto;
width: 14px;
height: 14px;
background: #ffffff;
border: 2px solid #111111;
border-radius: 0;
box-shadow: none;
}
.fancsv-price-filter__inputs {
display: flex;
align-items: center;
gap: 0.35rem;
font-size: 1rem;
color: #111111;
flex-wrap: wrap;
}
.fancsv-price-filter__label {
color: #111111;
font-weight: 600;
}
.fancsv-price-filter__range {
color: #111111;
font-weight: 500;
letter-spacing: 0;
}
.fancsv-price-filter__range .woocommerce-Price-amount {
font-weight: 500;
color: #111111;
}  .woocommerce-cart .woocommerce {
display: grid;
grid-template-columns: minmax(0, 1fr) 420px;
gap: 1.5rem 3rem;
align-items: start;
}
.woocommerce-cart .woocommerce > .woocommerce-notices-wrapper {
grid-column: 1 / -1;
margin-bottom: 1.5rem;
} .woocommerce-cart .entry-header,
.woocommerce-cart .page-title,
.woocommerce-cart .entry-title,
.woocommerce-cart .woocommerce > h1:first-child {
display: none !important;
} .woocommerce-cart .woocommerce-cart-form {
grid-column: 1;
width: 100%;
overflow-x: auto;
min-width: 0;
} .woocommerce-cart table.shop_table,
.woocommerce-cart table.shop_table_responsive {
width: 100%;
border: 0;
border-collapse: separate;
border-spacing: 0;
margin: 0;
} .woocommerce-cart table.shop_table thead th {
padding: 1rem 1.25rem;
border: 0;
border-bottom: 1px solid var(--fancsv-border);
background: transparent;
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--fancsv-muted);
text-align: left;
}
.woocommerce-cart table.shop_table thead th.product-name {
width: 55%;
}
.woocommerce-cart table.shop_table thead th.product-price,
.woocommerce-cart table.shop_table thead th.product-quantity,
.woocommerce-cart table.shop_table thead th.product-subtotal {
width: 15%;
text-align: center;
}
.woocommerce-cart table.shop_table thead th.product-remove {
width: 40px;
} .woocommerce-cart table.shop_table tbody td {
padding: 1.5rem 1.25rem;
border-bottom: 1px solid var(--fancsv-border);
vertical-align: middle;
} .woocommerce-cart table.shop_table tbody tr {
background: transparent;
} .woocommerce-cart table.shop_table td.product-thumbnail {
width: 100px;
padding-left: 0;
}
.woocommerce-cart table.shop_table td.product-thumbnail img {
width: 80px;
height: 80px;
object-fit: cover;
border-radius: 12px;
background: var(--fancsv-surface);
}
.woocommerce-cart table.shop_table td.product-name {
font-family: "Arial", serif;
font-size: 1.1rem;
color: var(--fancsv-text);
}
.woocommerce-cart table.shop_table td.product-name a {
color: var(--fancsv-text);
transition: color 0.2s ease;
}
.woocommerce-cart table.shop_table td.product-name a:hover {
color: var(--fancsv-primary);
}
.woocommerce-cart table.shop_table .product-name .variation {
margin-top: 0.5rem;
font-size: 0.85rem;
color: var(--fancsv-muted);
font-family: "Arial", sans-serif;
}
.woocommerce-cart table.shop_table .product-name .variation dt {
display: inline;
font-weight: 500;
}
.woocommerce-cart table.shop_table .product-name .variation dd {
display: inline;
margin: 0;
} .woocommerce-cart table.shop_table td.product-price,
.woocommerce-cart table.shop_table td.product-subtotal {
font-size: 1rem;
font-weight: 500;
color: var(--fancsv-text);
text-align: center;
}
.woocommerce-cart table.shop_table td.product-price .amount,
.woocommerce-cart table.shop_table td.product-subtotal .amount {
font-weight: 600;
} .woocommerce-cart table.shop_table td.product-quantity {
text-align: center;
}
.woocommerce-cart table.shop_table .quantity {
display: inline-flex;
align-items: center;
border: 1px solid var(--fancsv-border);
border-radius: 999px;
overflow: hidden;
background: var(--fancsv-white);
}
.woocommerce-cart table.shop_table .quantity .qty {
width: 50px;
height: 40px;
border: 0;
background: transparent;
text-align: center;
font-size: 0.95rem;
-webkit-appearance: none;
-moz-appearance: textfield;
appearance: none;
}
.woocommerce-cart table.shop_table .quantity .qty::-webkit-outer-spin-button,
.woocommerce-cart table.shop_table .quantity .qty::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
} .woocommerce-cart table.shop_table td.product-remove {
width: 40px;
text-align: center;
padding-right: 0;
}
.woocommerce-cart table.shop_table .product-remove a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 50%;
background: transparent;
color: var(--fancsv-muted) !important;
font-size: 1.25rem;
font-weight: 300;
text-decoration: none;
transition: all 0.2s ease;
}
.woocommerce-cart table.shop_table .product-remove a:hover {
background: rgba(163, 61, 61, 0.1);
color: #a33d3d !important;
} .woocommerce-cart .cart-collaterals + .woocommerce-cart-form .actions,
.woocommerce-cart table.shop_table tbody tr:last-child td.actions {
padding: 1.5rem 0;
border: 0;
background: transparent;
}
.woocommerce-cart .actions .coupon {
display: flex;
gap: 0.75rem;
align-items: stretch;
float: left;
}
.woocommerce-cart .actions .coupon label {
display: none;
}
.woocommerce-cart .actions .coupon .input-text {
width: 200px;
height: 48px;
padding: 0 1rem;
border: 1px solid var(--fancsv-border);
border-radius: 999px;
font-size: 0.9rem;
background: var(--fancsv-white);
}
.woocommerce-cart .actions .coupon .input-text:focus {
outline: none;
border-color: var(--fancsv-primary);
}
.woocommerce-cart .actions .button {
height: 48px;
padding: 0 1.5rem;
border: 0;
border-radius: 999px;
background: var(--fancsv-text);
color: var(--fancsv-white);
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
cursor: pointer;
transition: background 0.2s ease;
}
.woocommerce-cart .actions .button:hover {
background: var(--fancsv-primary);
}
.woocommerce-cart .actions .button[name="update_cart"] {
float: right;
background: transparent;
color: var(--fancsv-text);
border: 1px solid var(--fancsv-border);
}
.woocommerce-cart .actions .button[name="update_cart"]:hover {
border-color: var(--fancsv-primary);
color: var(--fancsv-primary);
} .woocommerce-cart .cart-collaterals {
grid-column: 2;
position: sticky;
top: 100px;
}
.woocommerce-cart .cart-collaterals .cart_totals {
width: 100%;
background: linear-gradient(180deg, #ffffff 0%, #fbf9f7 100%);
border: 1px solid rgba(48, 55, 62, 0.08);
border-radius: 24px;
padding: 1.75rem;
box-shadow: 0 20px 60px rgba(18, 29, 35, 0.06);
}
.woocommerce-cart .cart-collaterals h2 {
font-family: "Arial", serif;
font-size: 1.5rem;
font-weight: 400;
margin: 0 0 1.5rem;
color: var(--fancsv-text);
} .woocommerce-cart .cart-collaterals .shop_table {
width: 100%;
border: 0;
margin: 0 0 1.5rem;
}
.woocommerce-cart .cart-collaterals .shop_table th,
.woocommerce-cart .cart-collaterals .shop_table td {
padding: 0.75rem 0;
border: 0;
border-bottom: 1px solid rgba(48, 55, 62, 0.08);
text-align: left;
font-size: 0.95rem;
}
.woocommerce-cart .cart-collaterals .shop_table th {
font-weight: 500;
color: var(--fancsv-muted);
}
.woocommerce-cart .cart-collaterals .shop_table td {
text-align: right;
font-weight: 500;
color: var(--fancsv-text);
}
.woocommerce-cart .cart-collaterals .shop_table .order-total th,
.woocommerce-cart .cart-collaterals .shop_table .order-total td {
font-size: 1.1rem;
font-weight: 600;
color: var(--fancsv-text);
border-bottom: 0;
padding-top: 1rem;
}
.woocommerce-cart .cart-collaterals .shop_table .order-total .amount {
font-family: "Arial", serif;
font-size: 1.25rem;
color: var(--fancsv-primary);
} .woocommerce-cart .cart-collaterals .woocommerce-shipping-methods {
list-style: none;
margin: 0;
padding: 0;
}
.woocommerce-cart .cart-collaterals .woocommerce-shipping-methods li {
display: flex;
align-items: center;
gap: 0.5rem;
margin-bottom: 0.5rem;
}
.woocommerce-cart .cart-collaterals .woocommerce-shipping-methods input {
width: 18px;
height: 18px;
accent-color: var(--fancsv-primary);
}
.woocommerce-cart .cart-collaterals .woocommerce-shipping-methods label {
font-size: 0.9rem;
cursor: pointer;
}
.woocommerce-cart .cart-collaterals .woocommerce-shipping-destination {
font-size: 0.85rem;
color: var(--fancsv-muted);
margin-top: 0.5rem;
}
.woocommerce-cart .cart-collaterals .woocommerce-shipping-destination strong {
color: var(--fancsv-text);
} .woocommerce-cart .wc-proceed-to-checkout {
margin-top: 1rem;
}
.woocommerce-cart .checkout-button {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 56px;
border: 0;
border-radius: 999px;
background: var(--fancsv-primary);
color: var(--fancsv-white);
font-size: 0.85rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
transition: all 0.2s ease;
}
.woocommerce-cart .checkout-button:hover {
background: var(--fancsv-primary-hover);
transform: translateY(-1px);
} .woocommerce-cart .cart-collaterals .wcpay-payment-request-wrapper,
.woocommerce-cart .cart-collaterals .wc-stripe-payment-request-button,
.woocommerce-cart .cart-collaterals .paypal-buttons,
.woocommerce-cart .cart-collaterals .ppc-button-wrapper {
margin: 1rem 0 0;
}
.woocommerce-cart .cart-collaterals .wcpay-payment-request-wrapper:first-child,
.woocommerce-cart .cart-collaterals .wc-stripe-payment-request-button:first-child {
margin-top: 0;
} .woocommerce-cart .cart-empty {
text-align: center;
padding: 3rem 2rem;
background: var(--fancsv-surface);
border-radius: 24px;
font-size: 1.1rem;
color: var(--fancsv-muted);
}
.woocommerce-cart .cart-empty + .return-to-shop {
text-align: center;
margin-top: 1.5rem;
}
.woocommerce-cart .cart-empty + .return-to-shop .button {
display: inline-flex;
align-items: center;
justify-content: center;
height: 52px;
padding: 0 2rem;
border: 0;
border-radius: 999px;
background: var(--fancsv-text);
color: var(--fancsv-white);
font-size: 0.8rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
text-decoration: none;
transition: background 0.2s ease;
}
.woocommerce-cart .cart-empty + .return-to-shop .button:hover {
background: var(--fancsv-primary);
} @media (max-width: 900px) {
.woocommerce-cart .woocommerce {
grid-template-columns: 1fr;
}
.woocommerce-cart .woocommerce-cart-form,
.woocommerce-cart .cart-collaterals {
grid-column: 1;
}
.woocommerce-cart .cart-collaterals {
position: static;
}
.woocommerce-cart table.shop_table thead {
display: none;
}
.woocommerce-cart table.shop_table tbody td {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.75rem 0;
border: 0;
border-bottom: 1px solid var(--fancsv-border);
}
.woocommerce-cart table.shop_table tbody td::before {
content: attr(data-title);
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--fancsv-muted);
}
.woocommerce-cart table.shop_table td.product-thumbnail {
width: auto;
justify-content: center;
padding: 1rem 0;
}
.woocommerce-cart table.shop_table td.product-thumbnail img {
width: 120px;
height: 120px;
}
.woocommerce-cart table.shop_table td.product-name {
flex-direction: column;
align-items: flex-start;
gap: 0.25rem;
}
.woocommerce-cart table.shop_table td.product-name::before {
content: "Prodotto";
}
.woocommerce-cart table.shop_table td.product-remove {
position: absolute;
top: 0.5rem;
right: 0;
border: 0;
padding: 0;
}
.woocommerce-cart table.shop_table tbody tr {
position: relative;
display: block;
padding: 1rem 0;
}
.woocommerce-cart table.shop_table td.product-quantity::before {
content: "Quantità";
}
.woocommerce-cart table.shop_table td.product-price::before {
content: "Prezzo";
}
.woocommerce-cart table.shop_table td.product-subtotal::before {
content: "Totale";
}
.woocommerce-cart .actions .coupon {
float: none;
width: 100%;
margin-bottom: 1rem;
}
.woocommerce-cart .actions .coupon .input-text {
flex: 1;
width: auto;
}
.woocommerce-cart .actions .button[name="update_cart"] {
float: none;
width: 100%;
}
.woocommerce-cart .cart-collaterals .cart_totals {
padding: 1.25rem;
}
} .fancsv-mini-cart__panel {
display: flex;
flex-direction: column;
height: 100%;
}
.fancsv-mini-cart__title {
margin: 0;
font-family: "Arial", serif;
font-size: 1.25rem;
font-weight: 400;
color: var(--fancsv-text);
}
.fancsv-mini-cart__close {
display: inline-flex;
align-items: center;
gap: 0.35rem;
border: 0;
background: transparent;
padding: 0;
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--fancsv-text);
cursor: pointer;
transition: color 0.2s ease;
}
.fancsv-mini-cart__close span {
font-size: 1.25rem;
font-weight: 300;
line-height: 1;
}
.fancsv-mini-cart__close:hover {
color: var(--fancsv-primary);
}
.fancsv-mini-cart__body {
flex: 1 1 auto;
overflow-y: auto;
padding-bottom: 1rem;
}
.fancsv-mini-cart__body .woocommerce-mini-cart {
list-style: none;
margin: 0;
padding: 0;
}
.fancsv-mini-cart__body .woocommerce-mini-cart-item {
position: relative;
display: flex;
gap: 0.85rem;
align-items: flex-start;
padding: 1.25rem 0;
padding-right: 2rem;
border-bottom: 1px solid var(--fancsv-border);
}
.fancsv-mini-cart__body .woocommerce-mini-cart-item:first-child {
padding-top: 0;
} .fancsv-mini-cart__body .woocommerce-mini-cart-item .remove {
position: absolute;
top: 1.1rem;
right: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
border-radius: 50%;
font-size: 1.1rem;
font-weight: 300;
line-height: 1;
color: var(--fancsv-muted) !important;
text-decoration: none;
transition: background 0.2s ease, color 0.2s ease;
}
.fancsv-mini-cart__body .woocommerce-mini-cart-item .remove:hover {
background: rgba(163, 61, 61, 0.1);
color: #a33d3d !important;
} .fancsv-mini-cart__body .fancsv-mc-thumb {
flex-shrink: 0;
display: block;
line-height: 0;
}
.fancsv-mini-cart__body .fancsv-mc-thumb img,
.fancsv-mini-cart__body .woocommerce-mini-cart-item img {
width: 72px;
height: 90px;
object-fit: cover;
border-radius: 6px;
background: var(--fancsv-surface);
display: block;
} .fancsv-mini-cart__body .fancsv-mc-info {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
gap: 0.2rem;
}
.fancsv-mini-cart__body .fancsv-mc-name {
font-family: "Arial", serif;
font-size: 0.95rem;
font-weight: 400;
line-height: 1.35;
color: var(--fancsv-text) !important;
text-decoration: none;
}
.fancsv-mini-cart__body .fancsv-mc-name:hover {
color: var(--fancsv-primary) !important;
} .fancsv-mini-cart__body .woocommerce-mini-cart-item .variation {
font-size: 0.82rem;
color: var(--fancsv-muted);
margin: 0.1rem 0 0;
}
.fancsv-mini-cart__body .woocommerce-mini-cart-item .variation dt,
.fancsv-mini-cart__body .woocommerce-mini-cart-item .variation dd {
display: inline;
margin: 0;
}
.fancsv-mini-cart__body .woocommerce-mini-cart-item .variation dd::after {
content: " ";
display: block;
} .fancsv-mini-cart__body .woocommerce-mini-cart-item .quantity {
display: block;
font-size: 0.88rem;
color: var(--fancsv-muted);
margin-top: 0.25rem;
}
.fancsv-mini-cart__body .woocommerce-mini-cart__empty-message {
padding: 2rem 0;
text-align: center;
color: var(--fancsv-muted);
font-size: 0.95rem;
}
.fancsv-mini-cart__body .woocommerce-mini-cart__total,
.fancsv-mini-cart__body .woocommerce-mini-cart__buttons {
display: none;
}
.fancsv-mini-cart__footer {
flex-shrink: 0;
display: grid;
gap: 0.75rem;
padding-top: 1.25rem;
border-top: 1px solid var(--fancsv-border);
}
.fancsv-mini-cart__subtotal {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 1rem;
}
.fancsv-mini-cart__subtotal span {
color: var(--fancsv-text);
}
.fancsv-mini-cart__subtotal strong {
font-family: "Arial", serif;
font-size: 1.15rem;
font-weight: 400;
color: var(--fancsv-primary);
}
.fancsv-mini-cart__btn {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 50px;
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
text-decoration: none;
border-radius: 0;
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.fancsv-mini-cart__btn--view {
background: var(--fancsv-white);
color: var(--fancsv-text);
border: 1px solid var(--fancsv-border);
}
.fancsv-mini-cart__btn--view:hover {
border-color: var(--fancsv-text);
}
.fancsv-mini-cart__btn--checkout {
background: var(--fancsv-primary);
color: var(--fancsv-white);
border: 1px solid var(--fancsv-primary);
}
.fancsv-mini-cart__btn--checkout:hover {
background: var(--fancsv-primary-hover);
border-color: var(--fancsv-primary-hover);
}  .fancsv-content-shell .woocommerce ul.products {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1.5rem;
list-style: none;
margin: 0;
padding: 0;
}
.fancsv-content-shell .woocommerce ul.products li.product {
list-style: none;
margin: 0;
position: relative;
}
.fancsv-content-shell .woocommerce ul.products li.product .woocommerce-loop-product__link {
display: block;
}
.fancsv-content-shell .woocommerce ul.products li.product .woocommerce-loop-product__title {
margin: 0.9rem 0 0.45rem;
font-family: "Arial", serif;
font-size: clamp(0.95rem, 1.5vw, 1.25rem);
line-height: 1.12;
}
.fancsv-content-shell .woocommerce ul.products li.product .price {
display: block;
margin-top: 0.5rem;
color: var(--fancsv-text);
}
.fancsv-content-shell .woocommerce ul.products li.product .button {
padding: 0.55rem 1rem;
font-size: 0.7rem;
letter-spacing: 0.08em;
min-height: auto;
width: auto;
} @media (max-width: 991px) {
.fancsv-content-shell .woocommerce ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.fancsv-content-shell .woocommerce ul.products {
grid-template-columns: 1fr;
}
}  .woocommerce-checkout .fancsv-content-shell {
max-width: var(--fancsv-container);
padding-top: 3rem;
} .woocommerce-checkout .woocommerce {
display: block;
} .woocommerce-checkout .woocommerce-form-coupon-toggle {
margin-bottom: 0.75rem;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
background: transparent;
border: 0;
border-radius: 0;
padding: 0;
font-size: 0.92rem;
color: var(--fancsv-muted);
}
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info::before {
display: none;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info .showcoupon {
color: var(--fancsv-primary);
cursor: pointer;
text-decoration: underline;
text-underline-offset: 0.18em;
}
.woocommerce-checkout .checkout_coupon {
display: flex;
gap: 0.75rem;
align-items: stretch;
margin-bottom: 1rem;
padding: 1.25rem;
border: 1px solid var(--fancsv-border);
border-radius: 12px;
background: var(--fancsv-surface);
}
.woocommerce-checkout .checkout_coupon p:first-child {
display: none;
}
.woocommerce-checkout .checkout_coupon .form-row {
margin: 0;
}
.woocommerce-checkout .checkout_coupon .input-text {
width: 260px;
height: 48px;
padding: 0 1rem;
border: 1px solid var(--fancsv-border);
border-radius: 6px;
font-size: 0.9rem;
background: var(--fancsv-white);
}
.woocommerce-checkout .checkout_coupon .input-text:focus {
outline: none;
border-color: var(--fancsv-primary);
}
.woocommerce-checkout .checkout_coupon .button {
height: 48px;
padding: 0 1.5rem;
border: 0;
border-radius: 6px;
background: var(--fancsv-text);
color: var(--fancsv-white);
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.woocommerce-checkout .checkout_coupon .button:hover {
background: var(--fancsv-primary);
} form.woocommerce-checkout {
display: grid;
grid-template-columns: 1fr 420px;
column-gap: 3rem;
align-items: start;
} form.woocommerce-checkout > #customer_details {
grid-column: 1;
min-width: 0;
}
form.woocommerce-checkout > .woocommerce-additional-fields {
grid-column: 1;
min-width: 0;
} .woocommerce-checkout #customer_details {
display: block;
}
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
width: 100%;
float: none;
}
.woocommerce-checkout #customer_details .col-2 {
margin-top: 2rem;
}
.woocommerce-checkout #customer_details h3 {
font-family: "Arial", serif;
font-size: clamp(1.5rem, 2.5vw, 2rem);
font-weight: 400;
margin: 0 0 1.5rem;
color: var(--fancsv-text);
}
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
.woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
.woocommerce-checkout .form-row-wide {
grid-column: 1 / -1;
}
.woocommerce-checkout .form-row-first {
grid-column: 1;
}
.woocommerce-checkout .form-row-last {
grid-column: 2;
}
.woocommerce-checkout .form-row {
margin: 0;
padding: 0;
}
.woocommerce-checkout .form-row label {
display: block;
margin-bottom: 0.4rem;
font-size: 0.82rem;
font-weight: 500;
color: var(--fancsv-text);
}
.woocommerce-checkout .form-row .required {
color: #c0392b;
}
.woocommerce-checkout .form-row .input-text,
.woocommerce-checkout .form-row textarea {
width: 100%;
min-height: 48px;
padding: 0.75rem 1rem;
border: 1px solid var(--fancsv-border);
border-radius: 6px;
background: var(--fancsv-white);
font-size: 0.95rem;
color: var(--fancsv-text);
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.woocommerce-checkout .form-row textarea {
min-height: 100px;
resize: vertical;
}
.woocommerce-checkout .form-row .input-text:focus,
.woocommerce-checkout .form-row textarea:focus {
outline: none;
border-color: var(--fancsv-primary);
box-shadow: 0 0 0 3px rgba(167, 135, 84, 0.08);
}
.woocommerce-checkout .form-row .input-text::placeholder {
color: var(--fancsv-lighter);
}
.woocommerce-checkout .form-row select {
width: 100%;
min-height: 48px;
padding: 0.75rem 1rem;
border: 1px solid var(--fancsv-border);
border-radius: 6px;
background: var(--fancsv-white);
font-size: 0.95rem;
color: var(--fancsv-text);
appearance: none;
-webkit-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2330373e' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 1rem center;
padding-right: 2.5rem;
}
.woocommerce-checkout .form-row select:focus {
outline: none;
border-color: var(--fancsv-primary);
box-shadow: 0 0 0 3px rgba(167, 135, 84, 0.08);
}
.woocommerce-checkout .select2-container--default .select2-selection--single {
min-height: 48px;
padding: 0.55rem 1rem;
border: 1px solid var(--fancsv-border);
border-radius: 6px;
background: var(--fancsv-white);
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 2rem;
color: var(--fancsv-text);
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 100%;
right: 0.75rem;
}
.woocommerce-checkout .select2-container--default.select2-container--open .select2-selection--single {
border-color: var(--fancsv-primary);
box-shadow: 0 0 0 3px rgba(167, 135, 84, 0.08);
} .woocommerce-checkout .woocommerce-additional-fields {
margin-top: 1.5rem;
}
.woocommerce-checkout .woocommerce-additional-fields h3 {
font-family: "Arial", serif;
font-size: 1.25rem;
font-weight: 400;
margin: 0 0 1rem;
color: var(--fancsv-text);
}
.woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
grid-template-columns: 1fr;
} form.woocommerce-checkout > #order_review_heading {
display: none;
}
form.woocommerce-checkout > #order_review {
grid-column: 2;
grid-row: 1 / 4;
position: sticky;
top: 100px;
background: #fdfcfa;
border: 1px solid rgba(167, 135, 84, 0.18);
border-top: 3px solid var(--fancsv-primary);
border-radius: 16px;
padding: 2rem;
box-shadow: 0 4px 32px rgba(18, 29, 35, 0.09);
}
form.woocommerce-checkout > #order_review::before {
content: "Il tuo ordine";
display: block;
font-family: "Arial", serif;
font-size: 1.2rem;
font-weight: 400;
color: var(--fancsv-text);
padding-bottom: 1rem;
margin-bottom: 1.25rem;
border-bottom: 1px solid var(--fancsv-border);
} .woocommerce-checkout .woocommerce-checkout-review-order-table {
width: 100%;
border: 0;
border-collapse: collapse;
margin-bottom: 1.5rem;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table thead th {
padding: 0 0 0.75rem;
border: 0;
border-bottom: 1px solid var(--fancsv-border);
background: transparent;
font-size: 0.7rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--fancsv-muted);
text-align: left;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table thead th:last-child {
text-align: right;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td {
padding: 0.9rem 0;
border: 0;
border-bottom: 1px solid rgba(48, 55, 62, 0.06);
font-size: 0.92rem;
color: var(--fancsv-text);
vertical-align: top;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td:last-child {
text-align: right;
font-weight: 600;
white-space: nowrap;
padding-left: 0.75rem;
vertical-align: top;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody .product-name {
color: var(--fancsv-text);
line-height: 1.45;
} .woocommerce-checkout .woocommerce-checkout-review-order-table tbody .product-name a {
font-family: "Arial", serif;
font-size: 0.92rem;
font-weight: 400;
color: var(--fancsv-text);
line-height: 1.4;
} .woocommerce-checkout .woocommerce-checkout-review-order-table strong.product-quantity {
display: inline-flex;
align-items: center;
margin-left: 0.4rem;
padding: 0.1em 0.55em;
background: rgba(167, 135, 84, 0.1);
color: var(--fancsv-primary);
border-radius: 4px;
font-size: 0.74rem;
font-weight: 700;
font-family: "Arial", sans-serif;
letter-spacing: 0.02em;
vertical-align: middle;
} .woocommerce-checkout .woocommerce-checkout-review-order-table dl.variation {
margin: 0.65rem 0 0;
padding: 0.55rem 0.8rem;
background: rgba(167, 135, 84, 0.04);
border-left: 2px solid var(--fancsv-primary);
border-radius: 0 4px 4px 0;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table dl.variation dt {
margin: 0.4rem 0 0.1rem;
padding: 0;
float: none;
width: 100%;
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--fancsv-text);
}
.woocommerce-checkout .woocommerce-checkout-review-order-table dl.variation dt:first-child {
margin-top: 0;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table dl.variation dd {
margin: 0;
padding: 0;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table dl.variation dd p {
margin: 0;
font-size: 0.8rem;
color: var(--fancsv-muted);
line-height: 1.5;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th {
padding: 0.85rem 0;
border: 0;
border-bottom: 1px solid rgba(48, 55, 62, 0.06);
font-size: 0.92rem;
font-weight: 500;
color: var(--fancsv-text);
text-align: left;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td {
padding: 0.85rem 0;
border: 0;
border-bottom: 1px solid rgba(48, 55, 62, 0.06);
text-align: right;
font-weight: 500;
color: var(--fancsv-text);
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .order-total th,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .order-total td {
border-bottom: 0;
padding-top: 1rem;
font-size: 1.05rem;
font-weight: 600;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .order-total td .amount {
font-family: "Arial", serif;
font-size: 1.35rem;
color: var(--fancsv-primary);
} .woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals td {
color: #2a7a3b;
font-weight: 600;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals ul {
list-style: none;
margin: 0;
padding: 0;
text-align: right;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals ul li {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 0.3rem;
} .woocommerce-checkout #payment {
background: transparent;
border-radius: 0;
}
.woocommerce-checkout #payment ul.payment_methods {
list-style: none;
margin: 0 0 1rem;
padding: 0;
border: 0;
}
.woocommerce-checkout #payment ul.payment_methods li {
margin-bottom: 0.5rem;
padding: 0.9rem 1rem;
border: 1px solid var(--fancsv-border);
border-radius: 8px;
background: var(--fancsv-white);
}
.woocommerce-checkout #payment ul.payment_methods li label {
font-size: 0.92rem;
font-weight: 500;
color: var(--fancsv-text);
cursor: pointer;
}
.woocommerce-checkout #payment ul.payment_methods li input[type="radio"] {
accent-color: var(--fancsv-primary);
margin-right: 0.5rem;
}
.woocommerce-checkout #payment ul.payment_methods li .payment_box {
margin-top: 0.75rem;
padding: 0.75rem;
background: var(--fancsv-surface);
border-radius: 6px;
font-size: 0.88rem;
color: var(--fancsv-muted);
line-height: 1.6;
}
.woocommerce-checkout #payment .payment_box p {
margin: 0;
} .woocommerce-checkout #payment .woocommerce-info,
.woocommerce-checkout .woocommerce-checkout-payment .woocommerce-info {
background: #3498db;
border-color: #3498db;
color: var(--fancsv-white);
border-radius: 8px;
padding: 1rem 1.25rem;
font-size: 0.9rem;
line-height: 1.6;
margin: 0 0 1rem;
}
.woocommerce-checkout #payment .woocommerce-info::before,
.woocommerce-checkout .woocommerce-checkout-payment .woocommerce-info::before {
display: none;
}
.woocommerce-checkout #payment .woocommerce-info a {
color: var(--fancsv-white);
text-decoration: underline;
} .woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
margin-bottom: 1rem;
font-size: 0.88rem;
color: var(--fancsv-muted);
line-height: 1.65;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a {
color: var(--fancsv-text);
text-decoration: underline;
text-underline-offset: 0.15em;
}
.woocommerce-checkout .woocommerce-privacy-policy-text p {
margin: 0;
} .woocommerce-checkout #place_order {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 56px;
border: 0;
border-radius: 8px;
background: var(--fancsv-primary);
color: var(--fancsv-white);
font-size: 0.82rem;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
cursor: pointer;
transition: background-color 0.2s ease, transform 0.2s ease;
}
.woocommerce-checkout #place_order:hover {
background: var(--fancsv-primary-hover);
transform: translateY(-1px);
box-shadow: 0 6px 20px rgba(167, 135, 84, 0.3);
} @media (max-width: 1100px) {
form.woocommerce-checkout {
grid-template-columns: 1fr;
}
form.woocommerce-checkout > #order_review {
grid-column: 1;
grid-row: auto;
position: static;
max-width: 540px;
margin: 0 auto;
width: 100%;
}
.woocommerce-checkout .form-row-first,
.woocommerce-checkout .form-row-last {
grid-column: 1;
}
}
@media (max-width: 640px) {
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
grid-template-columns: 1fr;
}
.woocommerce-checkout .form-row-first,
.woocommerce-checkout .form-row-last {
grid-column: 1;
}
form.woocommerce-checkout > #order_review {
padding: 1.25rem;
border-radius: 16px;
}
.woocommerce-checkout .checkout_coupon {
flex-direction: column;
}
.woocommerce-checkout .checkout_coupon .input-text {
width: 100%;
}
}
.fancsv-price-filter__button {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 150px;
padding: 0.85rem 2rem;
background: #0a1426;
color: var(--fancsv-white);
border: none;
border-radius: 0;
font-size: 1rem;
font-weight: 600;
letter-spacing: 0;
text-transform: none;
cursor: pointer;
transition: background-color 0.2s ease;
margin-left: auto;
}
.fancsv-price-filter__button:hover {
background: #142642;
} .fancsv-collection-list {
list-style: none;
margin: 0;
padding: 0;
}
.fancsv-collection-list__item {
border-bottom: 1px solid var(--fancsv-border);
}
.fancsv-collection-list__item:first-child {
border-top: 1px solid var(--fancsv-border);
}
.fancsv-collection-list__link {
display: flex;
align-items: center;
gap: 0.75rem;
padding: 0.75rem 0;
color: var(--fancsv-text);
text-decoration: none;
font-size: 0.9rem;
transition: color 0.2s ease;
}
.fancsv-collection-list__link:hover {
color: #A78754;
}
.fancsv-collection-list__item.is-active .fancsv-collection-list__link {
color: #A78754;
font-weight: 500;
}
.fancsv-collection-list__item.is-active .fancsv-collection-list__toggle {
color: #A78754;
}
.fancsv-collection-list__toggle {
font-size: 1rem;
font-weight: 300;
color: var(--fancsv-muted);
min-width: 14px;
}
.fancsv-collection-list__name {
flex: 1;
}
.fancsv-collection-list__count {
color: var(--fancsv-muted);
font-size: 0.85rem;
} .fancsv-collection-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1.5rem;
margin-top: 2rem;
}
.fancsv-collection-card__link {
display: block;
text-decoration: none;
color: inherit;
transition: transform 0.3s ease;
}
.fancsv-collection-card__link:hover {
transform: translateY(-4px);
}
.fancsv-collection-card__image {
aspect-ratio: 1;
overflow: hidden;
margin-bottom: 1rem;
background: var(--fancsv-surface);
}
.fancsv-collection-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.4s ease;
}
.fancsv-collection-card__link:hover .fancsv-collection-card__image img {
transform: scale(1.04);
}
.fancsv-collection-card__title {
font-size: 1rem;
margin: 0 0 0.25rem;
}
.fancsv-collection-card__description {
font-size: 0.85rem;
color: var(--fancsv-muted);
margin: 0;
}
@media (max-width: 1024px) {
.fancsv-collection-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 640px) {
.fancsv-collection-grid {
grid-template-columns: 1fr;
}
} .fancsv-categories-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
margin-bottom: 3rem;
}
@media (max-width: 768px) {
.fancsv-categories-grid {
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
}
}
.fancsv-category-card {
display: block;
text-decoration: none;
color: inherit;
transition: transform 0.3s ease;
}
.fancsv-category-card:hover {
transform: translateY(-4px);
}
.fancsv-category-card__image-wrapper {
position: relative;
aspect-ratio: 1 / 1;
overflow: hidden;
background: var(--fancsv-surface);
margin-bottom: 0.75rem;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
transition: box-shadow 0.3s ease;
}
.fancsv-category-card:hover .fancsv-category-card__image-wrapper {
box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}
.fancsv-category-card__image {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
.fancsv-category-card:hover .fancsv-category-card__image {
transform: scale(1.05);
}
.fancsv-category-card__title {
font-family: "Arial", sans-serif;
font-size: 0.95rem;
font-weight: 500;
color: var(--fancsv-text);
margin: 0;
text-align: left;
transition: color 0.2s ease;
}
.fancsv-category-card:hover .fancsv-category-card__title {
color: #A78754;
}
.fancsv-category-card__count {
font-weight: 400;
color: #A78754;
} .fancsv-shop-content .woocommerce ul.products {
margin-top: 2rem;
} .fancsv-shop-content .woocommerce-breadcrumb {
display: none;
} .woocommerce-loop-category__title {
font-family: "Arial", sans-serif;
font-size: 1rem;
font-weight: 500;
line-height: 1.3;
margin: 0.75rem 0 0.3rem;
color: var(--fancsv-text);
}
.woocommerce-loop-category__title .count {
background: transparent;
color: var(--fancsv-primary);
font-weight: 400;
font-size: inherit;
} .fancsv-shop-page .woocommerce ul.products {
grid-template-columns: repeat(3, minmax(0, 1fr));
} .fancsv-shop-page .fancsv-shop-hero {
text-align: left;
padding-bottom: 1.5rem;
margin-bottom: 2rem;
border-bottom: 1px solid var(--fancsv-border);
}
.fancsv-shop-page .fancsv-shop-hero__title {
font-size: clamp(1.75rem, 3.5vw, 2.5rem);
}
.fancsv-page-collezioni .fancsv-shop-hero,
.fancsv-page-wishlist .fancsv-shop-hero {
text-align: center;
padding-bottom: 0;
margin-bottom: 3rem;
border-bottom: 0;
}
.fancsv-page-collezioni .fancsv-shop-hero__title,
.fancsv-page-wishlist .fancsv-shop-hero__title {
max-width: 16ch;
margin: 0 auto 0.75rem;
font-size: clamp(2.25rem, 4.6vw, 3.5rem);
line-height: 1.14;
}
.fancsv-page-collezioni .fancsv-shop-hero--wishlist {
max-width: 760px;
margin: 0 auto 3rem;
padding-top: 0.5rem;
}
.fancsv-page-wishlist .fancsv-shop-hero--wishlist {
max-width: 760px;
margin: 0 auto 3rem;
padding-top: 0.5rem;
}
.fancsv-page-collezioni .fancsv-shop-hero--wishlist .fancsv-woosw-hero__heart {
margin-bottom: 0.9rem;
}
.fancsv-page-wishlist .fancsv-shop-hero--wishlist .fancsv-woosw-hero__heart {
margin-bottom: 0.9rem;
}
.fancsv-page-collezioni .fancsv-woosw-hero__heart-link {
display: inline-flex;
align-items: center;
justify-content: center;
}
.fancsv-page-wishlist .fancsv-woosw-hero__heart-link {
display: inline-flex;
align-items: center;
justify-content: center;
}
.fancsv-page-collezioni .fancsv-woosw-hero__heart-link svg {
width: 46px;
height: auto;
}
.fancsv-page-wishlist .fancsv-woosw-hero__heart-link svg {
width: 46px;
height: auto;
}
.fancsv-page-collezioni .fancsv-shop-hero--wishlist .fancsv-shop-hero__title {
max-width: none;
margin-bottom: 0.35rem;
font-family: "Times New Roman", Times, serif;
font-size: clamp(1.85rem, 2.5vw, 2.5rem);
line-height: 1.15;
}
.fancsv-page-wishlist .fancsv-shop-hero--wishlist .fancsv-shop-hero__title {
max-width: none;
margin-bottom: 0.35rem;
font-family: "Times New Roman", Times, serif;
font-size: clamp(1.85rem, 2.5vw, 2.5rem);
line-height: 1.15;
}
.fancsv-page-collezioni .fancsv-shop-hero__eyebrow,
.fancsv-page-wishlist .fancsv-shop-hero__eyebrow {
margin-bottom: 0.25rem;
}
.fancsv-page-collezioni .fancsv-shop-hero--wishlist .fancsv-shop-hero__eyebrow {
margin-bottom: 0.15rem;
font-family: "Arial", sans-serif;
font-size: 0.82rem;
letter-spacing: 0.22em;
}
.fancsv-page-wishlist .fancsv-shop-hero--wishlist .fancsv-shop-hero__eyebrow {
margin-bottom: 0.15rem;
font-family: "Arial", sans-serif;
font-size: 0.82rem;
letter-spacing: 0.22em;
}
.fancsv-page-collezioni .fancsv-shop-hero__subtitle,
.fancsv-page-wishlist .fancsv-shop-hero__subtitle {
margin-bottom: 0;
}
.fancsv-page-collezioni .fancsv-shop-hero--wishlist .fancsv-shop-hero__subtitle {
font-family: "Arial", sans-serif;
font-size: 0.78rem;
color: var(--fancsv-text);
}
.fancsv-page-wishlist .fancsv-shop-hero--wishlist .fancsv-shop-hero__subtitle {
font-family: "Arial", sans-serif;
font-size: 0.78rem;
color: var(--fancsv-text);
}
.fancsv-page-collezioni .fancsv-woosw-hero__heart,
.fancsv-page-wishlist .fancsv-woosw-hero__heart {
margin-bottom: 1.5rem;
}
.fancsv-page-wishlist .fancsv-wishlist-shell {
max-width: 1100px;
margin: 0 auto;
} @media (max-width: 1100px) {
.fancsv-categories-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 991px) {
.fancsv-shop-page .woocommerce ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.fancsv-categories-grid {
grid-template-columns: 1fr;
}
.fancsv-shop-page .woocommerce ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
}
.fancsv-shop-hero {
margin-bottom: 2rem;
}
.fancsv-shop-hero__title {
font-size: 2rem;
}
.fancsv-page-collezioni .fancsv-shop-hero--wishlist {
margin-bottom: 2rem;
padding-top: 0;
}
.fancsv-page-wishlist .fancsv-shop-hero--wishlist {
margin-bottom: 2rem;
padding-top: 0;
}
.fancsv-page-collezioni .fancsv-shop-hero--wishlist .fancsv-woosw-hero__heart {
margin-bottom: 0.75rem;
}
.fancsv-page-wishlist .fancsv-shop-hero--wishlist .fancsv-woosw-hero__heart {
margin-bottom: 0.75rem;
}
.fancsv-page-collezioni .fancsv-woosw-hero__heart-link svg {
width: 40px;
}
.fancsv-page-wishlist .fancsv-woosw-hero__heart-link svg {
width: 40px;
}
.fancsv-page-collezioni .fancsv-shop-hero--wishlist .fancsv-shop-hero__title {
font-size: 1.7rem;
}
.fancsv-page-wishlist .fancsv-shop-hero--wishlist .fancsv-shop-hero__title {
font-size: 1.7rem;
}
.fancsv-page-collezioni .fancsv-shop-hero--wishlist .fancsv-shop-hero__eyebrow {
font-size: 0.72rem;
letter-spacing: 0.18em;
}
.fancsv-page-wishlist .fancsv-shop-hero--wishlist .fancsv-shop-hero__eyebrow {
font-size: 0.72rem;
letter-spacing: 0.18em;
}
.fancsv-page-collezioni .fancsv-shop-hero--wishlist .fancsv-shop-hero__subtitle {
font-size: 0.72rem;
}
.fancsv-page-wishlist .fancsv-shop-hero--wishlist .fancsv-shop-hero__subtitle {
font-size: 0.72rem;
}
} .fancsv-page-collezioni .fancsv-shop-content .products {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1.5rem;
list-style: none;
margin: 0;
padding: 0;
}
.fancsv-page-collezioni .fancsv-products-section {
margin-top: 2rem;
}
.fancsv-shop-toolbar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 0;
margin-bottom: 1.5rem;
border-top: 1px solid var(--fancsv-border);
border-bottom: 1px solid var(--fancsv-border);
}
.fancsv-shop-toolbar__left,
.fancsv-shop-toolbar__right {
display: flex;
align-items: center;
gap: 1rem;
}
.fancsv-result-count {
font-size: 0.9rem;
color: var(--fancsv-muted);
}
.fancsv-ordering select {
padding: 0.5rem 2rem 0.5rem 1rem;
border: 1px solid var(--fancsv-border);
background: var(--fancsv-white);
font-size: 0.85rem;
cursor: pointer;
}
.fancsv-view-switcher {
display: flex;
gap: 0.5rem;
}
.fancsv-view-btn {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--fancsv-border);
background: var(--fancsv-white);
cursor: pointer;
transition: all 0.2s ease;
}
.fancsv-view-btn:hover,
.fancsv-view-btn.is-active {
border-color: var(--fancsv-text);
background: var(--fancsv-text);
color: var(--fancsv-white);
}
.fancsv-pagination {
display: flex;
justify-content: center;
margin-top: 3rem;
gap: 0.5rem;
}
.fancsv-pagination a,
.fancsv-pagination span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px;
padding: 0 0.75rem;
border: 1px solid var(--fancsv-border);
color: var(--fancsv-text);
text-decoration: none;
font-size: 0.9rem;
transition: all 0.2s ease;
}
.fancsv-pagination a:hover,
.fancsv-pagination .current {
background: var(--fancsv-text);
border-color: var(--fancsv-text);
color: var(--fancsv-white);
}
.fancsv-no-products {
text-align: center;
padding: 3rem;
color: var(--fancsv-muted);
font-size: 1rem;
} .fancsv-category-card__placeholder {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background: var(--fancsv-surface);
color: var(--fancsv-muted);
font-size: 1rem;
} .woocommerce-notices-wrapper {
width: min(calc(100% - 2rem), var(--fancsv-container));
margin-inline: auto;
}
.woocommerce-notices-wrapper:empty {
display: none;
}
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
display: flex;
align-items: center;
gap: 1rem;
margin: 1rem 0;
padding: 1rem 1.25rem 1rem 3.5rem;
list-style: none;
position: relative;
border-radius: 999px;
font-family: "Arial", sans-serif;
font-size: 0.92rem;
line-height: 1.5;
border: 1px solid transparent;
}
.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-info::before {
position: absolute;
left: 1.1rem;
top: 50%;
transform: translateY(-50%);
width: 1.5rem;
height: 1.5rem;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 0.78rem;
font-weight: 700;
line-height: 1;
flex-shrink: 0;
}
.woocommerce-message {
background: rgba(167, 135, 84, 0.07);
border-color: rgba(167, 135, 84, 0.2);
color: var(--fancsv-text);
}
.woocommerce-message::before {
content: "✓";
background: rgba(167, 135, 84, 0.15);
color: var(--fancsv-primary);
}
.woocommerce-info {
background: rgba(18, 29, 35, 0.04);
border-color: rgba(18, 29, 35, 0.1);
color: var(--fancsv-text);
}
.woocommerce-info::before {
content: "i";
background: rgba(18, 29, 35, 0.08);
color: var(--fancsv-text);
}
.woocommerce-error {
background: rgba(163, 61, 61, 0.06);
border-color: rgba(163, 61, 61, 0.18);
color: #a33d3d;
}
.woocommerce-error::before {
content: "!";
background: rgba(163, 61, 61, 0.12);
color: #a33d3d;
}
.woocommerce-error li {
list-style: none;
margin: 0;
padding: 0;
}
.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button {
margin-left: auto;
flex-shrink: 0;
display: inline-flex;
align-items: center;
white-space: nowrap;
padding: 0.45rem 1.15rem;
border-radius: 999px;
border: 1px solid var(--fancsv-text);
background: var(--fancsv-text);
color: var(--fancsv-white);
font-family: "Arial", sans-serif;
font-size: 0.82rem;
font-weight: 500;
letter-spacing: 0.04em;
text-transform: uppercase;
text-decoration: none;
transition: background 0.2s ease, border-color 0.2s ease;
}
.woocommerce-message .button:hover,
.woocommerce-info .button:hover,
.woocommerce-error .button:hover {
background: var(--fancsv-primary);
border-color: var(--fancsv-primary);
color: var(--fancsv-white);
} @media (max-width: 1100px) {
.fancsv-page-collezioni .fancsv-shop-content .products {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.fancsv-page-collezioni .fancsv-shop-content .products {
grid-template-columns: 1fr;
}
.fancsv-shop-toolbar {
flex-direction: column;
gap: 1rem;
align-items: stretch;
}
.fancsv-shop-toolbar__right {
justify-content: space-between;
}
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
flex-wrap: wrap;
border-radius: 16px;
padding: 1rem 1.25rem 1rem 3.25rem;
}
.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button {
margin-left: 0;
width: 100%;
justify-content: center;
}
} .fancsv-story-page {
padding: 2rem 0 0;
}
.fancsv-story-intro {
padding: 2rem 0 1rem;
}
.fancsv-story-intro--featured-image {
position: relative;
display: flex;
align-items: flex-end;
justify-content: center;
min-height: clamp(520px, 78vh, 860px);
padding: clamp(7rem, 12vw, 10rem) 0 clamp(3rem, 8vw, 5rem);
color: var(--fancsv-white);
background-color: #0f0d10;
background-image:
linear-gradient(180deg, rgba(6, 6, 8, 0.12) 0%, rgba(6, 6, 8, 0.45) 40%, rgba(6, 6, 8, 0.78) 100%),
var(--fancsv-story-hero-image);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
overflow: hidden;
}
.fancsv-story-intro--featured-image::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, rgba(6, 6, 8, 0.54) 0%, rgba(6, 6, 8, 0.16) 48%, rgba(6, 6, 8, 0.42) 100%);
pointer-events: none;
}
.fancsv-story-intro--featured-image .fancsv-container,
.fancsv-story-intro--featured-image .fancsv-story-intro__copy {
position: relative;
z-index: 1;
}
.fancsv-story-intro__copy {
max-width: 760px;
}
.fancsv-story-intro--featured-image .fancsv-story-intro__copy {
max-width: min(100%, 640px);
margin: 0;
padding: clamp(1.5rem, 3vw, 2rem);
border-radius: 24px;
background: rgba(10, 10, 12, 0.18);
backdrop-filter: blur(6px);
}
.fancsv-story-intro--featured-image .fancsv-story-intro__copy p:last-child {
color: rgba(255, 255, 255, 0.86);
}
.fancsv-story-page .fancsv-story-intro__copy h1 {
font-family: "Times New Roman", Times, serif;
}
.fancsv-story-intro__copy h1 {
font-size: clamp(2.1rem, 4vw, 3.4rem);
margin-bottom: 1rem;
}
.fancsv-story-intro--featured-image .fancsv-story-intro__copy h1 {
color: var(--fancsv-white);
}
.fancsv-story-intro__copy p:last-child {
max-width: 58ch;
margin: 0 auto;
color: var(--fancsv-muted);
}
@media (min-width: 769px) {
.fancsv-story-intro--featured-image {
align-items: center;
padding-top: clamp(5rem, 10vw, 8rem);
padding-bottom: clamp(5rem, 10vw, 8rem);
}
.fancsv-story-intro--featured-image .fancsv-story-intro__copy {
margin-left: auto;
margin-right: auto;
text-align: center;
}
}
.fancsv-story-section {
padding: clamp(3rem, 6vw, 4.5rem) 0;
}
.fancsv-story-section--video {
padding-top: 1.5rem;
}
.fancsv-story-video {
max-width: 900px;
margin: 0 auto;
}
.fancsv-story-video__frame {
position: relative;
overflow: hidden;
padding-top: 56.25%;
background: var(--fancsv-surface);
border-radius: 20px;
}
.fancsv-story-video__frame iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
}
.fancsv-story-editorial {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(320px, 440px);
gap: clamp(2rem, 4vw, 4rem);
align-items: center;
}
.fancsv-story-editorial__copy,
.fancsv-story-principles__copy,
.fancsv-story-highlight__copy,
.fancsv-story-atelier__copy {
max-width: 680px;
}
.fancsv-story-editorial__copy h2,
.fancsv-story-principles__copy h2,
.fancsv-story-highlight__copy h2,
.fancsv-story-atelier__copy h2 {
font-size: clamp(2rem, 3.8vw, 3rem);
margin-bottom: 1.25rem;
}
.fancsv-story-editorial__lead {
font-size: 1.35rem;
line-height: 1.55;
margin-bottom: 1rem;
}
.fancsv-story-editorial__copy p:last-child,
.fancsv-story-principles__copy p,
.fancsv-story-highlight__copy p,
.fancsv-story-atelier__copy p {
font-size: 1rem;
line-height: 1.9;
color: var(--fancsv-text);
}
.fancsv-story-editorial__media {
overflow: hidden;
border-radius: 24px;
background: var(--fancsv-surface);
}
.fancsv-story-editorial__image {
width: 100%;
display: block;
object-fit: cover;
aspect-ratio: 4 / 5;
}
.fancsv-story-principles {
max-width: 860px;
margin: 0 auto;
}
.fancsv-story-principles__closing {
margin-top: 1.25rem;
font-weight: 600;
}
.fancsv-story-section--highlight {
background: var(--fancsv-surface);
}
@media (max-width: 991px) {
.fancsv-story-editorial {
grid-template-columns: 1fr;
}
.fancsv-story-editorial__media {
max-width: 460px;
}
.fancsv-story-editorial__copy,
.fancsv-story-principles__copy,
.fancsv-story-highlight__copy,
.fancsv-story-atelier__copy {
max-width: 100%;
}
}
@media (max-width: 768px) {
.fancsv-story-page {
padding-top: 1rem;
}
.fancsv-story-intro {
padding-top: 1.25rem;
}
.fancsv-story-intro--featured-image {
min-height: clamp(460px, 72vh, 680px);
padding: 5rem 0 2.5rem;
background-position: center top;
}
.fancsv-story-intro--featured-image .fancsv-story-intro__copy {
padding: 1.25rem;
border-radius: 18px;
text-align: left;
}
.fancsv-story-intro--featured-image .fancsv-story-intro__copy p:last-child {
margin-left: 0;
margin-right: 0;
}
.fancsv-story-section {
padding: 2.5rem 0;
}
}
@media (max-width: 480px) {
.fancsv-story-video__frame {
border-radius: 12px;
}
.fancsv-story-intro__copy h1,
.fancsv-story-editorial__copy h2,
.fancsv-story-principles__copy h2,
.fancsv-story-highlight__copy h2,
.fancsv-story-atelier__copy h2 {
font-size: 1.9rem;
}
} .fancsv-create-gioiello {
background: var(--fancsv-white);
}
.fancsv-create-gioiello__page-hero {
padding-bottom: clamp(1.5rem, 3vw, 2rem);
}
.fancsv-create-gioiello__hero {
padding: clamp(1.25rem, 3vw, 2.25rem) 0 1.75rem;
background: var(--fancsv-white);
}
.fancsv-create-gioiello__hero-inner {
display: flex;
flex-direction: column;
align-items: center;
}
.fancsv-create-gioiello__title {
margin: 0 0 2rem;
text-align: center;
max-width: 10ch;
font-size: clamp(2.3rem, 5vw, 3.35rem);
line-height: 1.06;
letter-spacing: -0.02em;
font-weight: 400;
}
.fancsv-create-gioiello__title-brand {
display: block;
margin-top: 0.05rem;
letter-spacing: 0.02em;
}
.fancsv-create-gioiello__jewel-image {
width: 100%;
max-width: min(100%, 430px);
margin: 0 auto;
object-fit: contain;
}
.fancsv-create-gioiello__modules {
background: var(--fancsv-white);
padding: 2.25rem 0 3.5rem;
}
.fancsv-create-gioiello__modules-inner {
display: grid;
justify-items: center;
gap: 2rem;
}
.fancsv-create-gioiello__question,
.fancsv-create-gioiello__subtitle {
margin: 0;
text-align: center;
color: var(--fancsv-primary);
font-family: "Arial", serif;
}
.fancsv-create-gioiello__question {
font-size: clamp(1.65rem, 3.2vw, 1.95rem);
line-height: 1.12;
max-width: 32ch;
}
.fancsv-create-gioiello__subtitle {
margin-top: -0.35rem;
font-size: clamp(1.5rem, 3vw, 1.8rem);
line-height: 1.14;
}
.fancsv-create-gioiello__module {
width: 100%;
max-width: 440px;
display: grid;
gap: 0.85rem;
}
.fancsv-create-gioiello__module-label {
text-align: center;
text-transform: uppercase;
letter-spacing: 0.12em;
font-size: 0.82rem;
line-height: 1.45;
color: var(--fancsv-muted);
}
.fancsv-create-gioiello__module-strong {
color: var(--fancsv-primary);
font-weight: 600;
}
.fancsv-create-gioiello__module-button {
display: block;
width: 100%;
max-width: 420px;
margin: 0 auto;
padding: 1rem 1.25rem;
border: 1px solid var(--fancsv-text);
border-radius: 0;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.12em;
font-size: 0.8rem;
line-height: 1.25;
background: transparent;
color: var(--fancsv-text);
}
.fancsv-create-gioiello__module-button:hover,
.fancsv-create-gioiello__module-button:focus-visible {
border-color: var(--fancsv-primary);
color: var(--fancsv-primary);
}
.fancsv-create-gioiello__instagram {
padding: 3rem 0 4rem;
background: var(--fancsv-white);
}
@media (max-width: 991px) {
.fancsv-create-gioiello__hero {
padding-top: 2rem;
}
.fancsv-create-gioiello__modules {
padding-top: 1.5rem;
}
}
@media (max-width: 768px) {
.fancsv-create-gioiello__title {
margin-bottom: 1.5rem;
}
.fancsv-create-gioiello__jewel-image {
max-width: min(100%, 360px);
}
.fancsv-create-gioiello__modules-inner {
gap: 1.7rem;
}
.fancsv-create-gioiello__instagram {
padding: 2.25rem 0 3rem;
}
}
@media (max-width: 520px) {
.fancsv-create-gioiello__modules {
padding: 2.5rem 0 3rem;
}
.fancsv-create-gioiello__question {
font-size: 1.5rem;
}
.fancsv-create-gioiello__subtitle {
font-size: 1.35rem;
}
.fancsv-create-gioiello__hero {
padding-top: 1.5rem;
}
.fancsv-create-gioiello__title {
margin-bottom: 1.35rem;
font-size: clamp(2rem, 10vw, 2.45rem);
}
.fancsv-create-gioiello__jewel-image {
max-width: min(100%, 300px);
}
.fancsv-create-gioiello__module {
gap: 0.7rem;
}
.fancsv-create-gioiello__module-label,
.fancsv-create-gioiello__module-button {
letter-spacing: 0.1em;
}
.fancsv-create-gioiello__module-button {
max-width: 100%;
padding: 0.9rem 1rem;
font-size: 0.76rem;
}
}.wcpay-express-checkout-wrapper{width:100%;clear:both;display:flex;flex-direction:column}.wcpay-express-checkout-wrapper #wcpay-express-checkout-element{opacity:0;transition:all .3s ease-in-out;min-height:0;margin:0}.wcpay-express-checkout-wrapper #wcpay-express-checkout-element.is-ready{opacity:1}.wcpay-express-checkout-wrapper #wcpay-express-checkout-element.is-ready:not(:first-child){margin-top:12px}.woocommerce-cart .wcpay-express-checkout-wrapper{margin-bottom:0}.woocommerce-checkout .wcpay-express-checkout-wrapper #wcpay-express-checkout-element.is-ready:first-child{margin-top:4px}.woocommerce-checkout .wcpay-express-checkout-wrapper #wcpay-woopay-button{margin-top:4px}.woocommerce .type-product .wcpay-express-checkout-wrapper,.wp-block-add-to-cart-form .wcpay-express-checkout-wrapper,.wp-block-add-to-cart-with-options .wcpay-express-checkout-wrapper,.wc-proceed-to-checkout .wcpay-express-checkout-wrapper{margin-top:1em;margin-bottom:1em}.wcpay-express-checkout-wrapper,.wc-block-components-express-payment__event-buttons{list-style:none}.wcpay-express-checkout-wrapper .StripeElement iframe,.wc-block-components-express-payment__event-buttons .StripeElement iframe{max-width:unset}