@font-face {
font-family: "OmegaCT";
src: url(//absolufragrance.com/wp-content/themes/absolu-child/assets/fonts/OmegaCTRegular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
:root { --absolu-primary: #D50A31;
--absolu-primary-dark: #A30825;
--absolu-primary-darker: #7A061B;
--absolu-secondary-dark: #cc984b;
--absolu-secondary: #D1B488;
--absolu-secondary-light: #E8D5B8; --absolu-text: #2C2D33;
--absolu-text-light: #54595F; --absolu-white: #ffffff;
--absolu-border: #e8e8e8;
--absolu-bg-light: #f8f8f8;
--absolu-muted: #999;
--absolu-strike: #888;
--absolu-input-active: #757575; --absolu-success: #2d6a3f;
--absolu-error: #a94442; --absolu-font: "OmegaCT", "Exo 2", sans-serif;
--absolu-font-body: "Poppins", sans-serif; --absolu-fs-xs: 0.6875rem;
--absolu-fs-sm: 0.75rem;
--absolu-fs-base: 0.8125rem;
--absolu-fs-md: 0.875rem;
--absolu-fs-lg: 1rem;
--absolu-fs-xl: 1.125rem;
--absolu-container: 1400px;
--absolu-gap: 20px;
} .absolu-btn {
display: inline-block;
font-family: var(--absolu-font);
font-size: 13px;
font-weight: 600;
letter-spacing: 1.7px;
text-transform: uppercase;
color: var(--absolu-white);
background: var(--absolu-primary);
border: none;
padding: 14px 32px;
cursor: pointer;
text-decoration: none;
transition: all 0.2s ease;
}
.absolu-btn:hover {
background: var(--absolu-secondary);
color: var(--absolu-white);
}
.absolu-btn:active {
transform: scale(0.985);
}
.absolu-btn--border {
display: inline-block;
font-family: var(--absolu-font);
font-size: 13px;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--absolu-text);
background: transparent;
border: 1px solid var(--absolu-text);
padding: 14px 32px;
text-decoration: none;
text-align: center;
cursor: pointer;
transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.absolu-btn--border:hover {
background: var(--absolu-primary);
border-color: var(--absolu-primary);
color: var(--absolu-white);
}
*,
*::before,
*::after {
box-sizing: border-box;
}
*:focus {
outline: none;
}
::selection {
background: var(--absolu-primary-darker);
color: var(--absolu-secondary-light);
}
body {
font-family: var(--absolu-font-body);
font-size: 16px;
color: var(--absolu-text);
background: var(--absolu-white);
margin: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1.7;
}
a,
a:where(:not(.wp-element-button)) {
color: var(--absolu-primary);
text-decoration: none;
transition: color 0.2s ease;
}
a:hover {
color: var(--absolu-primary-dark);
}
img {
max-width: 100%;
height: auto;
}
.absolu-container {
max-width: var(--absolu-container);
margin: 0 auto;
padding: 0 var(--absolu-gap);
} h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--absolu-font);
font-weight: 600;
color: var(--absolu-text);
line-height: 1.2;
letter-spacing: -0.01em;
}
h1 {
font-size: clamp(2.5rem, 5vw, 3.5rem);
letter-spacing: -0.02em;
}
h2 {
font-size: clamp(1.75rem, 3vw, 2.25rem);
letter-spacing: -0.015em;
}
h3 {
font-size: 1.125rem;
font-weight: 500;
letter-spacing: 0;
}
h4 {
font-size: 0.9375rem;
font-weight: 500;
letter-spacing: 0.02em;
} .absolu-header {
background: var(--absolu-white);
position: relative;
z-index: 100;
} .absolu-header-topbar {
background: var(--absolu-primary-dark);
color: var(--absolu-white);
font-family: var(--absolu-font-body);
font-size: 11px;
font-weight: 400;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.absolu-topbar-inner {
display: flex;
align-items: center;
justify-content: center;
padding: 7px 0;
flex-wrap: wrap;
}
.absolu-topbar-sep {
margin: 0 20px;
opacity: 0.3;
font-size: 8px;
} .absolu-header-main{
padding: 8px 0;
}
.absolu-header-row {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
gap: 32px;
min-height: 76px;
} .absolu-logo {
grid-column: 2;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.absolu-logo img {
max-height: 52px;
width: auto;
transition: max-height 0.3s ease;
}
.absolu-logo-text {
font-family: var(--absolu-font);
font-size: 1.5rem;
font-weight: 700;
color: var(--absolu-text);
letter-spacing: -0.01em;
} .absolu-header-search {
grid-column: 1;
width: 100%;
max-width: 380px;
justify-self: start;
}
.absolu-header-search form {
display: flex;
align-items: center;
background: var(--absolu-bg-light);
border: 1px solid var(--absolu-border);
padding: 0 18px;
height: 42px;
border-radius: 2px;
transition: border-color 0.25s ease, background 0.25s ease;
}
.absolu-header-search form:hover {
background: #f2f2f2;
border-color: #d8d8d8;
}
.absolu-header-search form:focus-within {
background: var(--absolu-white);
border-color: var(--absolu-text);
}
.absolu-header-search i {
font-size: 17px;
color: var(--absolu-text-light);
flex-shrink: 0;
transition: color 0.2s ease;
}
.absolu-header-search form:focus-within i {
color: var(--absolu-text);
}
.absolu-header-search input[type="search"] {
width: 100%;
padding: 0 12px;
font-family: var(--absolu-font-body);
font-size: 13px;
border: none;
background: transparent;
outline: none;
color: var(--absolu-text);
height: 100%;
}
.absolu-header-search input[type="search"]::placeholder {
color: #aaa;
font-weight: 300;
} .absolu-header-search input[type="search"]::-webkit-search-cancel-button,
.absolu-header-search input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
appearance: none;
display: none;
} .absolu-search-clear {
display: none;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
flex-shrink: 0;
background: none;
border: none;
cursor: pointer;
color: var(--absolu-text-light);
font-size: 16px;
padding: 0;
transition: color 0.2s ease;
}
.absolu-search-clear:hover {
color: var(--absolu-text);
} .absolu-header-icons {
grid-column: 3;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 22px;
flex-shrink: 0;
} .absolu-icon-labeled {
display: flex;
flex-direction: column;
align-items: center;
color: var(--absolu-text);
text-decoration: none;
position: relative;
transition: color 0.2s ease;
width: 50px;
}
.absolu-icon-labeled:hover {
color: var(--absolu-text);
}
.absolu-icon-labeled i {
position: relative;
color: var(--absolu-primary);
font-size: 26px;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: "Phosphor-Light" !important;
transition: transform 0.25s ease;
}
.absolu-icon-labeled:hover i {
transform: translateY(-4px);
}
.absolu-icon-labeled span:not(.absolu-cart-count):not(.absolu-wishlist-count) {
font-family: var(--absolu-font);
font-size: 9px;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
white-space: nowrap;
color: var(--absolu-text);
}
.absolu-icon-wrap {
position: relative;
display: inline-flex;
}
.absolu-cart-count,
.absolu-wishlist-count {
position: absolute;
top: -4px;
right: -8px;
background: transparent;
color: var(--absolu-text);
font-family: var(--absolu-font);
font-size: 0.6rem;
font-weight: 700;
line-height: 1;
display: flex;
} .absolu-header-nav {
background: var(--absolu-white);
border-bottom: 1px solid var(--absolu-border);
position: relative;
}
.home .absolu-header-nav {
border-bottom: none;
}
.absolu-header-nav .absolu-container {
display: flex;
justify-content: center;
}
.absolu-nav-menu {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
gap: 0;
}
.absolu-nav-menu li {
position: relative;
}
.absolu-nav-menu>li>a {
display: block;
padding: 14px 20px;
font-family: var(--absolu-font);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--absolu-text);
transition: color 0.2s ease;
position: relative;
}
.absolu-nav-menu>li>a::after {
content: '';
position: absolute;
bottom: 0;
left: 20px;
right: 20px;
height: 2px;
background: var(--absolu-primary);
transform: scaleX(0);
transform-origin: right;
transition: transform 0.3s ease;
}
.absolu-nav-menu>li>a:hover::after,
.absolu-nav-menu>li.current-menu-item>a::after {
transform: scaleX(1);
transform-origin: left;
}
.absolu-nav-menu>li>a:hover,
.absolu-nav-menu>li.current-menu-item>a {
color: var(--absolu-primary);
}
.absolu-nav-menu li.absolu-nav-has-arrow>a::before {
content: "";
display: inline-block;
width: 5px;
height: 5px;
border-right: 1.5px solid currentColor;
border-bottom: 1.5px solid currentColor;
transform: rotate(45deg);
margin-left: 6px;
margin-bottom: 2px;
vertical-align: middle;
float: right;
margin-top: 6px;
}
.absolu-nav-menu li.absolu-nav-highlight>a {
color: var(--absolu-secondary);
} .absolu-nav-shop {
position: static;
}
.absolu-mega-menu {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%) translateY(-4px);
background: var(--absolu-white);
border: 1px solid var(--absolu-border);
padding: 20px 28px;
opacity: 0;
visibility: hidden;
transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
z-index: 199;
}
.absolu-nav-shop:hover .absolu-mega-menu,
.absolu-mega-menu:hover {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
}
.absolu-mega-menu__grid {
display: grid;
grid-template-columns: auto auto;
gap: 0 48px;
}
.absolu-mega-menu__col {
display: flex;
flex-direction: column;
gap: 0;
}
.absolu-mega-menu a {
all: unset;
font-family: var(--absolu-font);
font-size: 13px;
font-weight: 700;
color: var(--absolu-text);
cursor: pointer;
transition: color 0.2s ease;
letter-spacing: 0.08em;
text-transform: uppercase;
white-space: nowrap;
padding: 6px 0 !important;
display: block;
}
.absolu-mega-menu a::after {
display: none;
}
.absolu-mega-menu a:hover {
color: var(--absolu-primary);
}
.absolu-mega-menu__col a:hover {
color: var(--absolu-primary);
} .absolu-nav-menu li ul {
display: none;
position: absolute;
top: 100%;
left: 0;
background: var(--absolu-white);
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
min-width: 220px;
padding: 8px 0;
list-style: none;
z-index: 200;
}
.absolu-nav-menu li:hover>ul {
display: block;
}
.absolu-nav-menu li ul li a {
padding: 10px 24px;
font-size: 12px;
text-transform: none;
letter-spacing: 0.02em;
font-weight: 500;
}
.absolu-nav-menu li ul li a::after {
display: none;
}  .absolu-header-clone {
display: none;
}
.absolu-header-clone.is-sticky {
display: block;
}
.absolu-header.is-sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
background: var(--absolu-white);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
z-index: 1000;
animation: absolu-sticky-in 0.3s ease both;
}
.admin-bar .absolu-header.is-sticky {
top: 32px;
}
@media (max-width: 782px) {
.admin-bar .absolu-header.is-sticky {
top: 46px;
}
}
@media (max-width: 600px) {
.admin-bar .absolu-header.is-sticky {
top: 0;
}
}
@keyframes absolu-sticky-in {
from {
opacity: 0;
transform: translateY(-8px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes absolu-sticky-out {
from {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 0;
transform: translateY(-8px);
}
}
.absolu-header.is-sticky.is-sticky-hiding {
animation: absolu-sticky-out 0.25s ease both;
}
.absolu-header.is-sticky .absolu-header-topbar {
display: none;
}
.absolu-header.is-sticky .absolu-header-row {
grid-template-columns: auto auto 1fr auto;
grid-template-rows: auto;
align-items: center;
column-gap: 32px;
row-gap: 0;
min-height: 0;
padding: 0;
}
.absolu-header.is-sticky .absolu-logo {
grid-column: 1;
grid-row: 1;
justify-self: start;
}
.absolu-header.is-sticky .absolu-sticky-nav {
grid-column: 2;
grid-row: 1;
}
.absolu-header.is-sticky .absolu-header-search {
grid-column: 3;
grid-row: 1;
justify-self: end;
width: 320px;
max-width: 320px;
}
.absolu-header.is-sticky .absolu-header-icons {
grid-column: 4;
grid-row: 1;
gap: 1px;
}
.absolu-header.is-sticky .absolu-logo img {
max-height: 32px;
}
.absolu-header.is-sticky .absolu-icon-labeled span:not(.absolu-cart-count):not(.absolu-wishlist-count):not(.absolu-icon-wrap) {
display: none;
}
.absolu-header.is-sticky .absolu-icon-labeled {
gap: 0;
}
.absolu-header.is-sticky .absolu-header-search form {
height: 38px;
}
.absolu-header.is-sticky .absolu-header-nav {
display: none;
} .absolu-sticky-nav {
display: none;
}
.absolu-header.is-sticky .absolu-sticky-nav {
display: flex;
align-items: center;
align-self: stretch;
gap: 0;
list-style: none;
margin: 0;
padding: 0;
position: relative;
}
.absolu-sticky-nav li {
display: flex;
align-items: center;
align-self: stretch;
}
.absolu-sticky-nav>li>a {
font-family: var(--absolu-font);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--absolu-text);
padding: 14px 12px;
transition: color 0.2s ease;
white-space: nowrap;
position: relative;
}
.absolu-sticky-nav>li>a::after {
content: '';
position: absolute;
bottom: 0;
left: 12px;
right: 12px;
height: 2px;
background: var(--absolu-primary);
transform: scaleX(0);
transform-origin: right;
transition: transform 0.3s ease;
}
.absolu-sticky-nav>li>a:hover::after,
.absolu-sticky-nav>li.current-menu-item>a::after {
transform: scaleX(1);
transform-origin: left;
}
.absolu-sticky-nav>li>a:hover,
.absolu-sticky-nav>li.current-menu-item>a {
color: var(--absolu-primary);
}
.absolu-sticky-nav li.absolu-nav-highlight>a {
color: var(--absolu-secondary);
}
.absolu-sticky-nav li.absolu-nav-has-arrow>a::before {
content: "";
display: block;
width: 5px;
height: 5px;
border-right: 1.5px solid currentColor;
border-bottom: 1.5px solid currentColor;
transform: rotate(45deg);
margin-left: 6px;
float: right;
margin-top: 6px;
}
.absolu-sticky-nav li.absolu-nav-shop {
position: static;
}
.absolu-sticky-nav .absolu-mega-menu a {
padding: 0;
}
.absolu-sticky-nav .absolu-mega-menu {
top: calc(100% + 10px);
left: auto;
right: auto;
transform: translateX(0) translateY(-4px);
}
.absolu-sticky-nav .absolu-nav-shop:hover .absolu-mega-menu,
.absolu-sticky-nav .absolu-mega-menu:hover {
transform: translateX(0) translateY(0);
} .absolu-mobile-toggle {
display: none;
flex-direction: column;
align-items: center;
justify-content: center;
background: none;
border: none;
cursor: pointer;
padding: 8px;
z-index: 110;
flex-shrink: 0;
}
.absolu-mobile-toggle .absolu-mobile-toggle-icon,
.absolu-mobile-toggle .absolu-mobile-toggle-close {
font-size: 24px;
line-height: 1;
color: var(--absolu-text);
font-family: "Phosphor-Light" !important;
}
.absolu-mobile-toggle .absolu-mobile-toggle-close { display: none; }
.absolu-mobile-toggle.is-active .absolu-mobile-toggle-icon { display: none; }
.absolu-mobile-toggle.is-active .absolu-mobile-toggle-close { display: inline-block; }
.absolu-mobile-toggle span {
display: none;
}
.absolu-mobile-toggle.is-active span:nth-child(1) {
transform: rotate(45deg) translate(5px, 5px);
}
.absolu-mobile-toggle.is-active span:nth-child(2) {
opacity: 0;
}
.absolu-mobile-toggle.is-active span:nth-child(3) {
transform: rotate(-45deg) translate(5px, -5px);
} .absolu-mobile-search-toggle {
display: none;
} .absolu-mobile-search {
display: none;
} .absolu-mobile-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 999;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
}
.absolu-mobile-overlay.is-visible {
opacity: 1;
pointer-events: auto;
}
.absolu-mobile-nav {
display: none;
position: fixed;
top: 0;
left: -100%;
width: 100vw;
max-width: 100vw;
height: 100vh;
height: 100dvh;
background: var(--absolu-white);
z-index: 1001;
transition: left 0.3s ease;
box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.absolu-mobile-nav.is-open {
left: 0;
}
.absolu-mobile-nav-header {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 16px 20px;
}
.absolu-mobile-nav-close {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background: none;
border: none;
cursor: pointer;
color: var(--absolu-text);
font-size: 26px;
padding: 0;
}
.absolu-mobile-nav-close i {
-webkit-text-stroke: 1px var(--absolu-text);
}
.absolu-mobile-nav-search {
padding: 0 20px 8px;
}
.absolu-mobile-nav-search form {
display: flex;
align-items: center;
gap: 10px;
background: var(--absolu-bg-light);
border: 1px solid var(--absolu-border);
padding: 10px 14px;
}
.absolu-mobile-nav-search form i {
font-size: 18px;
color: var(--absolu-text-light);
flex-shrink: 0;
}
.absolu-mobile-nav-search input[type="search"] {
border: none;
background: none;
outline: none;
font-family: var(--absolu-font-body);
font-size: 13px;
color: var(--absolu-text);
width: 100%;
padding: 0;
}
.absolu-mobile-nav-search input[type="search"]::placeholder {
color: var(--absolu-text-light);
opacity: 0.7;
}
.absolu-mobile-nav-inner {
padding: 8px 24px 24px;
}
.absolu-mobile-menu {
list-style: none;
padding: 0;
margin: 0;
}
.absolu-mobile-menu__item {
position: relative;
}
.absolu-mobile-menu__item.has-children>a {
padding-right: 48px;
}
.absolu-mobile-menu__toggle {
position: absolute;
right: 0;
top: 0;
width: 44px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
background: none;
border: none;
cursor: pointer;
color: var(--absolu-text-light);
}
.absolu-mobile-menu__toggle i {
font-size: 14px;
display: inline-block;
transition: transform 0.2s ease;
}
.absolu-mobile-menu__item.is-open .absolu-mobile-menu__toggle i {
transform: scale(1.15);
}
.absolu-mobile-submenu {
list-style: none;
padding: 0 0 8px 16px;
margin: 0;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
}
.absolu-mobile-menu__item.is-open .absolu-mobile-submenu {
max-height: 400px;
}
.absolu-mobile-submenu li a {
display: block;
padding: 10px 0;
font-family: var(--absolu-font);
font-size: 12px;
font-weight: 500;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--absolu-text-light);
text-decoration: none;
transition: color 0.2s ease;
}
.absolu-mobile-submenu li a:hover {
color: var(--absolu-primary);
}
.absolu-mobile-menu li a {
display: block;
padding: 14px 0;
font-family: var(--absolu-font);
font-size: 13px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--absolu-text);
}
.absolu-mobile-nav-links {
margin-top: 32px;
padding-top: 24px;
border-top: 1px solid var(--absolu-border);
display: flex;
flex-direction: column;
gap: 12px;
}
.absolu-mobile-nav-links a {
font-family: var(--absolu-font);
font-size: 0.75rem;
font-weight: 500;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--absolu-text-light);
text-decoration: none;
display: flex;
align-items: center;
gap: 8px;
}
.absolu-mobile-nav-links a i {
font-size: 18px;
}
.absolu-mobile-menu li.absolu-mobile-menu__wholesale a {
color: var(--absolu-secondary);
}
body.mobile-nav-open {
overflow: hidden;
} .absolu-footer {
margin-top: 0;
} .absolu-footer-newsletter {
background: var(--absolu-bg-light);
padding: 48px 0;
border-top: 1px solid var(--absolu-border);
border-bottom: 1px solid var(--absolu-border);
}
.absolu-footer-newsletter__inner {
display: grid;
grid-template-columns: 1fr 1px 1fr;
gap: 0;
align-items: center;
}
.absolu-footer-newsletter__inner::before {
content: "";
display: block;
width: 1px;
height: 60px;
background: var(--absolu-border);
justify-self: center;
order: 2;
}
.absolu-footer-newsletter__left {
order: 1;
padding-right: 60px;
text-align: center;
}
.absolu-footer-newsletter__right {
order: 3;
padding-left: 60px;
text-align: center;
}
.absolu-footer-newsletter__left h3,
.absolu-footer-newsletter__right h3 {
font-family: var(--absolu-font);
font-size: 0.68rem;
font-weight: 600;
color: var(--absolu-text);
margin: 0 0 16px;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.absolu-newsletter-form {
max-width: 440px;
margin-left: auto;
margin-right: auto;
}
.absolu-newsletter-field {
display: flex;
gap: 0;
}
.absolu-float-field { position: relative; display: block; width: 100%; }
.absolu-newsletter-field .absolu-float-field { flex: 1; }
.absolu-newsletter-field .absolu-float-field input[type="email"] {
width: 100%; background: var(--absolu-white); border: 1px solid var(--absolu-border); border-right: none; border-radius: 0;
padding: 18px 16px 10px; font-family: var(--absolu-font-body); font-size: 0.82rem; color: var(--absolu-text);
outline: none; transition: border-color 0.2s ease; box-sizing: border-box;
}
.absolu-newsletter-field .absolu-float-field input[type="email"]:focus { border-color: var(--absolu-text); }
.absolu-float-label {
position: absolute; left: 14px; top: 50%; transform: translateY(-50%); padding: 0 4px;
color: #aaa; font-family: var(--absolu-font-body); font-size: 0.82rem; line-height: 1;
pointer-events: none; background: var(--absolu-white);
transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.absolu-float-field input:focus ~ .absolu-float-label,
.absolu-float-field input:not(:placeholder-shown) ~ .absolu-float-label,
.absolu-float-field textarea:focus ~ .absolu-float-label,
.absolu-float-field textarea:not(:placeholder-shown) ~ .absolu-float-label {
top: 0; transform: translateY(-50%) scale(0.9); color: var(--absolu-text); font-size: 0.72rem;
}
.absolu-float-field > input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
.absolu-float-field > textarea {
width: 100%; box-sizing: border-box;
background: var(--absolu-white);
border: 1px solid var(--absolu-border);
border-radius: 0;
padding: 18px 14px 10px;
font-family: var(--absolu-font-body); font-size: 0.9rem;
color: var(--absolu-text); outline: none;
transition: border-color 0.2s ease;
}
.absolu-float-field > textarea { min-height: 120px; padding-top: 22px; resize: vertical; }
.absolu-float-field > input:focus, .absolu-float-field > textarea:focus { border-color: var(--absolu-text); }
.absolu-float-field > textarea ~ .absolu-float-label { top: 18px; transform: none; }
.absolu-float-field > textarea:focus ~ .absolu-float-label,
.absolu-float-field > textarea:not(:placeholder-shown) ~ .absolu-float-label { top: 0; transform: translateY(-50%) scale(0.9); } .absolu-newsletter-field button {
background: var(--absolu-primary);
border: 1px solid var(--absolu-primary);
color: var(--absolu-white);
font-size: 1rem;
padding: 0 18px;
cursor: pointer;
transition: background 0.2s ease;
display: flex;
align-items: center;
}
.absolu-newsletter-field button:hover {
background: var(--absolu-secondary);
border-color: var(--absolu-secondary);
}
.absolu-newsletter-msg {
font-size: 0.75rem;
margin-top: 8px;
min-height: 18px;
}
.absolu-newsletter-msg.is-success {
color: var(--absolu-success);
}
.absolu-newsletter-msg.is-error {
color: var(--absolu-error);
} .absolu-footer-newsletter__socials {
display: flex;
gap: 14px;
align-items: center;
justify-content: center;
}
.absolu-footer-newsletter__socials a {
color: var(--absolu-text);
font-size: 2rem;
transition: all 0.2s ease;
line-height: 1;
border-radius: 10px;
}
.absolu-footer-newsletter__socials a:hover {
color: var(--absolu-primary);
transform: translateY(-5px);
} .absolu-footer-main {
background: var(--absolu-bg-light);
color: #cccccc;
padding-top: 60px;
text-align: center;
}
.absolu-footer-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 60px;
}
.absolu-footer-logo {
max-height: 36px;
width: auto;
margin-bottom: 20px;
display: block;
margin-left: auto;
margin-right: auto;
}
.absolu-footer-main p {
font-size: 0.875rem;
line-height: 1.8;
color: var(--absolu-text);
max-width: 320px;
margin-left: auto;
margin-right: auto;
}
.fc-wrap {
margin-top: 24px;
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
.fc-link {
font-size: 0.8125rem;
color: var(--absolu-text);
text-decoration: none;
display: flex;
align-items: center;
gap: 8px;
transition: color 0.2s ease;
}
.fc-link svg {
flex-shrink: 0;
width: 20px;
height: 20px;
}
.fc-link:hover {
color: var(--absolu-secondary-dark);
}
.absolu-footer-socials {
display: flex;
gap: 20px;
margin-top: 28px;
justify-content: center;
}
.absolu-footer-socials a {
color: var(--absolu-text);
transition: color 0.2s ease;
}
.absolu-footer-socials a:hover {
color: var(--absolu-secondary-dark);
}
.absolu-footer-socials a i {
font-size: 20px;
}
.absolu-footer-main h4 {
color: var(--absolu-text);
font-family: var(--absolu-font);
font-size: 0.6875rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.12em;
margin: 0 0 24px;
}
.absolu-footer-menu {
list-style: none;
padding: 0;
margin: 0;
}
.absolu-footer-menu li a {
display: block;
padding: 7px 0;
font-size: 0.875rem;
color: var(--absolu-text);
transition: color 0.2s ease;
}
.absolu-footer-menu li a:hover {
color: var(--absolu-secondary-dark);
} .absolu-footer-bottom {
background: var(--absolu-primary-dark);
padding: 14px 0;
margin-top: 30px;
border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.absolu-footer-bottom__inner {
display: flex;
align-items: center;
justify-content: space-between;
}
.absolu-footer-bottom p {
margin: 0;
font-size: 0.75rem;
color: var(--absolu-white);
letter-spacing: 0.02em;
}
.absolu-footer-bottom p a {
color: var(--absolu-white);
text-decoration: none;
transition: color 0.2s ease;
}
.absolu-footer-bottom p a:hover {
color: var(--absolu-white);
}
.absolu-footer-payments {
display: flex;
align-items: center;
gap: 8px;
}
.pay-card {
display: inline-flex;
align-items: center;
justify-content: center;
width: 64px;
height: 38px;
border-radius: 4px;
overflow: hidden;
box-sizing: border-box;
}
.pay-card img {
width: 100%;
height: 100%;
object-fit: contain;
}
.pay-visa {
background: #ffffff;
}
.pay-mc {
background: #ffffff;
padding: 4px;
}
.pay-apple {
background: #ffffff;
padding: 4px;
}
.pay-stripe {
background: #635BFF;
padding: 6px 8px;
}
.pay-mamo {
background: #ffffff;
padding: 4px 6px;
}
.pay-paypal {
background: #fff;
padding: 4px 6px;
}
.pay-tabby {
background: #3AE374;
padding: 6px 8px;
}
.pay-google {
background: #ffffff;
padding: 6px 8px;
}
.absolu-footer-payments .pay-card {
height: 30px;
width: 52px;
padding: 0;
border: none;
}
.absolu-footer-payments .pay-mc,
.absolu-footer-payments .pay-apple {
padding: 4px;
}
.absolu-footer-payments .pay-apple img {
transform: scale(0.7);
}
.absolu-footer-payments .pay-google img {
transform: scale(0.6);
}
.absolu-footer-payments .pay-stripe,
.absolu-footer-payments .pay-tabby {
padding: 6px 8px;
}
.absolu-footer-payments .pay-mamo {
padding: 0;
background: #ffffff;
}
.absolu-footer-payments .pay-mamo img {
transform: scale(1.35);
}
.absolu-footer-payments .pay-paypal {
padding: 4px 6px;
}
.absolu-footer-payments img:hover {
opacity: 1;
filter: none;
}
.absolu-footer-payments span {
font-family: var(--absolu-font);
font-size: 0.5625rem;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #999;
padding: 5px 0;
border: 1px solid rgba(255, 255, 255, 0.08);
width: 68px;
text-align: center;
} .absolu-footer-col--trustpilot h4 {
margin-bottom: 8px;
}
.absolu-trustpilot-link {
display: block;
margin-bottom: 16px;
}
.absolu-trustpilot-logo {
width: 100%;
max-width: 180px;
height: auto;
display: block;
margin: 0 auto;
}
.absolu-trustpilot-desc {
font-size: 0.8125rem;
color: #aaa;
line-height: 1.6;
margin-bottom: 16px;
}
.absolu-trustpilot-cta {
font-family: var(--absolu-font);
font-size: 0.6875rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #aaa;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 6px;
transition: color 0.2s ease;
}
.absolu-trustpilot-cta:hover {
color: var(--absolu-white);
}
.absolu-trustpilot-cta i {
font-size: 12px;
transition: transform 0.2s ease;
}
.absolu-trustpilot-cta:hover i {
transform: translateX(3px);
} .absolu-whatsapp-float {
position: fixed;
bottom: 28px;
right: 28px;
width: 60px;
height: 60px;
background: #25D366;
color: var(--absolu-white);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
z-index: 99;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
transition: transform 0.2s ease, box-shadow 0.2s ease;
text-decoration: none;
}
.absolu-whatsapp-float i::before {
content: "";
display: none;
}
.absolu-wa-icon {
display: inline-block;
width: 32px;
height: 32px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-5.5-2.8-23.2-8.5-44.2-27.1-16.4-14.6-27.4-32.7-30.6-38.2-3.2-5.6-.3-8.6 2.5-11.3 2.5-2.5 5.5-6.5 8.3-9.7 2.8-3.3 3.7-5.6 5.6-9.3 1.9-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 13.2 5.8 23.5 9.2 31.5 11.8 13.3 4.2 25.4 3.6 35 2.2 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.absolu-whatsapp-float:hover {
transform: scale(1.1);
box-shadow: 0 6px 24px rgba(0, 0, 0, 0.2);
color: var(--absolu-white);
} .wp-element-button,
.wp-block-button__link,
button[type="submit"],
.woocommerce a.button, .woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
display: inline-block;
font-family: var(--absolu-font);
font-size: 13px;
font-weight: 600;
letter-spacing: 1.7px;
text-transform: uppercase;
color: var(--absolu-white);
background: var(--absolu-primary);
border: none;
padding: 12px 28px;
border-radius: 0;
cursor: pointer;
text-decoration: none;
transition: all 0.2s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
background: var(--absolu-secondary);
color: var(--absolu-white);
} input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="number"],
textarea,
select {
font-family: var(--absolu-font-body);
font-size: 0.9rem;
border: 1px solid var(--absolu-border);
border-radius: 2px;
padding: 10px 14px;
outline: none;
transition: border-color 0.2s ease;
}
input:focus,
textarea:focus,
select:focus {
border-color: var(--absolu-text);
}  .absolu-side-drawer__overlay {
position: fixed;
inset: 0;
z-index: 9998;
background: rgba(0, 0, 0, 0.45);
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
cursor: pointer;
}
.absolu-side-drawer__overlay--visible {
opacity: 1;
visibility: visible;
} html {
scrollbar-gutter: stable;
}
body.absolu-drawer-open {
overflow: hidden;
} .absolu-side-drawer {
position: fixed;
right: 0;
top: 0;
height: 100vh;
height: 100dvh;
width: 420px;
z-index: 9999;
background: var(--absolu-white);
transform: translateX(100%);
transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
display: flex;
flex-direction: column;
}
.absolu-side-drawer--open {
transform: translateX(0);
box-shadow: -4px 0 20px rgba(0, 0, 0, 0.08);
border-left: 1px solid var(--absolu-border);
} .admin-bar .absolu-side-drawer {
top: 32px;
height: calc(100vh - 32px);
height: calc(100dvh - 32px);
}
@media (max-width: 782px) {
.admin-bar .absolu-side-drawer {
top: 46px;
height: calc(100dvh - 46px);
}
}
@media (max-width: 600px) {
.admin-bar .absolu-side-drawer {
top: 0;
height: 100dvh;
}
} .absolu-side-drawer__body {
display: flex;
flex-direction: column;
flex: 1;
min-height: 0;
overflow: hidden;
} button.absolu-wishlist-link,
button.absolu-cart-link {
background: none;
border: none;
cursor: pointer;
padding: 0;
font: inherit;
color: inherit;
line-height: inherit;
vertical-align: baseline;
-webkit-appearance: none;
appearance: none;
} .absolu-side-drawer__tabs {
display: flex;
align-items: stretch;
border-bottom: 1px solid var(--absolu-border);
}
.absolu-side-drawer__tab {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
padding: 14px 16px;
background: none;
border: none;
border-bottom: 2px solid transparent;
cursor: pointer;
color: var(--absolu-text-light);
font-size: 18px;
flex: 1;
transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}
.absolu-side-drawer__tab:hover {
color: var(--absolu-text);
}
.absolu-side-drawer__tab--active {
color: var(--absolu-primary);
border-bottom-color: var(--absolu-primary);
}
.absolu-side-drawer__tab-count {
font-family: var(--absolu-font-body);
font-size: 11px;
font-weight: 600;
min-width: 18px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
background: var(--absolu-bg-light);
border-radius: 10px;
color: var(--absolu-text);
}
.absolu-side-drawer__tab--active .absolu-side-drawer__tab-count {
background: var(--absolu-primary);
color: var(--absolu-white);
} .absolu-side-drawer__panel {
display: none;
flex-direction: column;
flex: 1;
min-height: 0;
overflow: hidden;
}
.absolu-side-drawer__panel--active {
display: flex;
}
.absolu-side-drawer__close {
background: none;
border: none;
border-bottom: 2px solid transparent;
font-size: 22px;
font-weight: 700;
line-height: 1;
color: var(--absolu-text-light);
cursor: pointer;
padding: 14px 14px;
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
transition: color 0.2s ease;
}
.absolu-side-drawer__close:hover {
color: var(--absolu-primary);
} .absolu-side-drawer__items {
flex: 1;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: var(--absolu-border) transparent;
}
.absolu-side-drawer__items::-webkit-scrollbar {
width: 4px;
}
.absolu-side-drawer__items::-webkit-scrollbar-thumb {
background: var(--absolu-border);
border-radius: 2px;
} .absolu-side-drawer__item {
display: flex;
align-items: flex-start;
gap: 14px;
padding: 16px 20px;
border-bottom: 1px solid var(--absolu-border);
position: relative;
}
.absolu-side-drawer__item-thumb {
position: relative;
width: 80px;
height: 80px;
flex-shrink: 0;
overflow: hidden;
border: 1px solid var(--absolu-border);
}
.absolu-side-drawer__item-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.absolu-side-drawer__hover-img {
position: absolute;
inset: 0;
opacity: 0;
transition: opacity 0.4s ease;
}
.absolu-side-drawer__item:hover .absolu-side-drawer__hover-img {
opacity: 1;
}
.absolu-side-drawer__item-info {
display: flex;
flex-direction: column;
gap: 4px;
flex: 1;
min-width: 0;
}
.absolu-side-drawer__item-brand {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--absolu-text-light);
font-family: var(--absolu-font-body);
}
.absolu-side-drawer__item-name {
font-size: 14px;
color: var(--absolu-text);
font-family: var(--absolu-font-body);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 1.4;
}
.absolu-side-drawer__item-price {
font-family: var(--absolu-font);
font-size: 14px;
color: var(--absolu-text);
} .absolu-side-drawer__item-qty {
display: inline-flex;
align-items: center;
border: 1px solid var(--absolu-border);
height: 28px;
margin-top: 4px;
width: max-content;
align-self: flex-start;
}
.absolu-side-drawer__item-qty button {
background: none;
border: none;
width: 28px;
height: 100%;
font-size: 14px;
color: var(--absolu-text);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
transition: color 0.2s ease;
}
.absolu-side-drawer__item-qty button:hover {
color: var(--absolu-primary);
}
.absolu-side-drawer__item-qty span {
font-size: 13px;
font-family: var(--absolu-font-body);
min-width: 24px;
text-align: center;
color: var(--absolu-text);
} .absolu-side-drawer__item-remove {
position: absolute;
top: 12px;
right: 16px;
background: none;
border: none;
font-size: 18px;
line-height: 1;
color: var(--absolu-text-light);
cursor: pointer;
padding: 4px;
transition: color 0.2s ease;
}
.absolu-side-drawer__item-remove:hover {
color: var(--absolu-primary);
} .absolu-side-drawer__item-atc.absolu-btn {
padding: 8px 16px;
font-size: 11px;
margin-top: 6px;
}
.absolu-side-drawer__item-atc:disabled {
opacity: 0.6;
cursor: default;
pointer-events: none;
}
.absolu-side-drawer__item-atc--added {
display: flex;
align-items: center; justify-content: center; width: 100%;
gap: 4px;
padding: 8px 16px;
font-family: var(--absolu-font);
font-size: 11px;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
background: #2e7d32;
color: var(--absolu-white);
border: none;
cursor: default;
margin-top: 6px;
}
.absolu-side-drawer__item-atc--added i {
font-size: 13px;
}
.absolu-side-drawer__item-oos {
font-size: 12px;
color: var(--absolu-text-light);
font-family: var(--absolu-font-body);
margin-top: 6px;
} a.absolu-side-drawer__item-name {
text-decoration: none;
color: var(--absolu-text);
transition: color 0.2s ease;
}
a.absolu-side-drawer__item-name:hover {
color: var(--absolu-primary);
} .absolu-side-drawer__footer {
padding: 20px;
border-top: 1px solid var(--absolu-border);
display: flex;
flex-direction: column;
gap: 10px;
}
.absolu-side-drawer__subtotal {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 6px;
}
.absolu-side-drawer__subtotal span:first-child {
font-family: var(--absolu-font);
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--absolu-text);
}
.absolu-side-drawer__subtotal span:last-child {
font-family: var(--absolu-font);
font-size: 16px;
font-weight: 700;
color: var(--absolu-text);
} .absolu-side-drawer__footer .absolu-btn,
.absolu-side-drawer__footer .absolu-btn--border {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
text-align: center;
}
.absolu-side-drawer__empty .absolu-btn--border {
display: inline-flex;
align-items: center;
justify-content: center;
width: auto;
} .absolu-side-drawer__empty {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 60px 20px;
text-align: center;
flex: 1;
}
.absolu-side-drawer__empty i {
font-size: 48px;
color: var(--absolu-border);
margin-bottom: 16px;
}
.absolu-side-drawer__empty p {
font-size: 15px;
color: var(--absolu-text-light);
font-family: var(--absolu-font-body);
margin: 0 0 20px;
}  .absolu-side-drawer__loading {
display: flex;
align-items: center;
justify-content: center;
padding: 40px 20px;
flex: 1;
}
.absolu-side-drawer__loading::after {
content: "";
width: 24px;
height: 24px;
border: 2px solid var(--absolu-border);
border-top-color: var(--absolu-text);
border-radius: 50%;
animation: absolu-spin 0.6s linear infinite;
}
@keyframes absolu-spin {
to { transform: rotate(360deg); }
}  @media (max-width: 768px) {
.absolu-side-drawer {
width: 85vw;
}
.absolu-side-drawer__item-thumb {
width: 64px;
height: 64px;
}
} @media (max-width: 480px) {
.absolu-side-drawer {
width: 100vw;
}
}  .woocommerce ul.products {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 20px;
list-style: none;
padding: 0;
}
.woocommerce ul.products li.product {
text-align: left;
margin: 0;
padding: 0;
width: auto;
float: none;
position: relative;
background: var(--absolu-white);
overflow: hidden;
} .woocommerce ul.products li.product a img {
border-radius: 0;
transition: transform 0.4s ease;
display: block;
width: 100%;
}
.woocommerce ul.products li.product:hover a img {
transform: scale(1.03);
} .woocommerce ul.products li.product .woocommerce-loop-product__title {
font-family: var(--absolu-font-body);
font-size: 0.8rem;
font-weight: 500;
color: var(--absolu-text);
padding: 12px 12px 4px;
margin: 0;
line-height: 1.4;
min-height: 48px;
display: flex;
align-items: center;
justify-content: center;
} .woocommerce ul.products li.product .price {
color: var(--absolu-text);
font-family: var(--absolu-font);
font-size: 0.85rem;
font-weight: 600;
padding: 0 12px 12px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.woocommerce ul.products li.product .price del {
color: #aaa;
font-weight: 400;
font-size: 0.78rem;
text-decoration: line-through;
}
.woocommerce ul.products li.product .price ins {
color: var(--absolu-text);
font-weight: 700;
text-decoration: none;
font-size: 0.95rem;
} .woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
position: absolute;
top: 10px;
left: 10px;
background: var(--absolu-primary);
color: var(--absolu-white);
font-family: var(--absolu-font);
font-size: 11px;
font-weight: 700;
padding: 3px 8px;
border-radius: 2px;
line-height: 1.4;
min-width: auto;
min-height: auto;
margin: 0;
z-index: 5;
} .woocommerce ul.products li.product .yith-wcwl-add-to-wishlist,
.woocommerce ul.products li.product .tinvwl_add_to_wishlist_button,
.woocommerce ul.products li.product .wishlist-button {
position: absolute;
top: 8px;
right: 8px;
z-index: 5;
} .woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product a.button { display: block;
width: 100%;
padding: 12px 16px;
border-radius: 0;
margin: 0;
} .single-product .product .product_title {
font-size: 1.6rem;
font-weight: 600;
}
.single-product .product .price {
font-size: 2.2rem;
color: var(--absolu-text);
font-weight: 600;
}
.single-product .product .price ins {
color: var(--absolu-primary);
text-decoration: none;
}
.single-product .product .single_add_to_cart_button { width: 100%;
padding: 14px 30px;
}   .site-main {
max-width: var(--absolu-container);
margin: 0 auto;
padding-inline: var(--absolu-gap);
}
.absolu-site-content {
padding: 0;
}
.home .site-main {
padding: 0;
max-width: none;
}
.home .entry-title,
.home .page-header,
.home .entry-header {
display: none;
} .absolu-hero-wrap {
width: 100%;
height: clamp(220px, 30vw, 420px);
overflow: hidden;
position: relative;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-attachment: scroll;
}
.absolu-hero-banner {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center center;
pointer-events: none;
user-select: none;
-webkit-user-select: none;
-webkit-user-drag: none;
} .absolu-hero-wrap {
height: clamp(360px, 38vw, 520px);
}
.absolu-hero-link {
position: absolute;
inset: 0;
z-index: 1;
display: block;
}
.absolu-hero-overlay {
position: absolute;
inset: 0;
z-index: 2;
pointer-events: none;
background: linear-gradient(105deg, rgba(44, 45, 51, 0.8) 0%, rgba(44, 45, 51, 0.5) 28%, rgba(44, 45, 51, 0.15) 46%, rgba(44, 45, 51, 0) 62%);
}
.absolu-hero-content {
pointer-events: auto;
position: absolute;
top: clamp(36px, 6vw, 80px);
left: clamp(20px, 5vw, 70px);
width: min(380px, 60%);
text-align: left;
} .absolu-hero-title {
font-family: var(--absolu-font);
font-size: clamp(1.5rem, 2.8vw, 2.4rem);
line-height: 1.12;
letter-spacing: 1px;
text-transform: uppercase;
color: var(--absolu-white);
margin: 0 0 12px;
text-wrap: balance;
}
.absolu-hero-subhead {
font-family: var(--absolu-font-body);
font-size: var(--absolu-fs-md);
letter-spacing: 0.3px;
color: var(--absolu-white);
margin: 0 0 22px;
}
.absolu-hero-cta {
display: inline-flex;
margin-top: 4px;
}
.absolu-hero-trust {
list-style: none;
margin: 26px 0 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 9px;
}
.absolu-hero-trust li {
display: flex;
align-items: center;
gap: 9px;
font-family: var(--absolu-font-body);
font-size: var(--absolu-fs-sm);
letter-spacing: 0.3px;
color: var(--absolu-white);
}
.absolu-hero-trust i {
font-size: 1.05rem;
color: var(--absolu-secondary);
flex-shrink: 0;
} @media (max-width: 1024px) and (min-width: 769px) {
.absolu-hero-content {
top: 50%;
transform: translateY(-50%);
}
.absolu-hero-trust {
margin-top: 18px;
}
}
@media (max-width: 768px) {
.absolu-hero-wrap {
height: clamp(420px, 75vh, 560px);
}
.absolu-hero-overlay {
background: linear-gradient(to top, rgba(44, 45, 51, 0.82) 0%, rgba(44, 45, 51, 0.55) 28%, rgba(44, 45, 51, 0.15) 52%, rgba(44, 45, 51, 0) 70%);
}
.absolu-hero-content {
top: auto;
left: 0;
right: 0;
bottom: clamp(28px, 6vw, 44px);
width: auto;
padding-left: 20px;
padding-right: 20px;
text-align: center;
}
.absolu-hero-content .absolu-eyebrow {
color: var(--absolu-white);
}
.absolu-hero-title {
font-size: clamp(1.5rem, 7.5vw, 2rem);
}
.absolu-hero-cta {
width: 100%;
max-width: 320px;
justify-content: center;
}
.absolu-hero-trust {
display: none;
}
} .absolu-section {
padding: 50px 0;
}
.absolu-new-arrivals {
padding-top: 40px;
} .absolu-section-header {
margin-bottom: clamp(32px, 5vw, 60px);
}
.absolu-section-header--center {
text-align: center;
} .absolu-eyebrow {
display: inline-block;
font-family: var(--absolu-font-body);
font-size: var(--absolu-fs-xs);
font-weight: 500;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--absolu-primary);
margin-bottom: 18px;
}
.absolu-eyebrow--on-dark {
color: var(--absolu-white);
} .absolu-eyebrow--hero {
color: var(--absolu-secondary);
} .absolu-section-eyebrow {
display: inline-block;
font-family: var(--absolu-font-body);
font-size: var(--absolu-fs-xs);
font-weight: 500;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--absolu-secondary);
margin-bottom: 18px;
}
.absolu-section-title {
font-family: var(--absolu-font);
font-size: clamp(1.75rem, 3vw, 2.5rem);
font-weight: 500;
letter-spacing: -0.02em;
color: var(--absolu-text);
margin: 0;
line-height: 1.1;
} .absolu-product-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 32px 24px;
}
.absolu-product-card {
background: var(--absolu-white);
overflow: hidden;
display: flex;
flex-direction: column;
height: 100%;
position: relative;
border: 1px solid transparent;
transition: border-color 0.3s ease;
}
.absolu-product-card:hover {
border-color: var(--absolu-border);
}
.absolu-product-card__wishlist {
position: absolute;
top: 12px;
right: 12px;
z-index: 6;
background: none;
border: none;
cursor: pointer;
padding: 0;
color: var(--absolu-text);
font-size: 1.25rem;
line-height: 1;
transition: color 0.2s ease;
overflow: visible;
}
.absolu-product-card__wishlist:hover {
color: var(--absolu-primary);
}
.absolu-product-card__wishlist.is-active {
color: var(--absolu-primary);
animation: absoluHeartBloom 0.45s cubic-bezier(0.25, 1, 0.5, 1);
}
.absolu-product-card__wishlist.is-active i {
font-family: "Phosphor-Fill" !important;
}
@keyframes absoluHeartBloom {
0%   { transform: scale(1); }
25%  { transform: scale(0.86); }
55%  { transform: scale(1.22); }
100% { transform: scale(1); }
}
@keyframes absoluHeartRipple {
0%   { transform: translate(-50%, -50%) scale(0.4); opacity: 0.55; }
60%  { opacity: 0.2; }
100% { transform: translate(-50%, -50%) scale(3.6); opacity: 0; }
}
.absolu-product-card__link {
display: flex;
flex-direction: column;
flex: 1;
color: inherit;
text-decoration: none;
}
.absolu-product-card__image {
position: relative;
overflow: hidden;
background: var(--absolu-bg-light);
}
.absolu-product-card__image img {
width: 100%;
display: block;
} .absolu-product-card__image.has-lqip {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.absolu-product-card__image.has-lqip::before {
content: "";
position: absolute;
inset: 0;
background: inherit;
background-size: cover;
background-position: center;
filter: blur(12px);
transform: scale(1.1);
z-index: 0;
}
.absolu-product-card__image.has-lqip.lqip-done::before {
opacity: 0;
transition: opacity 0.4s ease;
}
.absolu-fade-img {
position: relative;
z-index: 1;
opacity: 0;
transition: opacity 0.4s ease;
}
.absolu-fade-img.is-loaded {
opacity: 1;
} .no-js .absolu-fade-img { opacity: 1; }
.absolu-product-card__hover-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0;
transition: opacity 0.5s ease;
}
.absolu-product-card:hover .absolu-product-card__hover-img {
opacity: 1;
}
.absolu-product-card__badge {
position: absolute;
top: 12px;
left: 12px;
background: var(--absolu-text);
color: var(--absolu-white);
font-family: var(--absolu-font-body);
font-size: 0.625rem;
font-weight: 500;
letter-spacing: 0.05em;
padding: 4px 8px;
line-height: 1;
border: none;
z-index: 5;
}
.absolu-product-card__info {
padding: 20px 8px 0;
flex: 1;
display: flex;
flex-direction: column;
text-align: center;
}
.absolu-product-card__brand {
font-family: var(--absolu-font);
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--absolu-text);
margin: 0 0 8px;
display: block;
}
.absolu-product-card__title {
font-family: var(--absolu-font-body);
font-size: 0.82rem;
font-weight: 300;
color: var(--absolu-text-light);
margin: 0 0 12px;
line-height: 1.5;
}
.absolu-product-card:hover .absolu-product-card__title {
color: var(--absolu-text);
}
.absolu-product-card__price {
font-family: var(--absolu-font-body);
font-size: 0.95rem;
font-weight: 400;
color: var(--absolu-text);
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-top: auto;
padding-bottom: 20px;
}
.absolu-product-card__price del {
color: var(--absolu-strike);
font-weight: 300;
font-size: 0.9rem;
}
.absolu-product-card__price ins {
color: var(--absolu-primary);
font-weight: 400;
text-decoration: none;
}
.absolu-product-card__price--oos {
color: var(--absolu-primary);
font-size: 0.72rem;
font-weight: 500;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.absolu-product-card__atc {
display: block;
width: fit-content;
margin: 0 auto;
background: none;
color: var(--absolu-text);
font-family: var(--absolu-font);
font-size: 0.72rem;
font-weight: 400;
letter-spacing: 0.05em;
text-transform: none;
padding: 0 0 16px;
text-align: center;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1px;
opacity: 0;
transition: opacity 0.3s ease, color 0.2s ease;
}
.absolu-product-card__atc.loading {
pointer-events: none;
opacity: 0.5;
}
.absolu-product-card__atc.atc-added {
color: var(--absolu-secondary);
text-decoration: none;
pointer-events: none;
}
.absolu-product-card:hover .absolu-product-card__atc {
opacity: 1;
}
@media (hover: none),
(pointer: coarse) {
.absolu-product-card__atc {
opacity: 1;
}
}
.absolu-product-card__atc:hover {
color: var(--absolu-primary);
}
.absolu-product-card .added_to_cart {
display: none;
} .absolu-section-cta {
text-align: center;
margin-top: 40px;
}  .absolu-gender {
padding: 50px 0;
}
.absolu-gender-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0;
height: 392px;
}
.absolu-gender-card {
position: relative;
display: block;
overflow: hidden;
text-decoration: none;
color: var(--absolu-white);
}
.absolu-gender-card__bg {
position: absolute;
inset: 0;
background-size: cover;
background-position: center top;
transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.absolu-gender-card:hover .absolu-gender-card__bg {
transform: scale(1.03);
}
.absolu-gender-card__overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.09);
}
.absolu-gender-card__overlay::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to top,
rgba(0, 0, 0, 0.4) 0%,
rgba(0, 0, 0, 0.2) 20%,
rgba(0, 0, 0, 0.08) 100%);
opacity: 0;
transition: opacity 0.45s ease;
}
.absolu-gender-card:hover .absolu-gender-card__overlay::after {
opacity: 1;
}
.absolu-gender-card__content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 48px 40px;
z-index: 2;
}
.absolu-gender-card__subtitle {
font-family: var(--absolu-font-body);
font-size: 0.6875rem;
font-weight: 500;
letter-spacing: 0.2em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.6);
margin-bottom: 12px;
display: block;
}
.absolu-gender-card__title {
font-family: var(--absolu-font);
font-size: 1.75rem;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--absolu-white);
margin: 0 0 20px;
line-height: 1;
}
.absolu-gender-card__cta {
font-family: var(--absolu-font);
font-size: 0.625rem;
font-weight: 600;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--absolu-white);
display: inline-flex;
align-items: center;
gap: 10px;
opacity: 0;
transform: translateY(8px);
transition: opacity 0.3s ease, transform 0.3s ease;
}
.absolu-gender-card__cta::after {
content: '';
width: 24px;
height: 1px;
background: var(--absolu-white);
display: block;
transition: width 0.3s ease;
}
.absolu-gender-card:hover .absolu-gender-card__cta {
opacity: 1;
transform: translateY(0);
}
@media (hover: none),
(pointer: coarse) {
.absolu-gender-card__cta {
opacity: 1;
transform: translateY(0);
}
}
.absolu-gender-card:hover .absolu-gender-card__cta::after {
width: 40px;
}
.absolu-gender-card__cta i {
display: none;
} .absolu-brands {
padding: 50px 0;
overflow: hidden;
}
.absolu-brands-marquee {
width: 100%;
overflow: hidden;
mask-image: linear-gradient(to right, transparent, black 3%, black 92%, transparent);
-webkit-mask-image: linear-gradient(to right, transparent, black 3%, black 92%, transparent);
touch-action: pan-y;
cursor: grab;
user-select: none;
-webkit-user-select: none;
}
.absolu-brands-marquee.is-grabbing { cursor: grabbing; }
.absolu-brands-track {
display: flex;
align-items: center;
width: max-content;
will-change: transform;
transform: translate3d(0,0,0);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.absolu-brands-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-decoration: none;
flex-shrink: 0;
padding: 12px 36px 0;
}
.absolu-brands-item img {
height: 96px;
width: auto;
max-width: 200px;
object-fit: contain;
display: block;
filter: grayscale(100%);
transition: transform 0.3s ease, filter 0.3s ease;
pointer-events: none;
-webkit-user-drag: none;
user-select: none;
-webkit-user-select: none;
}
.absolu-brands-item, .absolu-brands-name {
user-select: none;
-webkit-user-select: none;
}
.absolu-brands-item:hover img {
filter: grayscale(0%);
}
.absolu-brands-name {
font-family: var(--absolu-font);
font-size: 11px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--absolu-text);
opacity: 0;
transform: translateY(10px);
transition: opacity 0.3s ease, transform 0.3s ease;
margin-top: 8px;
white-space: nowrap;
}
.absolu-brands-item:hover img {
transform: translateY(-6px);
}
.absolu-brands-item:hover .absolu-brands-name {
opacity: 1;
transform: translateY(0);
}
@media (max-width: 768px) {
.absolu-brands {
padding: 30px 0;
}
.absolu-brands-item {
padding: 0 36px;
}
.absolu-brands-item img {
height: 68px;
}
.absolu-brands-track {
animation-duration: 55s;
}
.absolu-brands-name {
display: none;
}
}
@media (max-width: 480px) {
.absolu-brands-item {
padding: 0 24px;
}
.absolu-brands-item img {
height: 52px;
max-width: 140px;
}
.absolu-brands-track {
animation-duration: 45s;
}
} .absolu-page--brands {
padding-bottom: 0;
}
.absolu-brands-search {
max-width: 480px;
margin: 0 auto 40px;
position: relative;
}
.absolu-brands-search__icon {
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
font-size: 18px;
color: var(--absolu-text-light);
pointer-events: none;
}
.absolu-brands-search .absolu-brands-search__input {
width: 100%;
padding: 14px 20px 14px 48px;
border: 1px solid var(--absolu-border);
border-radius: 0;
font-family: var(--absolu-font-body);
font-size: 15px;
color: var(--absolu-text);
background: var(--absolu-white);
transition: border-color 0.2s ease;
}
.absolu-brands-search .absolu-brands-search__input:focus {
outline: none;
border-color: var(--absolu-text);
}
.absolu-brands-search .absolu-brands-search__input::placeholder {
color: #999;
}
.absolu-brands-alpha {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 4px;
margin-bottom: 48px;
padding-bottom: 24px;
border-bottom: 1px solid var(--absolu-border);
}
.absolu-brands-alpha__link {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
font-family: var(--absolu-font);
font-size: 13px;
font-weight: 600;
letter-spacing: 0.05em;
text-decoration: none;
color: var(--absolu-text);
border: 1px solid transparent;
transition: all 0.2s ease;
}
.absolu-brands-alpha__link:hover {
color: var(--absolu-primary);
border-color: var(--absolu-primary);
}
.absolu-brands-alpha__link.is-disabled {
display: none;
}
.absolu-brands-group {
margin-bottom: 48px;
text-align: center;
}
.absolu-brands-group__letter {
font-family: var(--absolu-font);
font-size: 28px;
font-weight: 500;
color: var(--absolu-primary);
letter-spacing: 0.06em;
margin: 0 0 20px;
padding-bottom: 12px;
border-bottom: 2px solid var(--absolu-primary);
display: inline-block;
}
.absolu-brands-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 16px;
}
.absolu-brands-card {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
text-decoration: none;
padding: 24px 12px 20px;
width: calc((100% - 80px) / 6);
border: 1px solid var(--absolu-border);
background: var(--absolu-white);
transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.absolu-brands-card:hover {
border-color: var(--absolu-primary);
}
.absolu-brands-card__logo {
width: 100%;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 14px;
}
.absolu-brands-card__logo img {
max-height: 100%;
max-width: 100%;
object-fit: contain;
filter: grayscale(100%);
transition: filter 0.3s ease;
}
.absolu-brands-card:hover .absolu-brands-card__logo img {
filter: grayscale(0%);
}
.absolu-brands-card__initial {
font-family: var(--absolu-font);
font-size: 32px;
font-weight: 500;
color: var(--absolu-text-light);
}
.absolu-brands-card__name {
font-family: var(--absolu-font);
font-size: 12px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--absolu-text);
line-height: 1.3;
}
.absolu-brands-card__count {
font-family: var(--absolu-font-body);
font-size: 12px;
color: var(--absolu-text-light);
margin-top: 4px;
}
.absolu-brands-empty {
text-align: center;
font-family: var(--absolu-font-body);
font-size: 15px;
color: var(--absolu-text-light);
padding: 60px 0;
}
@media (max-width: 1024px) {
.absolu-brands-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.absolu-brands-card {
width: calc((100% - 48px) / 4);
}
}
@media (max-width: 768px) {
.absolu-page--brands {
padding-bottom: 0;
}
.absolu-page--brands .absolu-archive-header {
padding: 4px 0 24px;
}
.absolu-page--brands .absolu-archive-header__title {
font-size: 26px;
}
.absolu-page--brands .absolu-archive-header__desc {
font-size: 0.8rem;
margin-top: 12px;
}
.absolu-brands-search {
margin-bottom: 24px;
}
.absolu-brands-alpha {
gap: 2px;
margin-bottom: 24px;
padding-bottom: 12px;
}
.absolu-brands-alpha__link {
min-width: 36px;
min-height: 36px;
width: 36px;
height: 36px;
font-size: 11px;
}
.absolu-brands-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}
.absolu-brands-card {
width: calc((100% - 20px) / 3);
}
.absolu-brands-card {
padding: 16px 8px 14px;
}
.absolu-brands-card__logo {
height: 56px;
margin-bottom: 10px;
}
.absolu-brands-card__name {
font-size: 11px;
}
.absolu-brands-card__count {
font-size: 11px;
}
.absolu-brands-group {
margin-bottom: 28px;
}
.absolu-brands-group__letter {
font-size: 20px;
margin-bottom: 14px;
padding-bottom: 8px;
}
.absolu-brands-empty {
padding: 40px 0;
font-size: 14px;
}
}
@media (max-width: 480px) {
.absolu-brands-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.absolu-brands-card {
width: calc((100% - 16px) / 2);
}
.absolu-brands-search .absolu-brands-search__input {
padding: 12px 16px 12px 42px;
font-size: 14px;
}
.absolu-brands-search__icon {
left: 14px;
font-size: 16px;
}
.absolu-brands-alpha__link {
min-width: 32px;
min-height: 32px;
width: 32px;
height: 32px;
font-size: 11px;
}
}   .absolu-about { background: var(--absolu-white); padding: 48px 0; margin-bottom: 15px; }
.absolu-about__intro { max-width: 720px; margin: 0 auto 36px; text-align: center; }
.absolu-about__headline {
font-family: var(--absolu-font);
font-size: clamp(1.75rem, 3.2vw, 2.5rem);
font-weight: 400;
line-height: 1.15;
letter-spacing: -0.01em;
color: var(--absolu-text);
margin: 0 0 16px;
text-transform: none;
}
.absolu-about__lead {
font-family: var(--absolu-font-body);
font-size: 15px;
line-height: 1.6;
color: var(--absolu-text-light);
max-width: 640px;
margin: 0 auto;
text-align: center;
}
.absolu-about__pillars {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 32px;
max-width: 1200px;
margin: 0 auto;
}
.absolu-about__pillar { text-align: center; padding: 0; border: 0; }
.absolu-about__pillar-icon {
display: block;
font-size: 32px;
color: var(--absolu-primary);
margin: 0 auto 12px;
line-height: 1;
}
.absolu-about__pillar-num { display: none; }
.absolu-about__pillar-title {
font-family: var(--absolu-font);
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--absolu-text);
margin: 0 0 8px;
line-height: 1.3;
}
.absolu-about__pillar-text {
font-family: var(--absolu-font-body);
font-size: 13px;
line-height: 1.55;
color: var(--absolu-text-light);
margin: 0;
}
@media (max-width: 900px) {
.absolu-about__pillars { grid-template-columns: repeat(2, 1fr); gap: 32px 24px; max-width: 600px; }
}
@media (max-width: 480px) {
.absolu-about { padding: 36px 0; }
.absolu-about__intro { margin-bottom: 28px; }
} @media (max-width: 1024px) {
.absolu-footer-newsletter__inner {
grid-template-columns: 1fr;
gap: 32px;
}
.absolu-footer-newsletter__inner::before {
width: 100%;
height: 1px;
}
.absolu-footer-newsletter__left {
padding-right: 0;
}
.absolu-footer-newsletter__right {
padding-left: 0;
}
.absolu-newsletter-form {
max-width: 100%;
}
.absolu-footer-grid {
grid-template-columns: 1fr 1fr;
}
.woocommerce ul.products {
grid-template-columns: repeat(4, 1fr);
}
.absolu-product-grid {
grid-template-columns: repeat(4, 1fr);
}
} @media (max-width: 1024px) { .absolu-topbar-inner {
font-size: 11px;
padding: 5px 0;
}
.absolu-topbar-sep {
margin: 0 12px;
}
.absolu-header-row {
display: flex;
align-items: center;
gap: 0;
height: 48px;
min-height: 0;
padding: 0;
}
.absolu-header-row .absolu-sticky-nav {
display: none !important;
} .absolu-mobile-toggle {
display: flex;
align-items: center;
justify-content: center;
order: 1;
padding: 8px;
margin-left: -8px;
flex-shrink: 0;
} .absolu-mobile-search-toggle {
order: 2;
flex-shrink: 0;
margin-left: 10px;
} .absolu-header-row { position: relative; }
.absolu-logo {
order: 3;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
margin: 0;
z-index: 1;
}
.absolu-logo img {
max-height: 32px;
} .absolu-header-search {
display: none;
} .absolu-header-icons {
order: 4;
margin-left: auto;
gap: 2px;
flex-shrink: 0;
}
.absolu-icon-labeled {
width: auto;
min-width: 28px;
padding: 2px;
}
.absolu-icon-labeled span:not(.absolu-cart-count):not(.absolu-wishlist-count):not(.absolu-icon-wrap) {
display: none;
}
.absolu-icon-labeled i {
font-size: 20px;
} .absolu-mobile-search-toggle {
display: flex;
align-items: center;
justify-content: center;
background: none;
border: none;
cursor: pointer;
padding: 6px;
color: var(--absolu-primary);
}
.absolu-mobile-search-toggle i {
font-size: 20px;
font-family: "Phosphor-Light" !important;
line-height: 1;
} .absolu-mobile-search {
display: block;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease, padding 0.3s ease;
padding: 0;
border-top: 1px solid transparent;
}
.absolu-mobile-search.is-open {
max-height: 60px;
padding: 8px 0;
border-top-color: var(--absolu-border);
}
.absolu-mobile-search form {
display: flex;
align-items: center;
background: #f5f5f5;
border-radius: 0;
height: 40px;
padding: 0 12px;
gap: 8px;
}
.absolu-mobile-search i {
font-size: 18px;
color: var(--absolu-text-light);
flex-shrink: 0;
}
.absolu-mobile-search input[type="search"] {
flex: 1;
border: none;
background: transparent;
outline: none;
font-family: var(--absolu-font-body);
font-size: 14px;
color: var(--absolu-text);
padding: 0;
height: 100%;
}
.absolu-mobile-search input[type="search"]::placeholder {
color: #999;
font-weight: 300;
}
.absolu-mobile-search input[type="search"]::-webkit-search-cancel-button,
.absolu-mobile-search input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
appearance: none;
display: none;
}
.absolu-mobile-search-close {
display: flex;
align-items: center;
justify-content: center;
background: none;
border: none;
cursor: pointer;
padding: 8px;
min-width: 36px;
min-height: 36px;
color: var(--absolu-text-light);
font-size: 16px;
} .absolu-header-nav {
display: none;
} .absolu-mobile-nav {
display: block;
}
.absolu-mobile-overlay {
display: block;
} .absolu-header.is-sticky .absolu-header-row {
display: flex;
height: 48px;
grid-template-columns: none;
grid-template-rows: none;
column-gap: 0;
}
.absolu-header.is-sticky .absolu-mobile-toggle,
.absolu-header.is-sticky .absolu-mobile-search-toggle,
.absolu-header.is-sticky .absolu-logo,
.absolu-header.is-sticky .absolu-header-icons {
grid-column: auto;
grid-row: auto;
justify-self: auto;
width: auto;
max-width: none;
}
.absolu-header.is-sticky .absolu-logo {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.absolu-header.is-sticky .absolu-header-icons {
margin-left: auto;
}
.absolu-header.is-sticky .absolu-header-search {
display: none;
}
.absolu-header.is-sticky .absolu-sticky-nav {
display: none !important;
}
.absolu-header.is-sticky .absolu-logo img {
max-height: 28px;
}
}
.absolu-sp-trust .ph {
color: #4E964E;
}
@media (max-width: 770px) {
.absolu-sp-atc {
transform: translateY(-2px);
}
} @media (max-width: 768px) { .absolu-header-topbar .absolu-topbar-sep:last-of-type,
.absolu-header-topbar span:last-child {
display: none;
}
.absolu-header-row {
height: 48px;
}
.absolu-logo img {
max-height: 28px;
}
.absolu-icon-labeled {
padding: 8px;
min-width: 36px;
min-height: 36px;
display: flex;
align-items: center;
justify-content: center;
}
.absolu-icon-labeled i {
font-size: 20px;
} .absolu-section {
padding: 30px 0;
}
.absolu-product-card__badge {
padding: 5px;
font-size: 0.55rem;
}
.absolu-gender {
padding: 30px 0;
}
.absolu-gender-grid {
grid-template-columns: 1fr;
height: auto;
}
.absolu-gender-card {
height: 280px;
}
.absolu-gender-card__title {
font-size: 1.5rem;
}
.absolu-gender-card__content {
padding: 28px 24px;
}
.absolu-gender-card__cta {
opacity: 1;
transform: translateY(0);
}
.woocommerce ul.products {
grid-template-columns: repeat(3, 1fr);
gap: 12px;
}
.absolu-product-grid {
grid-template-columns: repeat(3, 1fr);
gap: 12px;
}
.absolu-footer-newsletter {
padding: 36px 0;
}
.absolu-footer-grid {
grid-template-columns: 1fr;
gap: 32px;
}
.absolu-footer-bottom__inner {
flex-direction: column;
gap: 12px;
}
.absolu-footer-payments {
flex-wrap: nowrap;
justify-content: center;
gap: 4px;
}
.absolu-footer-payments .pay-card {
width: 38px;
height: 24px;
}
.absolu-footer-payments span {
width: auto;
font-size: 0.5rem;
padding: 3px 0;
}
h1 {
font-size: 1.5rem;
}
h2 {
font-size: 1.25rem;
}
} @media (max-width: 480px) { .absolu-topbar-inner span:not(:first-child) {
display: none;
}
.absolu-topbar-inner {
justify-content: center;
}
.absolu-mobile-nav {
width: 100vw;
max-width: 100vw;
}
.woocommerce ul.products {
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
.absolu-product-grid {
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 0.8rem;
}
.woocommerce ul.products li.product .price {
font-size: 0.8rem;
}
}  .absolu-animate {
opacity: 0;
transform: translateY(24px);
transition: opacity 0.6s ease, transform 0.6s ease;
}
.absolu-animate.is-visible {
opacity: 1;
transform: translateY(0);
}  .absolu-fade {
opacity: 0;
transition: opacity 0.6s ease;
}
.absolu-fade.is-visible {
opacity: 1;
} @keyframes absolu-slide-up {
from {
opacity: 0;
transform: translateY(32px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .absolu-header {
animation: absolu-fade-in 0.4s ease;
}
@keyframes absolu-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
} a,
button,
input,
.absolu-icon-labeled,
.absolu-nav-menu li a {
transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
} .woocommerce ul.products li.product,
.absolu-product-card.absolu-animate {
opacity: 1;
transform: none;
transition: none;
} .absolu-page {
padding: 24px 0 60px;
}
.absolu-container--narrow {
max-width: 840px;
} .absolu-breadcrumbs {
font-family: var(--absolu-font);
font-size: 0.6875rem;
font-weight: 500;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--absolu-text-light);
margin-bottom: 18px;
padding: 4px 0;
}
.absolu-breadcrumbs a {
color: var(--absolu-text-light);
text-decoration: none;
transition: color 0.2s ease;
}
.absolu-breadcrumbs a:hover {
color: var(--absolu-primary);
}
.absolu-breadcrumb__sep {
margin: 0 8px;
opacity: 0.4;
}
.absolu-breadcrumbs span:last-child {
color: var(--absolu-text);
} .absolu-page-header {
margin-bottom: 48px;
}
.absolu-page-title {
font-family: var(--absolu-font);
font-size: clamp(2rem, 4vw, 3rem);
font-weight: 600;
letter-spacing: -0.02em;
color: var(--absolu-text);
margin: 0 0 12px;
line-height: 1.1;
}
.absolu-page-desc {
font-size: 1rem;
color: var(--absolu-text-light);
line-height: 1.7;
margin: 0;
max-width: 560px;
} .absolu-page-content {
font-size: 1rem;
line-height: 1.8;
color: var(--absolu-text);
}
.absolu-page-content h2 {
font-size: 1.25rem;
margin: 48px 0 16px;
}
.absolu-page-content h3 {
font-size: 1rem;
margin: 32px 0 12px;
}
.absolu-page-content p {
margin: 0 0 20px;
color: var(--absolu-text-light);
}
.absolu-page-content ul,
.absolu-page-content ol {
margin: 0 0 20px;
padding-left: 24px;
color: var(--absolu-text-light);
}
.absolu-page-content li {
margin-bottom: 8px;
}
.absolu-page-content a {
color: var(--absolu-primary);
text-decoration: underline;
text-underline-offset: 2px;
} .absolu-contact-intro {
max-width: 600px;
margin-bottom: 64px;
font-size: var(--absolu-fs-lg);
color: var(--absolu-text-light);
line-height: 1.8;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.absolu-contact-channels {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
margin-bottom: 80px;
}
.absolu-contact-card {
padding: 48px 32px;
text-align: center;
text-decoration: none;
color: var(--absolu-text);
transition: background 0.3s ease;
display: flex;
flex-direction: column;
align-items: center;
}
a.absolu-contact-card {
text-decoration: none;
color: var(--absolu-text);
}
a.absolu-contact-card:hover {
color: var(--absolu-text);
}
.absolu-contact-card:hover {
background: var(--absolu-bg-light);
}
.absolu-contact-card i {
font-size: 32px;
color: var(--absolu-primary);
margin-bottom: 20px;
display: block;
}
.absolu-contact-card strong {
font-family: var(--absolu-font);
font-size: 0.6875rem;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
display: block;
margin-bottom: 10px;
text-decoration: none;
}
.absolu-contact-card span {
font-size: 0.875rem;
color: var(--absolu-text-light);
line-height: 1.6;
text-decoration: none;
}
.absolu-contact-split {
display: flex;
justify-content: center;
grid-template-columns: 1fr 1fr;
gap: 0;
margin-bottom: 80px;
min-height: 560px;
}
.absolu-contact-form-side {
padding: 60px;
width: 100%;
background: var(--absolu-bg-light);
}
.absolu-contact-form-side h2 {
font-family: var(--absolu-font);
font-size: 1.5rem;
font-weight: 600;
letter-spacing: -0.01em;
margin: 0 0 8px;
}
.absolu-contact-form-side>p {
font-size: 0.875rem;
color: var(--absolu-text-light);
margin: 0 0 36px;
}
.absolu-contact-form {
display: flex;
flex-direction: column;
gap: 20px;
}
.absolu-contact-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.absolu-contact-form label:not(.absolu-float-field) {
font-family: var(--absolu-font);
font-size: 0.6875rem;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--absolu-text-light);
display: block;
margin-bottom: 6px;
}
.absolu-contact-form input,
.absolu-contact-form textarea {
width: 100%;
padding: 13px 16px;
border: 1px solid var(--absolu-border);
background: var(--absolu-white);
font-family: var(--absolu-font-body);
font-size: 0.875rem;
color: var(--absolu-text);
outline: none;
transition: border-color 0.2s ease;
border-radius: 0;
}
.absolu-contact-form input:focus,
.absolu-contact-form textarea:focus {
border-color: var(--absolu-text);
}
.absolu-contact-form textarea {
min-height: 120px;
resize: vertical;
} .absolu-contact-form button {
align-self: flex-start;
padding: 16px 48px;
transition: background 0.2s ease, color 0.2s ease;
} .absolu-contact-form button:hover {
background: var(--absolu-secondary);
color: var(--absolu-white);
}
.absolu-contact-form button:disabled {
opacity: 0.6;
cursor: not-allowed;
}
.absolu-form-msg {
font-size: 0.8125rem;
margin-top: 12px;
min-height: 20px;
}
.absolu-form-msg.is-success {
color: var(--absolu-success);
}
.absolu-form-msg.is-error {
color: var(--absolu-error);
}
.absolu-contact-info-side {
background: var(--absolu-text);
color: var(--absolu-white);
padding: 60px;
display: flex;
flex-direction: column;
justify-content: center;
}
.absolu-contact-info-side h2 {
font-family: var(--absolu-font);
font-size: 1.5rem;
font-weight: 600;
color: var(--absolu-white);
margin: 0 0 32px;
letter-spacing: -0.01em;
}
.absolu-info-item {
display: flex;
align-items: flex-start;
gap: 16px;
margin-bottom: 28px;
}
.absolu-info-item i {
font-size: 20px;
color: var(--absolu-secondary);
flex-shrink: 0;
margin-top: 2px;
}
.absolu-info-item div {
display: flex;
flex-direction: column;
}
.absolu-info-label {
font-family: var(--absolu-font);
font-size: 0.625rem;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--absolu-secondary);
margin-bottom: 4px;
}
.absolu-info-value {
font-size: 0.9375rem;
color: #ccc;
line-height: 1.6;
}
.absolu-info-value a {
color: #ccc;
text-decoration: none;
transition: color 0.2s ease;
}
.absolu-info-value a:hover {
color: var(--absolu-white);
}
.absolu-contact-socials {
margin-top: 40px;
padding-top: 32px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.absolu-contact-socials p {
font-family: var(--absolu-font);
font-size: 0.625rem;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--absolu-secondary);
margin: 0 0 16px;
}
.absolu-contact-socials-links {
display: flex;
gap: 20px;
}
.absolu-contact-socials-links a {
color: #999;
font-size: 22px;
transition: color 0.2s ease;
text-decoration: none;
}
.absolu-contact-socials-links a:hover {
color: var(--absolu-white);
}
@media (max-width: 768px) {
.absolu-contact-intro {
margin-bottom: 40px;
}
.absolu-contact-channels {
grid-template-columns: 1fr;
}
.absolu-contact-card {
flex-direction: column;
align-items: center;
text-align: center;
gap: 10px;
padding: 28px 20px;
border-bottom: 1px solid var(--absolu-border);
}
.absolu-contact-card:last-child {
border-bottom: none;
}
.absolu-contact-card i {
font-size: 32px;
margin-bottom: 0;
}
.absolu-contact-split {
grid-template-columns: 1fr;
min-height: auto;
margin-bottom: 48px;
}
.absolu-contact-form-side {
padding: 36px 24px;
}
.absolu-contact-info-side {
padding: 36px 24px;
}
.absolu-contact-form-side h2,
.absolu-contact-info-side h2 {
font-size: 1.25rem;
}
.absolu-contact-row {
grid-template-columns: 1fr;
}
.absolu-contact-form button {
width: 100%;
}
.absolu-contact-socials-links {
gap: 16px;
}
} .absolu-faq-list {
max-width: 800px;
margin: 0 auto;
}
.absolu-faq-item {
border-bottom: 1px solid var(--absolu-border);
}
.absolu-faq-item summary {
font-family: var(--absolu-font);
font-size: 0.9375rem;
font-weight: 500;
color: var(--absolu-text);
padding: 20px 40px;
cursor: pointer;
list-style: none;
position: relative;
text-align: center;
transition: color 0.2s ease;
}
.absolu-faq-item summary::-webkit-details-marker {
display: none;
}
.absolu-faq-item summary::after {
content: '+';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
font-family: var(--absolu-font);
font-size: 1.25rem;
font-weight: 300;
color: var(--absolu-text-light);
transition: transform 0.2s ease;
}
.absolu-faq-item[open] summary::after {
content: '\2212';
}
.absolu-faq-item summary:hover {
color: var(--absolu-primary);
}
.absolu-faq-item p {
font-size: 0.9375rem;
color: var(--absolu-text-light);
line-height: 1.8;
padding: 0 40px 24px;
margin: 0;
text-align: center;
}
.absolu-faq-item a {
color: inherit;
text-decoration: underline;
text-underline-offset: 2px;
}
.absolu-faq-item a:hover {
color: inherit;
} .absolu-empty-state {
text-align: center;
padding: 80px 20px;
}
.absolu-empty-state i {
font-size: 48px;
color: var(--absolu-border);
margin-bottom: 24px;
display: block;
}
.absolu-empty-state h2 {
font-size: 1.5rem;
margin: 0 0 12px;
}
.absolu-empty-state p {
color: var(--absolu-text-light);
margin: 0 0 32px;
max-width: 400px;
margin-left: auto;
margin-right: auto;
} .absolu-404__code {
font-family: var(--absolu-font);
font-size: clamp(5rem, 12vw, 10rem);
font-weight: 600;
letter-spacing: -0.04em;
color: var(--absolu-bg-light);
display: block;
line-height: 1;
margin-bottom: 16px;
}
.absolu-404__actions {
display: flex;
gap: 12px;
justify-content: center;
flex-wrap: wrap;
} .absolu-archive-header {
text-align: center;
padding: 0 0 40px;
max-width: 800px;
margin: 0 auto;
}
.absolu-archive-header__title {
font-family: "OmegaCT", var(--absolu-font);
font-size: 38px;
font-weight: 500;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--absolu-primary);
margin: 0;
line-height: 1.1;
}
.absolu-archive-header__desc {
font-family: var(--absolu-font-body);
font-size: 0.9rem;
line-height: 1.8;
color: var(--absolu-text-light);
margin: 24px auto 0;
max-width: 720px;
}
.absolu-product-grid--shop {
grid-template-columns: repeat(5, 1fr);
}
.absolu-product-grid--related {
grid-template-columns: repeat(4, 1fr);
}
.absolu-shop-filters {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 20px 0;
margin-bottom: 28px;
position: relative;
z-index: 10;
}
.absolu-shop-count {
margin-bottom: 32px;
}
.absolu-result-count {
font-family: "OmegaCT", var(--absolu-font);
font-size: 14px;
font-weight: 700;
color: var(--absolu-text);
text-transform: uppercase;
letter-spacing: 0.1em;
line-height: 16px;
}
.absolu-result-count strong {
color: var(--absolu-primary);
font-weight: 700;
}
.absolu-filters-mobile-trigger,
.absolu-filters-mobile-overlay,
.absolu-filters-mobile-close {
display: none;
}
.absolu-filters {
display: flex;
align-items: center;
gap: 10px;
}
.absolu-filters__reset {
font-family: var(--absolu-font);
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(--absolu-text);
text-decoration: none;
border-bottom: 1px solid rgba(85, 85, 85, 0.5);
padding-bottom: 5px;
margin-left: 13px;
white-space: nowrap;
transition: color 0.2s ease, border-color 0.2s ease;
}
.absolu-filters__reset:hover {
color: var(--absolu-primary);
border-bottom-color: var(--absolu-primary);
}
.absolu-filter {
position: relative;
}
.absolu-filter__btn {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: var(--absolu-font);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.1em;
line-height: 16px;
text-transform: uppercase;
text-align: left;
color: var(--absolu-text);
background: var(--absolu-bg-light);
border: 1px solid transparent;
border-radius: 100px;
padding: 10px 24px;
min-width: 120px;
justify-content: center;
cursor: pointer;
white-space: nowrap;
transition: border-color 0.2s ease;
}
.absolu-filter__btn:hover {
border-color: transparent;
background: #f2f2f2;
}
.absolu-filter__num {
opacity: 0.5;
margin-left: 2px;
transition: opacity 0.15s ease;
}
.absolu-filter__btn:hover .absolu-filter__num {
opacity: 1;
}
.absolu-filter__btn.is-active {
padding-right: 0;
gap: 6px;
border-color: #cacaca;
}
.absolu-filter__clear {
display: inline-flex;
align-items: center;
justify-content: center;
align-self: stretch;
margin: -10px 0 -10px 8px;
padding: 0 14px;
border-left: 1px solid #d4d4d4;
border-radius: 0 100px 100px 0;
color: var(--absolu-text);
font-size: 14px;
line-height: 1;
opacity: 0.45;
transition: opacity 0.15s ease, background 0.15s ease;
cursor: pointer;
}
.absolu-filter__clear:hover {
opacity: 1;
background: rgba(0, 0, 0, 0.04);
}
.absolu-filter__btn i {
font-size: 12px;
color: var(--absolu-text);
transition: transform 0.2s ease;
}
.absolu-filter__btn.is-active i {
display: none;
}
.absolu-filter.is-open .absolu-filter__btn {
border-color: #cacaca;
}
.absolu-filter.is-open .absolu-filter__btn i {
transform: rotate(180deg);
}
.absolu-filter__dropdown {
display: none;
flex-direction: column;
align-items: stretch;
position: absolute;
top: 56px;
left: 0;
width: max-content;
max-width: 300px;
padding: 20px;
border: 1px solid #e2e2e2;
background: #fff;
border-radius: 10px;
text-align: left;
max-height: min(500px, 50vh);
z-index: 101;
}
.absolu-filter.is-open .absolu-filter__dropdown {
display: flex;
}
.absolu-filter__dropdown--right {
left: auto;
right: 0;
}
.absolu-filter__dropdown--scrollable .absolu-filter__options {
max-height: 280px;
overflow-y: auto;
}
.absolu-filter__options {
padding: 0;
display: flex;
flex-direction: column;
margin: 0 -20px;
}
.absolu-filter__check {
display: flex;
align-items: center;
gap: 12px;
padding: 8px 20px;
cursor: pointer;
}
.absolu-filter__check:hover .absolu-filter__label {
color: var(--absolu-primary);
}
.absolu-filter__check input {
display: none;
}
.absolu-filter__checkbox {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 20px;
width: 20px;
height: 20px;
border: 1px solid var(--absolu-input-active);
position: relative;
transition: border 0.15s;
}
.absolu-filter__checkbox::after {
content: '';
position: absolute;
top: 3px;
left: 3px;
right: 3px;
bottom: 3px;
background: var(--absolu-primary);
transform: scale(0);
transition: transform 0.2s ease;
}
.absolu-filter__check input:checked+.absolu-filter__checkbox {
border-color: #999;
}
.absolu-filter__check input:checked+.absolu-filter__checkbox::after {
transform: scale(1);
}
.absolu-filter__label {
font-family: var(--absolu-font);
font-size: 14px;
line-height: 20px;
letter-spacing: 0.1em;
text-align: left;
color: var(--absolu-text);
flex: 1;
}
.absolu-filter__count {
font-family: var(--absolu-font-body);
font-size: 0.8125rem;
color: var(--absolu-text-light);
margin-left: auto;
}
.absolu-filter__search {
padding: 0 0 12px;
margin: 0 0 8px;
border-bottom: 1px solid #e2e2e2;
}
.absolu-filter__search-input {
width: 100%;
font-family: var(--absolu-font-body);
font-size: 0.8125rem;
padding: 8px 10px;
border: 1px solid var(--absolu-border);
outline: none;
color: var(--absolu-text);
}
.absolu-filter__search-input:focus {
border-color: #999;
}
.absolu-filter__search-input::placeholder {
color: #aaa;
}
.absolu-filter__price-inputs {
display: flex;
align-items: center;
gap: 10px;
padding: 0;
}
.absolu-filter__price-field {
flex: 1;
display: flex;
flex-direction: column;
gap: 4px;
}
.absolu-filter__price-label {
font-family: var(--absolu-font);
font-size: 0.6875rem;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--absolu-text-light);
}
.absolu-filter__price-input {
width: 100%;
font-family: var(--absolu-font-body);
font-size: 0.8125rem;
padding: 8px 10px;
border: 1px solid var(--absolu-border);
outline: none;
color: var(--absolu-text);
-moz-appearance: textfield;
}
.absolu-filter__price-input::-webkit-inner-spin-button,
.absolu-filter__price-input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.absolu-filter__price-input:focus {
border-color: #999;
}
.absolu-filter__price-sep {
font-size: 1rem;
color: var(--absolu-text-light);
padding-top: 18px;
}
.absolu-filter__close {
display: block;
width: calc(100% + 40px);
margin: 20px -20px -20px;
padding: 14px 20px;
font-family: var(--absolu-font);
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--absolu-text);
background: none;
border: none;
border-top: 1px solid #e2e2e2;
border-radius: 0 0 10px 10px;
cursor: pointer;
transition: background 0.15s ease;
} .absolu-filter__close:hover {
background: var(--absolu-primary);
color: var(--absolu-white);
} #absolu-a2hs {
display: none;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 99999;
background: #fff;
border-top: 1px solid var(--absolu-border);
padding: 14px 16px;
align-items: center;
gap: 12px;
}
#absolu-a2hs.is-visible {
display: flex;
}
#absolu-a2hs__icon {
width: 48px;
height: 48px;
border-radius: 10px;
flex-shrink: 0;
overflow: hidden;
}
#absolu-a2hs__icon img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
#absolu-a2hs__text {
flex: 1;
min-width: 0;
}
#absolu-a2hs__text strong {
display: block;
font-family: var(--absolu-font-heading);
font-size: 0.875rem;
color: var(--absolu-text);
line-height: 1.2;
}
#absolu-a2hs__text span {
display: block;
font-size: 0.75rem;
color: var(--absolu-text-light);
margin-top: 2px;
line-height: 1.3;
}
#absolu-a2hs__add {
flex-shrink: 0;
background: var(--absolu-primary);
color: #fff;
border: none;
border-radius: 2px;
font-family: var(--absolu-font-heading);
font-size: 0.8rem;
padding: 8px 14px;
cursor: pointer;
white-space: nowrap;
}
#absolu-a2hs__dismiss {
flex-shrink: 0;
background: none;
border: none;
color: var(--absolu-text-light);
font-size: 1.3rem;
line-height: 1;
cursor: pointer;
padding: 4px;
} .absolu-skeleton {
pointer-events: none;
user-select: none;
}
.absolu-skeleton__image,
.absolu-skeleton__line,
.absolu-skeleton__block {
position: relative;
overflow: hidden;
background: #ededed;
}
.absolu-skeleton__image::after,
.absolu-skeleton__line::after,
.absolu-skeleton__block::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.65) 50%, transparent 100%);
transform: translateX(-100%);
animation: absolu-shimmer 1.4s ease-in-out infinite;
}
.absolu-skeleton__image {
width: 100%;
aspect-ratio: 1 / 1;
}
.absolu-skeleton__info {
padding: 16px 8px 4px;
display: flex;
flex-direction: column;
gap: 10px;
}
.absolu-skeleton__line {
height: 10px;
width: 60%;
}
.absolu-skeleton__line--short {
width: 35%;
height: 8px;
}
.absolu-skeleton__line--medium {
width: 45%;
}
.absolu-skeleton__line--full {
width: 90%;
}
.absolu-skeleton__block {
width: 100%;
height: 60px;
}
@keyframes absolu-shimmer {
0% { transform: translateX(-100%); }
100% { transform: translateX(100%); }
} .absolu-side-drawer__loading-overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.25);
display: flex;
align-items: center;
justify-content: center;
z-index: 20;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease;
}
.absolu-side-drawer__loading-overlay.is-active {
opacity: 1;
pointer-events: auto;
}
.absolu-side-drawer__loading-overlay::before {
content: "";
width: 28px;
height: 28px;
border: 2px solid var(--absolu-border);
border-top-color: var(--absolu-text);
border-radius: 50%;
animation: absolu-spin 0.75s linear infinite;
}
.absolu-side-drawer__panel {
position: relative;
}
@keyframes absolu-spin {
to { transform: rotate(360deg); }
} .absolu-side-drawer__item.is-updating {
opacity: 0.5;
pointer-events: none;
transition: opacity 0.15s ease;
} #absolu-nav-progress {
position: fixed;
top: 0;
left: 0;
height: 2px;
width: 0;
background: var(--absolu-primary);
z-index: 99999;
opacity: 0;
transition: width 0.3s ease, opacity 0.2s ease;
pointer-events: none;
}
#absolu-nav-progress.is-active {
opacity: 1;
}
#absolu-nav-progress.is-done {
width: 100% !important;
opacity: 0;
transition: width 0.15s ease, opacity 0.3s ease 0.1s;
} .absolu-load-more-wrap {
text-align: center;
margin-top: 48px;
}
.absolu-load-more {
font-family: var(--absolu-font);
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--absolu-text);
background: none;
border: 1px solid var(--absolu-text);
padding: 14px 48px;
cursor: pointer;
transition: background 0.2s ease, color 0.2s ease;
}
.absolu-load-more:hover {
background: var(--absolu-text);
color: var(--absolu-white);
}
.absolu-load-more.is-loading {
opacity: 0.6;
pointer-events: none;
} .absolu-search-result {
padding: 24px 0;
border-bottom: 1px solid var(--absolu-border);
}
.absolu-search-result h3 {
font-size: 1rem;
margin: 0 0 8px;
}
.absolu-search-result h3 a {
color: var(--absolu-text);
text-decoration: none;
}
.absolu-search-result h3 a:hover {
color: var(--absolu-primary);
}
.absolu-search-result p {
font-size: 0.875rem;
color: var(--absolu-text-light);
margin: 0;
} .absolu-sp-layout {
display: flex;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: flex-start;
margin-bottom: clamp(24px, 3vw, 40px);
} .absolu-sp-gallery {
display: flex;
flex-direction: row;
flex: 1;
align-items: flex-start;
grid-template-columns: 72px 1fr;
gap: 15px;
}
.absolu-sp-badge {
display: block;
position: absolute;
top: 15px;
right: 15px;
left: auto;
width: max-content;
z-index: 5;
background: var(--absolu-text);
color: var(--absolu-white);
font-family: var(--absolu-font-body);
font-size: 0.625rem;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1;
padding: 4px 8px;
border: none;
}
.absolu-sp-gallery__main {
background: none;
overflow: hidden;
position: relative;
order: 2;
margin: 0;
flex: 1;
}
.absolu-sp-gallery__img {
width: 100%;
height: auto;
display: block;
object-fit: contain;
aspect-ratio: 4 / 5;
transition: opacity 0.15s ease;
}
.absolu-sp-gallery__thumbs {
display: flex;
flex-direction: column;
gap: 10px;
width: 80px;
flex-shrink: 0;
order: 1;
overflow-y: auto;
max-height: 520px;
scrollbar-width: none;
}
.absolu-sp-gallery__thumbs::-webkit-scrollbar {
display: none;
}
.absolu-sp-gallery__thumb {
width: 72px;
height: 72px;
flex-shrink: 0;
border: 1px solid var(--absolu-border);
background: var(--absolu-bg-light);
cursor: pointer;
padding: 4px;
transition: border-color 0.2s ease;
overflow: hidden;
}
.absolu-sp-gallery__thumb.is-active {
border-color: var(--absolu-primary);
}
.absolu-sp-gallery__thumb:hover {
border-color: var(--absolu-primary);
}
.absolu-sp-gallery__thumb img {
width: 100%;
height: 100%;
object-fit: contain;
} .absolu-sp-details {
flex: 1;
margin-top: 0;
padding-top: 8px;
text-align: center;
}
.absolu-sp-details__inner {
max-width: 520px;
margin: 0 auto;
}
.absolu-sp-brand {
font-family: var(--absolu-font);
font-size: 0.6875rem;
font-weight: 600;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--absolu-secondary);
text-decoration: none;
display: inline-block;
margin-bottom: 16px;
transition: color 0.2s ease;
}
.absolu-sp-brand:hover {
color: var(--absolu-primary);
}
.absolu-sp-title {
font-family: var(--absolu-font);
font-size: clamp(1.625rem, 2.8vw, 2.25rem);
font-weight: 400;
letter-spacing: -0.02em;
margin: 0 0 24px;
line-height: 1.15;
color: var(--absolu-text);
}
.absolu-sp-price {
font-family: var(--absolu-font);
font-size: 1.7rem;
font-weight: 500;
color: var(--absolu-text);
margin-bottom: 28px;
display: flex;
align-items: baseline;
justify-content: center;
gap: 12px;
padding-bottom: 28px;
border-bottom: 1px solid var(--absolu-border);
}
.absolu-sp-price del {
color: var(--absolu-strike);
font-weight: 400;
font-size: 1rem;
}
.absolu-sp-price ins {
color: var(--absolu-primary);
font-weight: 600;
text-decoration: none;
}
@media (min-width: 1025px) {
.absolu-sp-price {
font-size: 2rem;
}
.absolu-sp-price del {
font-size: 1.25rem;
}
}
.absolu-sp-excerpt {
font-family: var(--absolu-font-body);
font-size: 0.9375rem;
color: var(--absolu-text-light);
line-height: 1.8;
margin-bottom: 32px;
}
.absolu-sp-excerpt p:last-child {
margin-bottom: 0;
} .absolu-sp-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: stretch;
margin-bottom: 17px;
} .absolu-sp-actions > .absolu-sp-form     { order: 1; }
.absolu-sp-actions > .absolu-sp-wishlist { order: 2; }
.absolu-sp-actions > .absolu-sp-buynow   { order: 3; } .absolu-sp-buynow {
flex: 0 0 100%;
width: 100%;
background: transparent;
color: var(--absolu-text);
border: 1px solid var(--absolu-text);
font-family: var(--absolu-font);
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
cursor: pointer;
height: 52px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
transition: all 0.2s ease;
}
.absolu-sp-buynow:hover {
background: var(--absolu-text);
color: var(--absolu-white);
}
.absolu-sp-buynow.is-loading {
opacity: 0.7;
pointer-events: none;
}
.absolu-sp-buynow__text {
display: inline-block;
}
.absolu-sp-buynow i {
font-size: 1rem;
color: var(--absolu-text);
transition: color 0.2s ease;
}
.absolu-sp-buynow:hover i {
color: var(--absolu-secondary);
}
.absolu-sp-form {
display: flex;
gap: 12px;
flex: 1;
}
.absolu-sp-qty {
display: flex;
align-items: center;
border: 1px solid var(--absolu-border);
height: 52px;
box-sizing: border-box;
flex-shrink: 0;
}
.absolu-qty-btn {
width: 50px;
height: 50px;
border: none;
background: none;
font-size: 1.1rem;
font-weight: 600;
cursor: pointer;
color: var(--absolu-text);
display: flex;
align-items: center;
justify-content: center;
transition: background 0.2s ease, color 0.2s ease;
}
.absolu-qty-btn:hover {
background: var(--absolu-primary);
color: var(--absolu-white);
}
.absolu-qty-input {
height: 50px;
width: 68px;
text-align: center;
border: none;
border-left: 1px solid var(--absolu-border);
border-right: 1px solid var(--absolu-border);
font-family: var(--absolu-font);
font-size: 0.875rem;
font-weight: 500;
color: var(--absolu-text);
appearance: textfield;
-moz-appearance: textfield;
}
.absolu-qty-input::-webkit-outer-spin-button,
.absolu-qty-input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.absolu-qty-input:focus,
.absolu-qty-input:focus-visible {
outline: none;
box-shadow: none;
border-color: var(--absolu-border);
}
.absolu-sp-atc {
flex: 1;
background: var(--absolu-primary);
color: var(--absolu-white);
border: none;
font-family: var(--absolu-font);
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
cursor: pointer;
padding: 0 28px;
height: 52px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
transition: all 0.2s ease;
}
@media (max-width: 445px) {
.absolu-sp-actions {
flex-wrap: wrap;
gap: 8px;
}
.absolu-sp-form {
flex: none;
width: auto;
order: 1;
}
.absolu-sp-wishlist {
order: 2;
flex-shrink: 0;
}
.absolu-sp-atc {
flex: none;
width: 100%;
order: 3;
}
}
.absolu-sp-atc i {
font-size: 1rem;
}
.absolu-sp-atc:hover {
background: var(--absolu-secondary);
color: var(--absolu-white);
}
.absolu-sp-atc.is-loading {
opacity: 0.7;
pointer-events: none;
}
.absolu-sp-atc.is-added {
background: #2e7d32;
pointer-events: none;
}
.absolu-sp-atc__text {
display: inline-block;
transition: opacity 0.3s ease, transform 0.3s ease;
}
.absolu-sp-atc.is-loading .absolu-sp-atc__text {
opacity: 0.6;
}
.absolu-sp-atc.is-added .absolu-sp-atc__text {
animation: atcAdded 0.35s ease;
}
@keyframes atcAdded {
0% {
opacity: 0;
transform: translateY(6px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.absolu-sp-wishlist {
width: 52px;
height: 52px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
background: none;
border: 1px solid var(--absolu-border);
cursor: pointer;
color: var(--absolu-text-light);
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
}
.absolu-sp-wishlist i {
font-size: 1.25rem;
line-height: 1;
}
.absolu-sp-wishlist:hover {
color: var(--absolu-white);
background: var(--absolu-primary);
border-color: var(--absolu-primary);
}
.absolu-sp-wishlist.is-active {
color: var(--absolu-primary);
border-color: var(--absolu-primary);
animation: absoluHeartBloom 0.35s ease;
}
.absolu-sp-wishlist.is-active i {
font-family: "Phosphor-Fill" !important;
}
.absolu-sp-wishlist.is-active:hover {
color: var(--absolu-secondary);
background: var(--absolu-primary);
border-color: var(--absolu-primary);
}
.absolu-sp-wishlist.is-active:hover i {
color: var(--absolu-secondary);
}
.absolu-sp-outofstock {
display: flex;
align-items: center;
gap: 8px;
font-family: var(--absolu-font-body);
font-size: 0.875rem;
color: var(--absolu-text-light);
padding: 16px 20px;
background: var(--absolu-bg-light);
flex: 1;
}
.absolu-sp-outofstock i {
font-size: 1.125rem;
} .absolu-sp-trust {
display: flex;
flex-direction: column;
gap: 16px;
align-items: center;
padding: 24px 0;
border-top: 1px solid var(--absolu-border);
border-bottom: 1px solid var(--absolu-border);
margin-bottom: 0;
}
.absolu-sp-trust__item {
font-family: var(--absolu-font-body);
font-size: 0.95rem;
color: var(--absolu-text-light);
display: flex;
align-items: center;
gap: 12px;
}
.absolu-sp-trust__item:last-child {
border-right: none;
}
.absolu-sp-trust__item i {
font-size: 28px;
color: var(--absolu-text);
}
@media (min-width: 1025px) {
.absolu-sp-trust__item i {
font-size: 36px;
}
.absolu-sp-trust__item {
font-size: 1rem;
}
} .absolu-sp-meta {
display: flex;
flex-wrap: wrap;
gap: 4px 24px;
}
.absolu-sp-meta__item {
font-size: 0.8125rem;
color: var(--absolu-text-light);
display: flex;
gap: 8px;
padding: 4px 0;
}
.absolu-sp-meta__label {
font-family: var(--absolu-font);
font-weight: 600;
letter-spacing: 0.05em;
text-transform: uppercase;
font-size: 0.6875rem;
color: var(--absolu-text);
}
.absolu-sp-meta__value {
font-family: var(--absolu-font-body);
} .absolu-sp-description {
padding: clamp(40px, 6vw, 72px) 0;
border-top: 1px solid var(--absolu-border);
}
.absolu-sp-description h2 {
font-family: var(--absolu-font);
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
margin: 0 0 24px;
color: var(--absolu-text);
}
.absolu-sp-description__content {
font-family: var(--absolu-font-body);
font-size: 0.9375rem;
color: var(--absolu-text-light);
line-height: 1.9;
max-width: 720px;
}
.absolu-sp-description__content p {
margin: 0 0 16px;
}
.absolu-sp-description__content.is-clamped {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.absolu-sp-description__toggle {
display: none;
background: none;
border: none;
padding: 0;
margin-top: 8px;
font-family: var(--absolu-font);
font-size: 0.8rem;
font-weight: 500;
color: var(--absolu-text);
text-decoration: underline;
text-underline-offset: 3px;
cursor: pointer;
}
@media (max-width: 768px) {
.absolu-sp-description__content {
font-size: 0.84rem;
}
.absolu-sp-description__toggle {
display: inline-block;
}
} .absolu-sp-related {
padding: clamp(16px, 2.5vw, 32px) 0 0;
}
.absolu-sp-related .absolu-section-header {
margin-bottom: clamp(20px, 2.5vw, 32px);
}   .absolu-page--cart .woocommerce {
display: grid;
grid-template-columns: 1fr 400px;
gap: 48px;
align-items: start;
} .absolu-cart-table {
width: 100%;
border-collapse: collapse;
border: none;
}
.absolu-cart-table thead th {
font-family: var(--absolu-font);
font-size: 0.6875rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--absolu-text-light);
text-align: left;
padding: 0 0 16px;
border-bottom: 1px solid var(--absolu-border);
background: none;
}
.absolu-cart-table thead .absolu-cart-table__col--qty,
.absolu-cart-table thead .absolu-cart-table__col--total {
text-align: center;
}
.absolu-cart-table thead .absolu-cart-table__col--remove {
width: 40px;
} .absolu-cart-item td {
padding: 24px 0;
border-bottom: 1px solid var(--absolu-border);
vertical-align: middle;
font-family: var(--absolu-font-body);
font-size: 0.875rem;
color: var(--absolu-text);
}
.absolu-cart-item__img {
width: 80px;
padding-right: 20px;
}
.absolu-cart-item__img img {
width: 80px;
height: 80px;
object-fit: contain;
background: var(--absolu-bg-light);
display: block;
}
.absolu-cart-item__img a {
display: block;
line-height: 0;
}
.absolu-cart-item__name a {
font-family: var(--absolu-font);
font-size: 0.875rem;
font-weight: 500;
color: var(--absolu-text);
text-decoration: none;
transition: color 0.2s ease;
}
.absolu-cart-item__name a:hover {
color: var(--absolu-primary);
}
.absolu-cart-item__name dl.variation {
margin: 8px 0 0;
}
.absolu-cart-item__name dl.variation dt,
.absolu-cart-item__name dl.variation dd {
display: inline;
font-size: 0.8125rem;
color: var(--absolu-text-light);
margin: 0;
}
.absolu-cart-item__name dl.variation dd p {
display: inline;
margin: 0;
}
.absolu-cart-item__price,
.absolu-cart-item__total {
font-family: var(--absolu-font);
font-weight: 500;
white-space: nowrap;
}
.absolu-cart-item__total {
text-align: center;
}
.absolu-cart-item__qty {
text-align: center;
}
.absolu-cart-item__qty .quantity input[type="number"] {
width: 56px;
height: 40px;
text-align: center;
border: 1px solid var(--absolu-border);
font-family: var(--absolu-font);
font-size: 0.875rem;
font-weight: 500;
padding: 0;
appearance: textfield;
-moz-appearance: textfield;
background: var(--absolu-white);
transition: border-color 0.2s ease;
}
.absolu-cart-item__qty .quantity input[type="number"]:focus {
border-color: var(--absolu-text);
outline: none;
}
.absolu-cart-item__qty .quantity input::-webkit-inner-spin-button,
.absolu-cart-item__qty .quantity input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.absolu-cart-item__remove {
text-align: center;
width: 40px;
}
.absolu-cart-remove {
color: var(--absolu-text-light);
font-size: 1.125rem;
opacity: 0.4;
transition: opacity 0.2s ease, color 0.2s ease;
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
}
.absolu-cart-remove:hover {
opacity: 1;
color: var(--absolu-primary);
} .absolu-cart-actions {
display: flex;
align-items: center;
gap: 12px;
padding-top: 24px;
}
.absolu-cart-actions .absolu-btn-outline {
padding: 10px 20px;
} .absolu-cart-totals-wrap {
width: 100%;
}
.absolu-cart-totals {
background: var(--absolu-bg-light);
padding: 40px;
position: sticky;
top: 120px;
}
.absolu-cart-totals h2 {
font-family: var(--absolu-font);
font-size: 1rem;
letter-spacing: 0.08em;
text-transform: uppercase;
margin: 0 0 28px;
}
.absolu-totals-table {
width: 100%;
border-collapse: collapse;
border: none;
}
.absolu-totals-table th,
.absolu-totals-table td {
font-family: var(--absolu-font-body);
font-size: 0.875rem;
padding: 14px 0;
border-top: none;
border-bottom: 1px solid var(--absolu-border);
}
.absolu-totals-table th {
font-weight: 400;
color: var(--absolu-text-light);
text-align: left;
width: 40%;
}
.absolu-totals-table td {
text-align: right;
font-weight: 500;
color: var(--absolu-text);
}
.absolu-totals-total th,
.absolu-totals-total td {
font-family: var(--absolu-font);
font-weight: 600;
font-size: 1.125rem;
color: var(--absolu-text);
border-bottom: none;
padding-top: 20px;
} .absolu-totals-table .woocommerce-shipping-totals td {
text-align: right;
}
.absolu-totals-table .woocommerce-shipping-totals ul {
list-style: none;
padding: 0;
margin: 0;
}
.absolu-totals-table .woocommerce-shipping-totals li {
font-size: 0.8125rem;
padding: 4px 0;
}
.absolu-totals-table .woocommerce-shipping-totals label {
font-weight: 400;
font-size: 0.8125rem;
} .absolu-cart-checkout .wc-proceed-to-checkout a,
.absolu-cart-checkout .checkout-button {
display: block;
position: relative;
overflow: hidden;
width: 100%;
text-align: center;
padding: 16px;
margin-top: 24px;
font-family: var(--absolu-font);
font-size: 13px;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--absolu-white);
background: var(--absolu-primary);
border: none;
cursor: pointer;
text-decoration: none;
transition: color 0.35s ease;
z-index: 0;
}
.absolu-cart-checkout .wc-proceed-to-checkout a::before,
.absolu-cart-checkout .checkout-button::before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 100%;
background: var(--absolu-secondary);
transform: translateY(100%);
transition: transform 0.35s ease;
z-index: -1;
}
.absolu-cart-checkout .wc-proceed-to-checkout a:hover::before,
.absolu-cart-checkout .checkout-button:hover::before {
transform: translateY(0);
} .woocommerce .return-to-shop a,
.woocommerce .wc-backward {
display: inline-block;
} .absolu-page--cart .woocommerce-notices-wrapper {
grid-column: 1 / -1;
}
.absolu-page--cart .woocommerce-notices-wrapper:empty {
display: none;
} .absolu-page--cart .wc-empty-cart-message {
grid-column: 1 / -1;
}
.absolu-page--cart .wc-empty-cart-message+.absolu-empty-state {
grid-column: 1 / -1;
}
.absolu-page--cart .absolu-empty-state {
grid-column: 1 / -1;
} .absolu-page--cart .wc-empty-cart-message .cart-empty {
display: none;
}  .absolu-page--checkout,
.absolu-page--checkout.absolu-page {
padding: 0;
}
.absolu-page--checkout .absolu-breadcrumbs,
.absolu-page--checkout .absolu-page-header {
display: none;
} .absolu-checkout-container {
max-width: 1320px;
margin: 0 auto;
padding: 50px var(--absolu-gap);
} .absolu-checkout-wrap {
width: 100%;
} .absolu-checkout-wrap .woocommerce-form-coupon-toggle {
display: none;
} .absolu-checkout-wrap .woocommerce-form-login-toggle {
display: block;
margin: 0 0 24px;
padding: 14px 18px;
background: var(--absolu-bg-light, #f8f8f8);
border: 1px solid var(--absolu-border, #e8e8e8);
font-family: var(--absolu-font-body, "Poppins", sans-serif);
font-size: 13px;
color: var(--absolu-text, #2C2D33);
}
.absolu-checkout-wrap .woocommerce-form-login-toggle .woocommerce-info {
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
color: inherit !important;
font-size: 13px;
list-style: none;
}
.absolu-checkout-wrap .woocommerce-form-login-toggle .woocommerce-info::before {
display: none !important;
}
.absolu-checkout-wrap .woocommerce-form-login-toggle .showlogin {
display: inline-block;
margin-left: 4px;
color: var(--absolu-primary, #D50A31);
font-weight: 500;
text-decoration: none;
letter-spacing: .02em;
}
.absolu-checkout-wrap .woocommerce-form-login-toggle .showlogin:hover {
text-decoration: underline;
} .absolu-checkout-wrap form.woocommerce-form-login {
margin: 0 0 24px;
padding: 22px 22px 18px;
background: #fff;
border: 1px solid var(--absolu-border, #e8e8e8);
border-radius: 0;
}
.absolu-checkout-wrap form.woocommerce-form-login > p:first-of-type {
margin-top: 0;
color: var(--absolu-text-light, #54595F);
font-size: 13px;
line-height: 1.6;
}
.absolu-checkout-wrap form.woocommerce-form-login .form-row {
width: 100%;
margin: 0 0 14px;
padding: 0;
}
.absolu-checkout-wrap form.woocommerce-form-login .form-row label {
display: block;
margin-bottom: 6px;
font-size: 11px;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--absolu-text, #2C2D33);
font-weight: 500;
}
.absolu-checkout-wrap form.woocommerce-form-login .form-row label .required {
color: var(--absolu-primary, #D50A31);
}
.absolu-checkout-wrap form.woocommerce-form-login .form-row input.input-text,
.absolu-checkout-wrap form.woocommerce-form-login .form-row input[type="text"],
.absolu-checkout-wrap form.woocommerce-form-login .form-row input[type="password"] {
width: 100%;
height: 46px;
padding: 0 14px;
border: 1px solid var(--absolu-border, #e8e8e8);
background: #fff;
font-family: var(--absolu-font-body, "Poppins", sans-serif);
font-size: 14px;
color: var(--absolu-text, #2C2D33);
border-radius: 0;
box-sizing: border-box;
}
.absolu-checkout-wrap form.woocommerce-form-login .form-row input.input-text:focus,
.absolu-checkout-wrap form.woocommerce-form-login .form-row input[type="password"]:focus {
outline: none;
border-color: var(--absolu-primary, #D50A31);
}
.absolu-checkout-wrap form.woocommerce-form-login .form-row--last,
.absolu-checkout-wrap form.woocommerce-form-login .form-row.last {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 14px;
margin-top: 6px;
}
.absolu-checkout-wrap form.woocommerce-form-login button.woocommerce-button,
.absolu-checkout-wrap form.woocommerce-form-login button[name="login"] {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 26px;
font-family: var(--absolu-font-body, "Poppins", sans-serif);
font-size: 12px;
font-weight: 500;
letter-spacing: .1em;
text-transform: uppercase;
color: #fff;
background: var(--absolu-primary, #D50A31);
border: 1px solid var(--absolu-primary, #D50A31);
border-radius: 0;
cursor: pointer;
line-height: 1;
transition: background .2s ease, border-color .2s ease;
}
.absolu-checkout-wrap form.woocommerce-form-login button.woocommerce-button:hover,
.absolu-checkout-wrap form.woocommerce-form-login button[name="login"]:hover {
background: var(--absolu-secondary);
border-color: var(--absolu-secondary);
}
.absolu-checkout-wrap form.woocommerce-form-login label.woocommerce-form-login__rememberme,
.absolu-checkout-wrap form.woocommerce-form-login label.woocommerce-form__label-for-checkbox {
display: inline-flex;
align-items: center;
gap: 8px;
margin: 0;
font-size: 12px;
letter-spacing: 0;
text-transform: none;
color: var(--absolu-text-light, #54595F);
cursor: pointer;
font-weight: 400;
}
.absolu-checkout-wrap form.woocommerce-form-login .lost_password {
margin: 12px 0 0;
font-size: 12px;
}
.absolu-checkout-wrap form.woocommerce-form-login .lost_password a {
color: var(--absolu-text, #2C2D33);
text-decoration: none;
border-bottom: 1px solid var(--absolu-border, #e8e8e8);
padding-bottom: 1px;
}
.absolu-checkout-wrap form.woocommerce-form-login .lost_password a:hover {
color: var(--absolu-primary, #D50A31);
border-color: var(--absolu-primary, #D50A31);
}
@media (max-width: 480px) {
.absolu-checkout-wrap form.woocommerce-form-login { padding: 18px 16px; }
.absolu-checkout-wrap form.woocommerce-form-login .form-row--last,
.absolu-checkout-wrap form.woocommerce-form-login .form-row.last { flex-direction: column; align-items: stretch; }
.absolu-checkout-wrap form.woocommerce-form-login button.woocommerce-button,
.absolu-checkout-wrap form.woocommerce-form-login button[name="login"] { width: 100%; }
} .absolu-checkout-wrap .woocommerce-NoticeGroup {
margin-bottom: 24px;
}
.absolu-checkout-wrap .woocommerce-error,
.absolu-checkout-wrap .woocommerce-message {
font-family: var(--absolu-font-body);
font-size: 0.8125rem;
padding: 14px 20px;
border: none;
background: var(--absolu-bg-light);
color: var(--absolu-text);
list-style: none;
}
.absolu-checkout-wrap .woocommerce-error::before,
.absolu-checkout-wrap .woocommerce-message::before {
display: none;
} .absolu-checkout-secure svg {
color: #2e7d32;
} .absolu-checkout-grid {
display: grid;
grid-template-columns: 1fr 520px;
gap: 80px;
align-items: start;
} .absolu-checkout-fields {
min-width: 0;
padding-top: 8px;
} .absolu-checkout-section h3 {
font-family: var(--absolu-font);
font-size: 0.8125rem;
letter-spacing: 0.1em;
text-transform: uppercase;
margin: 0 0 32px;
padding-bottom: 14px;
border-bottom: 1px solid var(--absolu-border);
color: var(--absolu-text);
} .absolu-checkout .woocommerce-billing-fields__field-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px 24px;
}
.absolu-checkout p:not(.absolu-checkout-legal),
.absolu-checkout .form-row {
margin: 0;
padding: 0;
} .absolu-checkout .checkout-inline-error-message {
font-size: 0.625rem;
color: var(--absolu-primary);
margin-top: 4px;
font-weight: 400;
}
.absolu-checkout .form-row-wide {
grid-column: 1 / -1;
}
.absolu-checkout .form-row-first {
grid-column: 1;
}
.absolu-checkout .form-row-last {
grid-column: 2;
} .absolu-checkout .woocommerce-billing-fields label,
.absolu-checkout .woocommerce-additional-fields label {
font-family: var(--absolu-font-body);
font-size: 0.6875rem;
font-weight: 500;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--absolu-text-light);
display: block;
margin-bottom: 8px;
}
.absolu-checkout label .required {
color: var(--absolu-primary);
} .absolu-checkout .input-text,
.absolu-checkout select {
width: 100%;
padding: 14px 16px;
border: 1px solid var(--absolu-border);
font-family: var(--absolu-font-body);
font-size: 0.875rem;
color: var(--absolu-text);
background: var(--absolu-white);
border-radius: 0;
transition: border-color 0.25s ease, box-shadow 0.25s ease;
-webkit-appearance: none;
}
.absolu-checkout .input-text:focus,
.absolu-checkout select:focus {
border-color: var(--absolu-text);
box-shadow: none;
outline: none;
}
.absolu-checkout .input-text::placeholder {
color: var(--absolu-strike);
font-weight: 300;
}  .absolu-checkout .select2-container,
.absolu-checkout .select2-container *,
.absolu-account-content .select2-container,
.absolu-account-content .select2-container * {
box-sizing: border-box;
} .absolu-checkout .select2-container--default .select2-selection--single,
.absolu-account-content .select2-container--default .select2-selection--single {
height: 50px;
border: 1px solid var(--absolu-border);
border-radius: 0;
background: var(--absolu-white);
outline: none;
transition: border-color 0.2s ease;
}
.absolu-checkout .select2-container--default.select2-container--open .select2-selection--single,
.absolu-checkout .select2-container--default.select2-container--focus .select2-selection--single,
.absolu-account-content .select2-container--default.select2-container--open .select2-selection--single,
.absolu-account-content .select2-container--default.select2-container--focus .select2-selection--single {
border-color: var(--absolu-text);
box-shadow: none;
} .absolu-checkout .select2-container--default .select2-selection--single .select2-selection__rendered,
.absolu-account-content .select2-container--default .select2-selection--single .select2-selection__rendered {
font-family: var(--absolu-font-body);
font-size: 0.875rem;
color: var(--absolu-text);
line-height: 50px;
padding: 0 36px 0 16px;
} .absolu-checkout .select2-container--default .select2-selection--single .select2-selection__arrow,
.absolu-account-content .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 50px;
width: 36px;
right: 0;
top: 0;
display: flex;
align-items: center;
justify-content: center;
}
.absolu-checkout .select2-container--default .select2-selection--single .select2-selection__arrow b,
.absolu-account-content .select2-container--default .select2-selection--single .select2-selection__arrow b {
border: none;
width: 8px;
height: 8px;
border-right: 1.5px solid var(--absolu-text-light);
border-bottom: 1.5px solid var(--absolu-text-light);
transform: rotate(45deg);
margin-top: -4px;
position: static;
left: auto;
top: auto;
}
.absolu-checkout .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.absolu-account-content .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
transform: rotate(-135deg);
margin-top: 2px;
} .select2-container--default .select2-dropdown {
border: 1px solid var(--absolu-border);
border-top: none;
border-radius: 0;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
background: var(--absolu-white);
z-index: 999999;
} .select2-container--default .select2-search--dropdown {
padding: 10px 12px;
border-bottom: 1px solid var(--absolu-border);
}
.select2-container--default .select2-search--dropdown .select2-search__field {
width: 100%;
border: none;
border-bottom: 1px solid var(--absolu-border);
border-radius: 0;
padding: 6px 0;
font-family: var(--absolu-font-body);
font-size: 0.8125rem;
color: var(--absolu-text);
outline: none;
background: transparent;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
border-bottom-color: var(--absolu-text);
outline: none;
box-shadow: none;
} .select2-container--default .select2-results>.select2-results__options {
max-height: 200px;
padding: 4px 0;
overflow-y: auto;
} .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
width: 3px;
}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
background: transparent;
}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
background: var(--absolu-border);
} .select2-container--default .select2-results__option {
font-family: var(--absolu-font-body);
font-size: 0.8125rem;
font-weight: 400;
color: var(--absolu-text);
padding: 7px 12px;
background: transparent;
transition: color 0.15s ease;
cursor: pointer;
outline: none;
} .select2-container--default .select2-results__option--highlighted,
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
background: transparent;
color: var(--absolu-primary);
} .select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option[data-selected="true"] {
background: transparent;
background-color: transparent;
color: var(--absolu-primary);
} .select2-container--default .select2-results__message {
font-family: var(--absolu-font-body);
font-size: 0.8125rem;
color: var(--absolu-text-light);
padding: 10px 12px;
} #stripe-developer-tools-assistant,
.stripe-developer-tools-assistant {
display: none;
} .absolu-checkout #billing_address_2_field {
margin-top: -8px;
} .absolu-checkout-sidebar {
position: sticky;
top: 100px;
}
.absolu-checkout-order {
background: var(--absolu-bg-light);
padding: 36px;
}
.absolu-checkout-order>h3 {
font-family: var(--absolu-font);
font-size: 0.8125rem;
letter-spacing: 0.1em;
text-transform: uppercase;
margin: 0 0 24px;
padding: 0;
border: none;
color: var(--absolu-text);
display: flex;
align-items: center;
justify-content: space-between;
}
.absolu-checkout-count {
font-family: var(--absolu-font-body);
font-size: 0.75rem;
font-weight: 400;
letter-spacing: 0;
text-transform: none;
color: var(--absolu-text-light);
} .absolu-checkout-order .woocommerce-checkout-review-order-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 0;
} .absolu-checkout-order .woocommerce-checkout-review-order-table thead {
display: none;
} .absolu-checkout-order .woocommerce-checkout-review-order-table th,
.absolu-checkout-order .woocommerce-checkout-review-order-table td {
font-family: var(--absolu-font-body);
font-size: 0.875rem;
padding: 14px 0;
border-bottom: 1px solid var(--absolu-border);
border-top: none;
vertical-align: top;
} .absolu-checkout-order .cart_item .product-name {
text-align: left;
color: var(--absolu-text);
font-weight: 400;
line-height: 1.5;
padding-right: 32px;
}
.absolu-checkout-order .cart_item .product-name .product-quantity {
font-weight: 400;
color: var(--absolu-text);
font-size: 0.6875rem;
margin-left: 2px;
}
.absolu-checkout-order .cart_item .product-total {
text-align: right;
white-space: nowrap;
font-weight: 500;
color: var(--absolu-text);
padding-left: 8px;
} .absolu-checkout-order .cart-subtotal th,
.absolu-checkout-order .cart-subtotal td {
border: none;
padding: 20px 0 6px;
}
.absolu-checkout-order .cart-subtotal th {
text-align: left;
font-weight: 400;
color: var(--absolu-text-light);
font-size: 0.8125rem;
}
.absolu-checkout-order .cart-subtotal td {
text-align: right;
font-weight: 500;
color: var(--absolu-text);
} .absolu-checkout-order .woocommerce-shipping-totals {
display: none;
} .absolu-shipping-standalone td {
border: none;
padding: 6px 0;
}
.absolu-shipping-flex {
display: flex;
justify-content: space-between;
align-items: baseline;
font-family: var(--absolu-font-body);
font-size: 0.8125rem;
}
.absolu-shipping-flex__label {
color: var(--absolu-text-light);
flex-shrink: 0;
}
.absolu-shipping-flex__value {
text-align: right;
color: var(--absolu-text);
}
.absolu-shipping-flex__value ul {
list-style: none;
padding: 0;
margin: 0;
}
.absolu-shipping-flex__value li {
display: inline;
}
.absolu-shipping-flex__value label {
font-family: var(--absolu-font-body);
font-size: 0.75rem;
font-weight: 400;
color: var(--absolu-text-light);
text-transform: none;
letter-spacing: 0;
}
.absolu-shipping-flex__value li:only-child input[type="radio"] {
display: none;
}
.absolu-shipping-flex__value .woocommerce-Price-amount {
font-size: 0.8125rem;
font-weight: 500;
color: var(--absolu-text);
}
.absolu-shipping-flex__value p {
font-size: 0.75rem;
color: #999;
margin: 0;
} .absolu-checkout-order .order-total th,
.absolu-checkout-order .order-total td {
font-family: var(--absolu-font);
font-weight: 700;
font-size: 1.125rem;
letter-spacing: 0.04em;
color: var(--absolu-text);
border-top: 2px solid var(--absolu-text);
border-bottom: none;
padding: 20px 0 4px;
}
.absolu-checkout-order .order-total th {
text-align: left;
text-transform: uppercase;
}
.absolu-checkout-order .order-total td {
text-align: right;
} .absolu-checkout p.absolu-checkout-secure {
display: flex;
align-items: center;
gap: 6px;
font-family: var(--absolu-font);
font-size: 0.9rem;
text-transform: none;
letter-spacing: normal;
font-weight: 400;
color: var(--absolu-text-light);
margin: 20px 0 0;
padding: 0;
}
.absolu-checkout-secure svg {
flex-shrink: 0;
} .absolu-checkout-order .wc_payment_methods {
list-style: none;
padding: 0;
margin: 20px 0 0;
display: flex;
flex-direction: column;
gap: 8px;
}
.absolu-checkout-order .wc_payment_method {
padding: 0;
border: 1px solid var(--absolu-border);
background: var(--absolu-white);
transition: border-color 0.2s ease;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.absolu-checkout-order .wc_payment_method:has(input[type="radio"]:checked) {
border-color: var(--absolu-text);
}
.absolu-checkout-order .wc_payment_method label {
font-family: var(--absolu-font-body);
font-size: 0.8125rem;
font-weight: 500;
color: var(--absolu-text);
display: flex;
align-items: center;
gap: 10px;
padding: 14px 16px;
cursor: pointer;
margin: 0;
}
.absolu-checkout-order .wc_payment_method label img {
max-height: 20px;
width: auto;
margin-left: auto;
}
.absolu-checkout-order .payment_box {
background: var(--absolu-bg-light);
padding: 12px 16px;
font-family: var(--absolu-font-body);
font-size: 0.75rem;
color: var(--absolu-text-light);
line-height: 1.6;
border-top: 1px solid var(--absolu-border);
margin: 0;
}
.absolu-checkout-order .payment_box::before {
display: none;
} .absolu-checkout-order .woocommerce-SavedPaymentMethods {
list-style: none;
padding: 0;
margin: 0;
}
.absolu-checkout-order .woocommerce-SavedPaymentMethods[data-count="0"] {
display: none;
}
.absolu-checkout-order .woocommerce-SavedPaymentMethods li {
display: flex;
align-items: center;
gap: 8px;
padding: 6px 0;
}
.absolu-checkout-order .woocommerce-SavedPaymentMethods label {
font-size: 0.75rem;
font-weight: 400;
} .absolu-checkout-order .wc_payment_method input[type="radio"],
.absolu-checkout-order .woocommerce-SavedPaymentMethods input[type="radio"] {
-webkit-appearance: none;
appearance: none;
width: 18px;
height: 18px;
min-width: 18px;
min-height: 18px;
border: 2px solid var(--absolu-border);
border-radius: 50%;
background: none;
position: relative;
cursor: pointer;
flex-shrink: 0;
margin: 0;
padding: 0;
transition: border-color 0.2s ease;
display: inline-block;
box-sizing: border-box;
}
.absolu-checkout-order .wc_payment_method input[type="radio"]::after,
.absolu-checkout-order .woocommerce-SavedPaymentMethods input[type="radio"]::after {
content: '';
position: absolute;
top: 3px;
left: 3px;
right: 3px;
bottom: 3px;
background: var(--absolu-text);
border-radius: 50%;
transform: scale(0);
transition: transform 0.15s ease;
}
.absolu-checkout-order .wc_payment_method input[type="radio"]:checked,
.absolu-checkout-order .woocommerce-SavedPaymentMethods input[type="radio"]:checked {
border-color: var(--absolu-text);
}
.absolu-checkout-order .wc_payment_method input[type="radio"]:checked::after,
.absolu-checkout-order .woocommerce-SavedPaymentMethods input[type="radio"]:checked::after {
transform: scale(1);
} .absolu-checkout-order .payment_box .woocommerce-SavedPaymentMethods-saveNew {
display: none;
} .absolu-checkout-order .payment_box .testmode-info,
.absolu-checkout-order .payment_box p[style*="color"] {
display: none;
} .absolu-checkout-order #place_order {
display: block;
width: 100%;
text-align: center;
padding: 22px 20px;
margin-top: 28px;
} .absolu-checkout-order .woocommerce-terms-and-conditions-wrapper,
.absolu-checkout-order .woocommerce-privacy-policy-text {
display: none;
} .absolu-checkout-legal {
font-family: var(--absolu-font-body);
font-size: 0.625rem;
color: var(--absolu-text-light);
text-align: center;
margin-top: 30px;
line-height: 1.6;
}
.absolu-checkout-legal a {
color: #888;
text-decoration: underline;
}
.absolu-checkout-legal a:hover {
color: var(--absolu-text);
} @keyframes absolu-checkout-fade-up {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.absolu-checkout-secure {
animation: none;
}
.absolu-checkout-section {
animation: absolu-checkout-fade-up 0.5s ease both;
animation-delay: 0.1s;
}
.absolu-checkout-order {
animation: absolu-checkout-fade-up 0.5s ease both;
animation-delay: 0.2s;
} @media (max-width: 1024px) {
.absolu-checkout-grid {
grid-template-columns: 1fr;
gap: 40px;
}
.absolu-checkout-sidebar {
position: static;
}
.absolu-checkout-container {
padding: 24px var(--absolu-gap);
}
}
@media (max-width: 600px) {
.absolu-checkout .woocommerce-billing-fields__field-wrapper {
grid-template-columns: 1fr;
}
.absolu-checkout .form-row-first,
.absolu-checkout .form-row-last {
grid-column: 1;
}
.absolu-checkout-order {
padding: 24px;
}
}   .woocommerce-account.logged-in .absolu-archive-header {
text-align: left;
margin: 0;
}
.woocommerce-account:not(.logged-in) .absolu-archive-header {
padding: 8px 0 24px;
} .absolu-account-layout {
display: grid;
grid-template-columns: 220px 1fr;
gap: 0;
align-items: start;
} .absolu-account-nav {
padding-right: 32px;
}
.absolu-account-nav .woocommerce-MyAccount-navigation ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 6px;
}
.absolu-account-nav .woocommerce-MyAccount-navigation-link--downloads {
display: none;
}
.absolu-account-nav .woocommerce-MyAccount-navigation-link--customer-logout {
margin-top: 16px;
padding-top: 22px;
border-top: 1px solid var(--absolu-border);
}
.absolu-account-nav .woocommerce-MyAccount-navigation li a {
display: flex;
align-items: center;
gap: 10px;
padding: 12px 18px;
font-family: var(--absolu-font);
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--absolu-text);
text-decoration: none;
background: none;
border: 1px solid var(--absolu-border);
transition: border-color 0.2s ease, color 0.2s ease;
}
.absolu-account-nav .woocommerce-MyAccount-navigation li a::before {
font-family: 'Phosphor-Light';
font-size: 18px;
font-weight: normal;
line-height: 1;
}
.absolu-account-nav .woocommerce-MyAccount-navigation-link--orders a::before {
content: '\e390';
}
.absolu-account-nav .woocommerce-MyAccount-navigation-link--edit-address a::before {
content: '\e316';
}
.absolu-account-nav .woocommerce-MyAccount-navigation-link--payment-methods a::before {
content: '\e1d2';
}
.absolu-account-nav .woocommerce-MyAccount-navigation-link--edit-account a::before {
content: '\e4c4';
}
.absolu-account-nav .woocommerce-MyAccount-navigation-link--customer-logout a::before {
content: '\e42a';
}
.absolu-account-nav .woocommerce-MyAccount-navigation li a:hover {
border-color: var(--absolu-primary);
color: var(--absolu-primary);
}
.absolu-account-nav .woocommerce-MyAccount-navigation li.is-active a,
.absolu-account-nav .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard.is-active a {
border-color: var(--absolu-primary);
color: var(--absolu-primary);
font-weight: 600;
} .absolu-account-content {
min-height: 300px;
padding-left: 48px;
}
.absolu-account-content mark {
background: none;
color: inherit;
} .absolu-dashboard__greeting {
font-family: var(--absolu-font);
font-size: 1rem;
font-weight: 400;
color: var(--absolu-text);
margin: 0 0 28px;
}
.absolu-dashboard__greeting strong {
font-weight: 600;
}
.absolu-dashboard__stats {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
margin-bottom: 40px;
}
.absolu-dashboard__stat {
border: 1px solid var(--absolu-border);
padding: 20px;
text-align: center;
}
.absolu-dashboard__stat-value {
display: block;
font-family: var(--absolu-font);
font-size: 1.25rem;
font-weight: 600;
color: var(--absolu-text);
margin-bottom: 4px;
}
.absolu-dashboard__stat-label {
font-family: var(--absolu-font);
font-size: 0.6875rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--absolu-text-light);
}
.absolu-dashboard__section-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
}
.absolu-dashboard__section-title {
font-family: var(--absolu-font);
font-size: 0.8rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--absolu-text);
margin: 0;
}
.absolu-dashboard__view-all {
font-family: var(--absolu-font);
font-size: 0.7rem;
font-weight: 500;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--absolu-text-light);
text-decoration: none;
transition: color 0.2s ease;
}
.absolu-dashboard__view-all:hover {
color: var(--absolu-primary);
} .absolu-view-order__stats {
margin-bottom: 32px;
}
.absolu-order-updates {
margin-bottom: 32px;
}
.absolu-order-notes {
list-style: none;
padding: 0;
margin: 16px 0 0;
}
.absolu-order-note {
padding: 12px 0;
border-bottom: 1px solid var(--absolu-border);
}
.absolu-order-note__date {
font-size: 0.75rem;
color: var(--absolu-text-light);
margin: 0 0 4px;
}
.absolu-order-note__content {
font-size: 0.85rem;
color: var(--absolu-text);
}
.absolu-dashboard__orders {
width: 100%;
border-collapse: collapse;
}
.absolu-dashboard__orders th {
font-family: var(--absolu-font);
font-size: 0.65rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--absolu-text);
padding: 0 16px 12px;
border-bottom: 1px solid var(--absolu-text);
text-align: left;
}
.absolu-dashboard__orders td {
font-family: var(--absolu-font-body);
font-size: 0.82rem;
padding: 14px 16px;
border-bottom: 1px solid var(--absolu-border);
color: var(--absolu-text-light);
}
.absolu-dashboard__orders td a {
color: var(--absolu-text);
text-decoration: none;
font-weight: 500;
}
.absolu-dashboard__orders td a:hover {
color: var(--absolu-primary);
}
.absolu-dashboard__status {
font-weight: 500;
text-transform: capitalize;
}
.absolu-dashboard__orders .absolu-dashboard__status {
font-size: 0.7rem;
}
.absolu-dashboard__empty {
text-align: center;
padding: 60px 20px;
}
.absolu-dashboard__empty p {
font-size: 0.88rem;
color: var(--absolu-text-light);
margin-bottom: 20px;
}
.absolu-dashboard__shop-link {
font-family: var(--absolu-font);
font-size: 0.7rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--absolu-text);
text-decoration: none;
border: 1px solid var(--absolu-text);
padding: 10px 24px;
transition: background 0.2s ease, color 0.2s ease;
}
.absolu-dashboard__shop-link:hover {
background: var(--absolu-text);
color: var(--absolu-white);
} .absolu-empty-orders {
text-align: center;
padding: 60px 20px;
}
.absolu-empty-orders i {
font-size: 48px;
color: var(--absolu-border);
display: block;
margin-bottom: 20px;
}
.absolu-empty-orders h3 {
font-family: var(--absolu-font);
font-size: 1.1rem;
font-weight: 500;
color: var(--absolu-text);
margin: 0 0 12px;
}
.absolu-empty-orders p {
font-family: var(--absolu-font-body);
font-size: 0.85rem;
color: var(--absolu-text-light);
line-height: 1.7;
max-width: 400px;
margin: 0 auto 28px;
} .absolu-empty-orders__btn {
display: inline-block;
padding: 10px 24px;
}
a.absolu-empty-orders__btn {
text-decoration: none;
}
.absolu-account-content .woocommerce-Address-title {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 12px;
}
.absolu-account-content .woocommerce-Address-title h2 {
margin: 0;
font-size: 0.8rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.absolu-account-content .woocommerce-Address-title .edit {
font-family: var(--absolu-font);
font-size: 0.65rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--absolu-white);
text-decoration: none;
background: var(--absolu-primary);
border: none;
padding: 7px 14px;
transition: all 0.2s ease;
}
.absolu-account-content .woocommerce-Address-title .edit:hover {
background: var(--absolu-secondary);
color: var(--absolu-white);
}
.absolu-account-content address {
font-style: normal;
font-family: var(--absolu-font-body);
font-size: 0.85rem;
line-height: 1.8;
color: var(--absolu-text-light);
}
.absolu-account-content p {
font-size: 0.88rem;
line-height: 1.8;
color: var(--absolu-text-light);
}
.absolu-account-content p a {
color: var(--absolu-text);
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1px;
}
.absolu-account-content p a:hover {
color: var(--absolu-primary);
}
.absolu-account-content table {
width: 100%;
border-collapse: collapse;
}
.absolu-account-content table th,
.absolu-account-content table td {
font-family: var(--absolu-font-body);
font-size: 0.82rem;
padding: 14px 16px;
border-bottom: 1px solid var(--absolu-border);
text-align: left;
color: var(--absolu-text-light);
}
.absolu-account-content table th {
font-family: var(--absolu-font);
font-weight: 600;
font-size: 0.65rem;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--absolu-text);
padding-top: 0;
}
.absolu-account-content table td a {
font-family: var(--absolu-font);
font-size: 0.7rem;
font-weight: 500;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--absolu-text);
text-decoration: none;
}
.absolu-account-content table td a:hover {
color: var(--absolu-primary);
} .absolu-account-content .woocommerce-Button, .absolu-account-content .button,
.absolu-account-content button[type="submit"],
.woocommerce .absolu-account-content a.button,
.woocommerce .absolu-account-content button.button,
.woocommerce .absolu-account-content input.button,
.woocommerce .absolu-account-content .button {
padding: 10px 24px;
} .absolu-account-content .edit-account {
max-width: 520px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0 20px;
}
.absolu-account-content .edit-account .form-row {
margin: 0 0 20px;
padding: 0;
}
.absolu-account-content .edit-account .form-row-wide {
grid-column: 1 / -1;
}
.absolu-account-content .edit-account .form-row-first {
grid-column: 1;
}
.absolu-account-content .edit-account .form-row-last {
grid-column: 2;
}
.absolu-account-content .edit-account fieldset,
.absolu-account-content .edit-account .clear,
.absolu-account-content .edit-account>p:last-of-type {
grid-column: 1 / -1;
}
.absolu-account-content .edit-account label {
font-family: var(--absolu-font-body);
font-size: 0.6875rem;
font-weight: 500;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--absolu-text-light);
display: block;
margin-bottom: 8px;
}
.absolu-account-content .edit-account label .required {
color: var(--absolu-primary);
}
.absolu-account-content .edit-account .input-text {
width: 100%;
padding: 14px 16px;
border: 1px solid var(--absolu-border);
font-family: var(--absolu-font-body);
font-size: 0.875rem;
color: var(--absolu-text);
background: var(--absolu-white);
border-radius: 0;
transition: border-color 0.25s ease;
-webkit-appearance: none;
appearance: none;
box-sizing: border-box;
}
.absolu-account-content .edit-account .input-text:focus {
border-color: var(--absolu-text);
box-shadow: none;
outline: none;
}
.absolu-account-content .edit-account #account_display_name_description {
display: block;
font-size: 0.7rem;
color: var(--absolu-text-light);
margin-top: 6px;
}
.absolu-account-content .edit-account #account_display_name_description em {
font-style: normal;
}
.absolu-account-content .edit-account fieldset {
border: none;
padding: 0;
margin: 12px 0 20px;
}
.absolu-account-content .edit-account fieldset legend {
font-family: var(--absolu-font);
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--absolu-text);
padding: 16px 0;
margin: 0;
cursor: pointer;
}
.absolu-account-content .edit-account fieldset legend::after {
content: '';
display: inline-block;
width: 6px;
height: 6px;
border-right: 1.5px solid var(--absolu-text-light);
border-bottom: 1.5px solid var(--absolu-text-light);
transform: rotate(45deg);
margin-left: 8px;
vertical-align: middle;
transition: transform 0.2s ease;
}
.absolu-account-content .edit-account fieldset.is-open legend::after {
transform: rotate(-135deg);
}
.absolu-account-content .edit-account fieldset .form-row {
display: none;
}
.absolu-account-content .edit-account fieldset.is-open .form-row {
display: block;
}
.absolu-account-content .edit-account fieldset .form-row {
position: relative;
}
.absolu-account-content .edit-account .show-password-input {
position: absolute;
right: 14px;
bottom: 14px;
background: none;
border: none;
padding: 0;
cursor: pointer;
color: var(--absolu-text-light);
font-size: 0;
width: 20px;
height: 20px;
}
.absolu-account-content .edit-account .show-password-input::after {
font-family: 'Phosphor-Light';
font-size: 18px;
content: '\e220';
color: var(--absolu-text-light);
transition: color 0.2s ease;
}
.absolu-account-content .edit-account .show-password-input.display-password::after {
content: '\e224';
}
.absolu-account-content .edit-account .show-password-input:hover::after {
color: var(--absolu-text);
}
.absolu-account-content .edit-account .clear {
display: none;
} .absolu-account-content .woocommerce-address-fields .woocommerce-address-fields__field-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0 20px;
max-width: 520px;
}
.absolu-account-content .woocommerce-address-fields .form-row {
margin: 0 0 20px;
padding: 0;
}
.absolu-account-content .woocommerce-address-fields .form-row-wide {
grid-column: 1 / -1;
}
.absolu-account-content .woocommerce-address-fields .form-row-first {
grid-column: 1;
}
.absolu-account-content .woocommerce-address-fields .form-row-last {
grid-column: 2;
}
.absolu-account-content .woocommerce-address-fields label {
font-family: var(--absolu-font-body);
font-size: 0.6875rem;
font-weight: 500;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--absolu-text-light);
display: block;
margin-bottom: 8px;
}
.absolu-account-content .woocommerce-address-fields label .required {
color: var(--absolu-primary);
}
.absolu-account-content .woocommerce-address-fields .input-text,
.absolu-account-content .woocommerce-address-fields select {
width: 100%;
padding: 14px 16px;
border: 1px solid var(--absolu-border);
font-family: var(--absolu-font-body);
font-size: 0.875rem;
color: var(--absolu-text);
background: var(--absolu-white);
border-radius: 0;
-webkit-appearance: none;
appearance: none;
box-sizing: border-box;
transition: border-color 0.25s ease;
}
.absolu-account-content .woocommerce-address-fields .input-text:focus,
.absolu-account-content .woocommerce-address-fields select:focus {
border-color: var(--absolu-text);
outline: none;
box-shadow: none;
}
.absolu-account-content form>h2 {
display: none;
}
.absolu-account-content .woocommerce-address-fields .clear {
display: none;
} .absolu-account-content .wc_payment_methods,
.woocommerce-account .wc_payment_methods,
.woocommerce-account .wc_payment_methods li {
list-style: none;
padding: 0;
margin: 0;
}
.absolu-account-content .wc_payment_method,
.woocommerce-account .wc_payment_method {
padding: 0;
margin-bottom: 8px;
}
.absolu-account-content .wc_payment_method label,
.woocommerce-account .wc_payment_method label {
display: flex;
align-items: center;
gap: 8px;
font-family: var(--absolu-font-body);
font-size: 0.85rem;
color: var(--absolu-text);
cursor: pointer;
}
.absolu-account-content .wc_payment_method input[type="radio"],
.woocommerce-account .wc_payment_method input[type="radio"],
.woocommerce-account .wc_payment_method input.input-radio {
-webkit-appearance: none;
appearance: none;
width: 22px;
height: 22px;
min-width: 22px;
min-height: 22px;
border: 1px solid var(--absolu-text);
border-radius: 0;
background: none;
position: relative;
cursor: pointer;
flex-shrink: 0;
margin: 0;
padding: 0;
display: inline-block;
box-sizing: border-box;
transition: border 0.15s;
}
.absolu-account-content .wc_payment_method input[type="radio"]::after,
.woocommerce-account .wc_payment_method input[type="radio"]::after,
.woocommerce-account .wc_payment_method input.input-radio::after {
content: '';
position: absolute;
top: 3px;
left: 3px;
right: 3px;
bottom: 3px;
background: var(--absolu-primary);
border-radius: 0;
transform: scale(0);
transition: transform 0.2s ease;
}
.absolu-account-content .wc_payment_method input[type="radio"]:checked,
.woocommerce-account .wc_payment_method input[type="radio"]:checked,
.woocommerce-account .wc_payment_method input.input-radio:checked {
border-color: #999;
}
.absolu-account-content .wc_payment_method input[type="radio"]:checked::after,
.woocommerce-account .wc_payment_method input[type="radio"]:checked::after,
.woocommerce-account .wc_payment_method input.input-radio:checked::after {
transform: scale(1);
} #payment .wc_payment_methods,
#payment .woocommerce-PaymentMethods {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 8px;
}
#payment .wc_payment_method,
#payment .woocommerce-PaymentMethod {
border: 1px solid var(--absolu-border);
background: var(--absolu-white);
transition: border-color 0.2s ease;
display: flex;
flex-wrap: wrap;
align-items: center;
}
#payment .wc_payment_method:has(input:checked),
#payment .woocommerce-PaymentMethod:has(input:checked) {
border-color: var(--absolu-text);
}
#payment .wc_payment_method input[type="radio"],
#payment .wc_payment_method input.input-radio,
#payment .woocommerce-PaymentMethod input[type="radio"],
#payment .woocommerce-PaymentMethod input.input-radio {
-webkit-appearance: none;
appearance: none;
width: 18px;
height: 18px;
min-width: 18px;
min-height: 18px;
border: 2px solid var(--absolu-text);
border-radius: 50%;
background: none;
position: relative;
cursor: pointer;
flex-shrink: 0;
margin: 0 0 0 16px;
padding: 0;
display: inline-block;
box-sizing: border-box;
transition: border-color 0.2s ease;
}
#payment .wc_payment_method input[type="radio"]::after,
#payment .wc_payment_method input.input-radio::after,
#payment .woocommerce-PaymentMethod input[type="radio"]::after,
#payment .woocommerce-PaymentMethod input.input-radio::after {
content: '';
position: absolute;
top: 3px;
left: 3px;
right: 3px;
bottom: 3px;
background: var(--absolu-text);
border-radius: 50%;
transform: scale(0);
transition: transform 0.15s ease;
}
#payment .wc_payment_method input[type="radio"]:checked,
#payment .wc_payment_method input.input-radio:checked,
#payment .woocommerce-PaymentMethod input[type="radio"]:checked,
#payment .woocommerce-PaymentMethod input.input-radio:checked {
border-color: var(--absolu-text);
}
#payment .wc_payment_method input[type="radio"]:checked::after,
#payment .wc_payment_method input.input-radio:checked::after,
#payment .woocommerce-PaymentMethod input[type="radio"]:checked::after,
#payment .woocommerce-PaymentMethod input.input-radio:checked::after {
transform: scale(1);
}
#payment .wc_payment_method .payment_box,
#payment .woocommerce-PaymentMethod .payment_box {
flex-basis: 100%;
background: var(--absolu-bg-light);
border-top: 1px solid var(--absolu-border);
padding: 12px 16px;
font-family: var(--absolu-font-body);
font-size: 0.75rem;
color: var(--absolu-text-light);
line-height: 1.6;
}
#payment .wc_payment_method label,
#payment .woocommerce-PaymentMethod label {
padding: 14px 16px 14px 10px;
cursor: pointer;
display: flex;
align-items: center;
gap: 10px;
flex: 1;
min-width: 0;
font-family: var(--absolu-font-body);
font-size: 0.8125rem;
font-weight: 500;
color: var(--absolu-text);
margin: 0;
}
#payment .wc_payment_method label img,
#payment .woocommerce-PaymentMethod label img {
max-height: 20px;
width: auto;
margin-left: auto;
}
#payment #place_order {
margin-top: 20px;
}
.absolu-account-content a[href*="add-payment-method"] {
margin-top: 20px;
display: inline-block;
}
#payment .wc_payment_method label,
#payment .woocommerce-PaymentMethod label {
display: flex;
align-items: center;
gap: 8px;
font-family: var(--absolu-font-body);
font-size: 0.85rem;
color: var(--absolu-text);
cursor: pointer;
} .absolu-auth {
max-width: 440px;
margin: 0 auto;
} .absolu-auth-tabs {
display: flex;
gap: 0;
border-bottom: 1px solid var(--absolu-border);
margin-bottom: 32px;
}
.absolu-auth-tab {
font-family: var(--absolu-font);
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--absolu-text-light);
background: none;
border: none;
border-bottom: 2px solid transparent;
padding: 12px 24px;
cursor: pointer;
transition: color 0.2s ease, border-color 0.2s ease;
}
.absolu-auth-tab:hover {
color: var(--absolu-text);
}
.absolu-auth-tab.is-active {
color: var(--absolu-text);
border-bottom-color: var(--absolu-primary);
}
.absolu-auth-panel {
display: none;
opacity: 0;
transform: translateY(10px);
}
.absolu-auth-panel.is-active {
display: block;
}
.absolu-auth-panel.is-active.is-visible {
opacity: 1;
transform: translateY(0);
transition: opacity 0.3s ease, transform 0.3s ease;
}
.absolu-auth-heading {
font-family: var(--absolu-font);
font-size: 0.85rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--absolu-text);
margin: 0 0 8px;
}
.absolu-auth-desc {
font-family: var(--absolu-font-body);
font-size: 0.82rem;
color: var(--absolu-text-light);
line-height: 1.6;
margin: 0 0 28px;
}
.absolu-auth .form-row {
margin-bottom: 20px;
}
.absolu-auth label {
font-family: var(--absolu-font);
font-size: 0.65rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--absolu-text-light);
display: block;
margin-bottom: 8px;
}
.absolu-auth label .required {
color: var(--absolu-primary);
}
.absolu-auth .input-text {
width: 100%;
padding: 14px 16px;
border: 1px solid var(--absolu-border);
font-family: var(--absolu-font-body);
font-size: 0.875rem;
color: var(--absolu-text);
background: var(--absolu-white);
border-radius: 0;
-webkit-appearance: none;
appearance: none;
box-sizing: border-box;
transition: border-color 0.25s ease;
}
.absolu-auth .input-text:focus {
border-color: var(--absolu-text);
outline: none;
box-shadow: none;
}
.absolu-auth .woocommerce-form-login__rememberme {
font-family: var(--absolu-font-body);
font-size: 0.8rem;
font-weight: 400;
text-transform: none;
letter-spacing: 0;
color: var(--absolu-text-light);
display: flex;
align-items: center;
gap: 10px;
cursor: pointer;
}
.absolu-auth .woocommerce-form-login__rememberme input[type="checkbox"] {
-webkit-appearance: none;
appearance: none;
width: 22px;
height: 22px;
min-width: 22px;
border: 1px solid var(--absolu-input-active);
border-radius: 0;
background: none;
position: relative;
cursor: pointer;
margin: 0;
padding: 0;
transition: border 0.15s;
}
.absolu-auth .woocommerce-form-login__rememberme input[type="checkbox"]::after {
content: '';
position: absolute;
top: 3px;
left: 3px;
right: 3px;
bottom: 3px;
background: var(--absolu-primary);
transform: scale(0);
transition: transform 0.2s ease;
}
.absolu-auth .woocommerce-form-login__rememberme input[type="checkbox"]:checked {
border-color: #999;
}
.absolu-auth .woocommerce-form-login__rememberme input[type="checkbox"]:checked::after {
transform: scale(1);
} .absolu-auth .woocommerce-Button {
width: 100%;
margin-top: 8px;
padding: 14px 24px;
font-family: var(--absolu-font);
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
background: var(--absolu-text);
color: var(--absolu-white);
border: none;
border-radius: 0;
cursor: pointer;
transition: background 0.2s ease;
}
.absolu-auth .woocommerce-Button:hover {
background: var(--absolu-primary);
}
.absolu-auth-lost {
margin-top: 20px;
text-align: center;
}
.absolu-auth-lost a {
font-family: var(--absolu-font-body);
font-size: 0.8rem;
color: var(--absolu-text-light);
text-decoration: none;
}
.absolu-auth-lost a:hover {
color: var(--absolu-primary);
}
.absolu-account-auth {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
max-width: 820px;
margin: 0 auto;
}
.absolu-auth-card {
padding: 52px 48px;
background: var(--absolu-white);
}
.absolu-auth-card:first-child {
border-right: 1px solid var(--absolu-border);
}
.absolu-auth-card h2 {
font-family: var(--absolu-font);
font-size: 1.15rem;
font-weight: 400;
color: var(--absolu-text);
margin: 0 0 8px;
letter-spacing: -0.01em;
}
.absolu-auth-subtitle {
font-family: var(--absolu-font-body);
font-size: 0.82rem;
color: var(--absolu-text-light);
margin: 0 0 36px;
line-height: 1.6;
}
.absolu-auth-card .woocommerce-form label {
font-family: var(--absolu-font);
font-size: 0.62rem;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--absolu-text-light);
display: block;
margin-bottom: 0;
}
.absolu-auth-card .woocommerce-form input[type="text"],
.absolu-auth-card .woocommerce-form input[type="email"],
.absolu-auth-card .woocommerce-form input[type="password"] {
width: 100%;
padding: 10px 0;
border: none;
border-bottom: 1px solid var(--absolu-border);
border-radius: 0;
font-family: var(--absolu-font-body);
font-size: 0.88rem;
color: var(--absolu-text);
background: transparent;
outline: none;
transition: border-color 0.2s ease;
}
.absolu-auth-card .woocommerce-form input[type="text"]:focus,
.absolu-auth-card .woocommerce-form input[type="email"]:focus,
.absolu-auth-card .woocommerce-form input[type="password"]:focus {
border-bottom-color: var(--absolu-text);
}
.absolu-auth-card .woocommerce-form .form-row {
margin-bottom: 24px;
} .absolu-auth-card .woocommerce-form button[type="submit"] {
width: 100%;
margin-top: 12px;
padding: 14px 24px;
background: var(--absolu-text);
color: var(--absolu-white);
border: none;
font-family: var(--absolu-font);
font-size: 0.68rem;
font-weight: 500;
letter-spacing: 0.15em;
text-transform: uppercase;
cursor: pointer;
transition: background 0.2s ease;
}
.absolu-auth-card .woocommerce-form button[type="submit"]:hover {
background: var(--absolu-primary);
} .absolu-auth-card .woocommerce-form-login__rememberme {
font-family: var(--absolu-font-body);
font-size: 0.78rem;
color: var(--absolu-text-light);
display: flex;
align-items: center;
gap: 6px;
margin-top: 4px;
}
.absolu-auth-card .woocommerce-LostPassword {
margin-top: 20px;
}
.absolu-auth-card .woocommerce-LostPassword a {
font-family: var(--absolu-font-body);
font-size: 0.78rem;
color: var(--absolu-text-light);
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1px;
transition: color 0.2s ease;
}
.absolu-auth-card .woocommerce-LostPassword a:hover {
color: var(--absolu-primary);
} .woocommerce-form-login .form-row,
.woocommerce-form-register .form-row,
.woocommerce-ResetPassword .form-row {
margin-bottom: 20px;
}
.woocommerce-form-login label,
.woocommerce-form-register label,
.woocommerce-ResetPassword label {
font-family: var(--absolu-font);
font-size: 0.65rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--absolu-text-light);
display: block;
margin-bottom: 8px;
}
.woocommerce-form-login input[type="text"],
.woocommerce-form-login input[type="email"],
.woocommerce-form-login input[type="password"],
.woocommerce-form-register input[type="text"],
.woocommerce-form-register input[type="email"],
.woocommerce-form-register input[type="password"],
.woocommerce-ResetPassword input[type="text"],
.woocommerce-ResetPassword input[type="email"] {
width: 100%;
padding: 14px 16px;
border: 1px solid var(--absolu-border);
font-family: var(--absolu-font-body);
font-size: 0.875rem;
color: var(--absolu-text);
background: var(--absolu-white);
border-radius: 0;
-webkit-appearance: none;
appearance: none;
box-sizing: border-box;
transition: border-color 0.25s ease;
}
.woocommerce-form-login input:focus,
.woocommerce-form-register input:focus,
.woocommerce-ResetPassword input:focus {
border-color: var(--absolu-text);
outline: none;
box-shadow: none;
}
.woocommerce-form-login .show-password-input {
position: relative;
top: -34px;
float: right;
margin-right: 14px;
background: none;
border: none;
cursor: pointer;
font-size: 0;
width: 20px;
height: 20px;
}
.woocommerce-form-login .show-password-input::after {
font-family: 'Phosphor-Light';
font-size: 18px;
content: '\e220';
color: var(--absolu-text-light);
}
.woocommerce-form-login .show-password-input.display-password::after {
content: '\e224';
}
.woocommerce-form-login .woocommerce-form-login__rememberme {
font-family: var(--absolu-font-body);
font-size: 0.8rem;
color: var(--absolu-text-light);
display: flex;
align-items: center;
gap: 8px;
} .woocommerce-error,
.woocommerce-message,
.woocommerce-info {
font-family: var(--absolu-font-body);
font-size: 0.875rem;
padding: 16px 20px;
margin-bottom: 24px;
list-style: none;
border: none;
outline: none;
}
.woocommerce-message {
background: #f0f9f2;
color: var(--absolu-success);
}
.woocommerce-error {
background: #fdf2f2;
color: var(--absolu-error);
}
.woocommerce-info {
background: var(--absolu-bg-light);
color: var(--absolu-text);
}
li.woocommerce-error,
li.woocommerce-message,
li.woocommerce-info {
margin-bottom: 0;
} @media (max-width: 1024px) {
.absolu-product-grid--shop {
grid-template-columns: repeat(4, 1fr);
}
.absolu-product-grid--related {
grid-template-columns: repeat(3, 1fr);
}
.absolu-sp-layout {
gap: 32px;
}
.absolu-sp-gallery {
position: static;
grid-template-columns: 1fr;
}
.absolu-sp-gallery__thumbs {
flex-direction: row;
justify-content: center;
overflow-x: auto;
overflow-y: visible;
max-height: none;
order: 2;
}
.absolu-sp-gallery__main {
order: 1;
}
.absolu-sp-trust {
flex-wrap: wrap;
gap: 12px;
}
.absolu-checkout-grid {
grid-template-columns: 1fr;
gap: 40px;
}
.absolu-checkout-sidebar {
position: static;
}
.absolu-account-layout {
grid-template-columns: 180px 1fr;
}
.absolu-account-nav {
padding-right: 32px;
}
.absolu-account-content {
padding-left: 32px;
}
}
@media (max-width: 768px) {
.absolu-page {
padding: 16px 0 50px;
}
.absolu-page-title {
font-size: 1.75rem;
text-align: center;
}
.absolu-archive-header {
padding: 4px 0 24px;
}
.absolu-archive-header__title {
font-size: 24px;
}
.absolu-sp-layout {
grid-template-columns: 1fr;
gap: 24px;
flex-direction: column
}
.absolu-sp-gallery {
position: static;
grid-template-columns: 1fr;
flex-direction: column-reverse
}
.absolu-sp-gallery__thumbs {
flex-direction: row;
justify-content: center;
width: 100%;
overflow-x: auto;
overflow-y: visible;
max-height: none;
order: 2;
}
.absolu-sp-gallery__main {
order: 1;
}
.absolu-sp-gallery__img {
aspect-ratio: 1 / 1;
}
.absolu-sp-trust {
flex-direction: column;
align-items: center;
gap: 10px;
}
.absolu-sp-actions {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}
.absolu-sp-form {
display: contents;
}
.absolu-sp-qty {
order: 1;
width: fit-content;
}
.absolu-sp-wishlist {
order: 2;
width: 52px;
height: 52px;
}
.absolu-sp-atc {
order: 3;
width: 100%;
height: 52px;
justify-content: center;
margin-top: 2px;
}
.absolu-product-grid--shop,
.absolu-product-grid--related {
grid-template-columns: repeat(2, 1fr);
gap: 16px;
} .absolu-page--cart .woocommerce {
grid-template-columns: 1fr;
gap: 32px;
}
.absolu-cart-table thead {
display: none;
}
.absolu-cart-table tbody .absolu-cart-item {
display: grid;
grid-template-columns: 80px 1fr;
gap: 4px 16px;
padding: 20px 0;
border-bottom: 1px solid var(--absolu-border);
position: relative;
}
.absolu-cart-item td {
padding: 2px 0;
border: none;
}
.absolu-cart-item__img {
grid-row: 1 / 5;
width: auto;
padding: 0;
}
.absolu-cart-item__img img {
width: 80px;
height: 80px;
}
.absolu-cart-item__name {
grid-column: 2;
padding-right: 32px;
}
.absolu-cart-item__price {
grid-column: 2;
font-size: 0.8125rem;
}
.absolu-cart-item__qty {
grid-column: 2;
text-align: left;
}
.absolu-cart-item__total {
display: none;
}
.absolu-cart-item__remove {
position: absolute;
top: 20px;
right: 0;
width: auto;
}
.absolu-cart-actions {
flex-wrap: wrap;
justify-content: center;
}
.absolu-cart-totals {
padding: 28px 20px;
position: static;
} .absolu-checkout-grid {
grid-template-columns: 1fr;
gap: 32px;
}
.absolu-checkout-sidebar {
position: static;
}
.absolu-checkout-order {
padding: 28px 20px;
}
.absolu-checkout-section .woocommerce-billing-fields__field-wrapper,
.absolu-checkout-section .woocommerce-shipping-fields__field-wrapper,
.absolu-checkout-section .woocommerce-additional-fields__field-wrapper {
grid-template-columns: 1fr;
}
.absolu-checkout-section .form-row-first,
.absolu-checkout-section .form-row-last {
grid-column: 1;
} .absolu-account-layout {
grid-template-columns: 1fr;
}
.absolu-account-nav {
border-right: none;
border-bottom: 1px solid var(--absolu-border);
padding-right: 0;
padding-bottom: 0;
margin-bottom: 32px;
overflow: hidden;
}
.absolu-account-nav .woocommerce-MyAccount-navigation ul {
display: flex;
flex-wrap: nowrap;
gap: 0;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
padding-bottom: 0;
}
.absolu-account-nav .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
display: none;
}
.absolu-account-nav .woocommerce-MyAccount-navigation li {
flex-shrink: 0;
}
.absolu-account-nav .woocommerce-MyAccount-navigation li a {
padding: 12px 16px;
font-size: 0.7rem;
border: none;
border-bottom: 2px solid transparent;
white-space: nowrap;
}
.absolu-account-nav .woocommerce-MyAccount-navigation li a:hover {
border-bottom-color: var(--absolu-text-light);
}
.absolu-account-nav .woocommerce-MyAccount-navigation li.is-active a {
border-bottom-color: var(--absolu-primary);
color: var(--absolu-primary);
}
.absolu-account-content {
padding-left: 0;
}
.absolu-account-nav .woocommerce-MyAccount-navigation-link--customer-logout {
margin-top: 0;
padding-top: 0;
border-top: none;
} .absolu-dashboard__stats {
grid-template-columns: 1fr;
gap: 12px;
}
.absolu-dashboard__stat {
padding: 16px;
display: flex;
justify-content: space-between;
align-items: center;
text-align: left;
}
.absolu-dashboard__stat-value {
font-size: 1rem;
margin-bottom: 0;
}
.absolu-dashboard__section-header {
flex-direction: row;
} .absolu-dashboard__orders thead {
display: none;
}
.absolu-dashboard__orders tr {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4px;
padding: 14px 0;
border-bottom: 1px solid var(--absolu-border);
}
.absolu-dashboard__orders td {
padding: 2px 0;
border: none;
} .absolu-account-content table {
font-size: 0.78rem;
}
.absolu-account-content table th,
.absolu-account-content table td {
padding: 10px 8px;
font-size: 0.75rem;
} .absolu-account-content .edit-account,
.absolu-account-content .woocommerce-address-fields .woocommerce-address-fields__field-wrapper {
grid-template-columns: 1fr;
max-width: 100%;
}
.absolu-account-content .edit-account .form-row-first,
.absolu-account-content .edit-account .form-row-last,
.absolu-account-content .woocommerce-address-fields .form-row-first,
.absolu-account-content .woocommerce-address-fields .form-row-last {
grid-column: 1;
} .absolu-account-content .woocommerce-Address-title {
flex-wrap: wrap;
gap: 8px;
} .absolu-auth {
max-width: 100%;
padding: 0;
}
.absolu-auth-tabs {
margin-bottom: 24px;
}
.absolu-auth-tab {
padding: 10px 16px;
font-size: 0.7rem;
}
.absolu-account-auth {
grid-template-columns: 1fr;
}
.absolu-auth-card:first-child {
border-right: none;
border-bottom: 1px solid var(--absolu-border);
}
.absolu-auth-card {
padding: 36px 24px;
} .absolu-account-content .absolu-dashboard__stats {
grid-template-columns: 1fr;
} .absolu-whatsapp-float {
bottom: 20px;
right: 20px;
width: 50px;
height: 50px;
transition: bottom 0.2s ease;
}
.absolu-whatsapp-float i {
font-size: 24px;
} .absolu-filters-mobile-trigger {
display: inline-flex;
align-items: center;
gap: 8px;
background: none;
border: 1px solid var(--absolu-border);
border-radius: 100px;
padding: 10px 20px;
font-family: var(--absolu-font);
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--absolu-text);
cursor: pointer;
transition: border-color 0.2s ease;
margin-bottom: 16px;
}
.absolu-filters-mobile-trigger:active {
border-color: var(--absolu-text);
}
.absolu-filters-mobile-trigger i {
font-size: 1.1rem;
}
.absolu-filters-mobile-overlay {
display: block;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.45);
z-index: 999;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
}
.absolu-filters-mobile-overlay.is-active {
opacity: 1;
pointer-events: auto;
}
.absolu-shop-filters.absolu-animate {
position: fixed;
top: 0;
left: 0;
width: 85%;
max-width: 340px;
height: 100dvh;
background: #fff;
z-index: 1000;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
padding: 0;
margin: 0;
gap: 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
transform: translateX(-100%);
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: none;
}
.absolu-shop-filters.is-open {
transform: translateX(0);
box-shadow: 4px 0 24px rgba(0, 0, 0, 0.12);
}
.absolu-filters-mobile-close {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background: none;
border: none;
border-radius: 0;
padding: 0;
margin: 16px 20px 8px auto;
flex-shrink: 0;
font-size: 26px;
color: var(--absolu-text);
cursor: pointer;
}
.absolu-filters-mobile-close i {
-webkit-text-stroke: 1px var(--absolu-text);
}
.absolu-filters {
flex-direction: column;
width: 100%;
gap: 0;
padding: 0;
}
.absolu-filter {
width: 100%;
}
.absolu-filter__btn {
width: 100%;
justify-content: space-between;
border: none;
border-radius: 0;
padding: 16px 24px;
background: transparent;
min-width: 0;
}
.absolu-filter__btn:hover,
.absolu-filter.is-open .absolu-filter__btn {
background: transparent;
border-color: transparent;
}
.absolu-filter__btn.is-active {
padding-right: 24px;
}
.absolu-filter__btn.is-active i {
display: block;
}
.absolu-filter__clear {
border-left: none;
margin: 0;
padding: 0 0 0 8px;
}
.absolu-filter__dropdown {
position: static;
display: block;
width: 100%;
max-width: 100%;
max-height: 0;
overflow: hidden;
border: none;
border-radius: 0;
padding: 0 24px;
box-shadow: none;
background: transparent;
transition: max-height 0.3s ease, padding-top 0.3s ease, padding-bottom 0.3s ease;
will-change: max-height;
}
.absolu-filter.is-open .absolu-filter__dropdown {
max-height: 500px;
padding-top: 12px;
padding-bottom: 16px;
}    .absolu-filter__options {
margin: 0;
}
.absolu-filter__check {
padding: 8px 0;
}
.absolu-filter__dropdown--scrollable .absolu-filter__options {
max-height: 240px;
}
.absolu-filter__search {
margin: 0 0 8px;
}
.absolu-filter__search-input {
width: 100%;
}
.absolu-filter__close {
display: none;
}
.absolu-filter--sort {
width: 100%;
}
.absolu-filter--sort .absolu-filter__btn {
padding: 16px 24px;
}
.absolu-filter--sort.is-open .absolu-filter__dropdown {
padding: 0 24px 16px;
}
.absolu-filter__dropdown--right {
left: 0;
right: auto;
}
.absolu-filters__reset {
margin: 20px 24px;
text-align: center;
border-bottom: none;
padding-bottom: 0;
}
.absolu-filter__btn {
font-size: 13px;
font-weight: 600;
letter-spacing: 0.08em;
}
.absolu-filter--sort {
order: 2;
}
.absolu-filters {
order: 3;
flex: none;
}
}
@media (max-width: 480px) {
.absolu-product-grid--shop {
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
.absolu-product-grid--related {
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
.absolu-sp-gallery__thumbs {
gap: 4px;
}
.absolu-sp-gallery__thumb {
width: 56px;
height: 56px;
} .absolu-account-nav .woocommerce-MyAccount-navigation li a {
padding: 10px 12px;
font-size: 0.65rem;
}
.absolu-account-nav .woocommerce-MyAccount-navigation li a::before {
font-size: 14px;
}
.absolu-account-content table {
display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.absolu-dashboard__greeting {
font-size: 0.88rem;
}
.absolu-checkout-order {
padding: 20px 16px;
}
.absolu-auth-tab {
padding: 10px 12px;
font-size: 0.65rem;
}
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute;
height: 1px;
width: 1px;
overflow: hidden;
}  .about-eyebrow {
display: block;
font-family: var(--absolu-font);
font-size: 0.65rem;
font-weight: 500;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--absolu-secondary);
margin-bottom: 16px;
} .about-hero {
padding: 140px 0 120px;
background: var(--absolu-white);
text-align: center;
border-bottom: 1px solid var(--absolu-border);
}
.about-hero__inner {
max-width: 720px;
margin: 0 auto;
}
.about-hero__eyebrow {
display: block;
font-family: var(--absolu-font);
font-size: 0.65rem;
font-weight: 500;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--absolu-secondary);
margin-bottom: 28px;
}
.about-hero__title {
font-family: var(--absolu-font);
font-size: clamp(2.5rem, 5vw, 3.75rem);
font-weight: 300;
color: var(--absolu-text);
line-height: 1.15;
letter-spacing: -0.015em;
margin: 0 0 32px;
}
.about-hero__rule {
width: 48px;
height: 1px;
background: var(--absolu-primary);
margin: 0 auto 32px;
}
.about-hero__text {
font-family: var(--absolu-font-body);
font-size: 1rem;
line-height: 1.9;
color: var(--absolu-text-light);
max-width: 540px;
margin: 0 auto;
} .about-story {
padding: 120px 0;
background: var(--absolu-white);
}
.about-story__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 100px;
align-items: start;
}
.about-story__left {
position: sticky;
top: 120px;
}
.about-story__title {
font-family: var(--absolu-font);
font-size: clamp(1.75rem, 3vw, 2.5rem);
font-weight: 300;
color: var(--absolu-text);
margin: 0;
line-height: 1.2;
letter-spacing: -0.01em;
}
.about-story__right p {
font-family: var(--absolu-font-body);
font-size: 0.92rem;
line-height: 1.95;
color: var(--absolu-text-light);
margin: 0 0 24px;
}
.about-story__right p:last-child {
margin-bottom: 0;
} .about-stats {
padding: 72px 0;
background: var(--absolu-white);
border-top: 1px solid var(--absolu-border);
border-bottom: 1px solid var(--absolu-border);
}
.about-stats__row {
display: grid;
grid-template-columns: repeat(4, 1fr);
text-align: center;
}
.about-stats__item {
padding: 16px 24px;
position: relative;
}
.about-stats__item+.about-stats__item::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 48px;
background: var(--absolu-border);
}
.about-stats__number {
display: block;
font-family: var(--absolu-font);
font-size: clamp(1.75rem, 3vw, 2.5rem);
font-weight: 300;
color: var(--absolu-primary);
letter-spacing: -0.02em;
line-height: 1;
margin-bottom: 10px;
}
.about-stats__label {
display: block;
font-family: var(--absolu-font-body);
font-size: 0.72rem;
font-weight: 400;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(--absolu-text-light);
} .about-values {
padding: 120px 0;
background: var(--absolu-white);
}
.about-values__header {
margin-bottom: 72px;
}
.about-values__title {
font-family: var(--absolu-font);
font-size: clamp(1.75rem, 3vw, 2.5rem);
font-weight: 300;
color: var(--absolu-text);
margin: 0;
line-height: 1.2;
letter-spacing: -0.01em;
}
.about-values__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0;
}
.about-values__card {
padding: 48px 40px;
border-left: 1px solid var(--absolu-border);
position: relative;
}
.about-values__card:first-child {
border-left: none;
padding-left: 0;
}
.about-values__card:last-child {
padding-right: 0;
}
.about-values__num {
display: block;
font-family: var(--absolu-font);
font-size: 0.7rem;
font-weight: 500;
letter-spacing: 0.1em;
color: var(--absolu-secondary);
margin-bottom: 24px;
}
.about-values__card-title {
font-family: var(--absolu-font);
font-size: 1.1rem;
font-weight: 500;
color: var(--absolu-text);
margin: 0 0 16px;
letter-spacing: -0.01em;
}
.about-values__card p {
font-family: var(--absolu-font-body);
font-size: 0.88rem;
line-height: 1.85;
color: var(--absolu-text-light);
margin: 0;
} .about-why {
padding: 120px 0;
background: var(--absolu-bg-light);
}
.about-why__header {
text-align: center;
margin-bottom: 72px;
}
.about-why__title {
font-family: var(--absolu-font);
font-size: clamp(1.75rem, 3vw, 2.5rem);
font-weight: 300;
color: var(--absolu-text);
margin: 0;
line-height: 1.2;
letter-spacing: -0.01em;
}
.about-why__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 48px;
max-width: 1200px;
margin: 0 auto;
}
.about-why__item {
text-align: center;
}
.about-why__icon-wrap {
width: 52px;
height: 52px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 24px;
border: 1px solid var(--absolu-border);
border-radius: 50%;
background: var(--absolu-white);
transition: border-color 0.3s ease;
}
.about-why__item:hover .about-why__icon-wrap {
border-color: var(--absolu-text);
}
.about-why__icon-wrap i {
font-size: 1.2rem;
color: var(--absolu-text);
}
.about-why__item h3 {
font-family: var(--absolu-font);
font-size: 0.95rem;
font-weight: 500;
color: var(--absolu-text);
margin: 0 0 10px;
letter-spacing: -0.01em;
}
.about-why__item p {
font-family: var(--absolu-font-body);
font-size: 0.84rem;
line-height: 1.8;
color: var(--absolu-text-light);
margin: 0;
} .about-cta {
padding: 120px 0;
background: var(--absolu-white);
text-align: center;
border-top: 1px solid var(--absolu-border);
}
.about-cta__inner {
max-width: 560px;
margin: 0 auto;
}
.about-cta__title {
font-family: var(--absolu-font);
font-size: clamp(1.75rem, 3.5vw, 2.5rem);
font-weight: 300;
color: var(--absolu-text);
margin: 0 0 20px;
line-height: 1.2;
letter-spacing: -0.01em;
}
.about-cta__text {
font-family: var(--absolu-font-body);
font-size: 0.92rem;
line-height: 1.85;
color: var(--absolu-text-light);
margin: 0 0 44px;
} .about-cta__btn {
padding: 16px 48px;
border: none;
}  @media (max-width: 1024px) {
.about-hero {
padding: 120px 0 100px;
}
.about-story__grid {
grid-template-columns: 1fr;
gap: 40px;
}
.about-story__left {
position: static;
}
.about-story__title br {
display: none;
}
.about-values__grid {
grid-template-columns: 1fr;
gap: 0;
}
.about-values__card {
border-left: none;
border-top: 1px solid var(--absolu-border);
padding: 40px 0;
}
.about-values__card:first-child {
border-top: none;
padding-top: 0;
}
.about-values__card:last-child {
padding-bottom: 0;
}
.about-why__grid {
grid-template-columns: repeat(2, 1fr);
gap: 40px;
}
}
@media (max-width: 768px) {
.about-hero {
padding: 100px 0 80px;
}
.about-hero__title {
font-size: clamp(2rem, 6vw, 2.5rem);
}
.about-hero__title br {
display: none;
}
.about-hero__text {
font-size: 0.92rem;
}
.about-story {
padding: 72px 0;
}
.about-story__right p {
font-size: 0.88rem;
}
.about-stats {
padding: 56px 0;
}
.about-stats__row {
grid-template-columns: repeat(2, 1fr);
gap: 32px 0;
}
.about-stats__item+.about-stats__item::before {
display: none;
}
.about-stats__item:nth-child(2)::before,
.about-stats__item:nth-child(4)::before {
display: block;
}
.about-values {
padding: 72px 0;
}
.about-values__title br {
display: none;
}
.about-values__header {
margin-bottom: 48px;
}
.about-why {
padding: 72px 0;
}
.about-why__grid {
grid-template-columns: 1fr 1fr;
gap: 32px;
}
.about-cta {
padding: 72px 0;
}
.about-cta__text {
font-size: 0.88rem;
}
}
@media (max-width: 480px) {
.about-hero {
padding: 80px 0 64px;
}
.about-hero__title {
font-size: 1.75rem;
line-height: 1.25;
}
.about-hero__eyebrow {
font-size: 0.6rem;
letter-spacing: 0.2em;
}
.about-hero__text {
font-size: 0.88rem;
line-height: 1.8;
}
.about-story {
padding: 56px 0;
}
.about-story__title {
font-size: 1.5rem;
}
.about-story__right p {
font-size: 0.85rem;
margin-bottom: 20px;
}
.about-stats {
padding: 48px 0;
}
.about-stats__row {
grid-template-columns: 1fr 1fr;
gap: 24px 0;
}
.about-stats__number {
font-size: 1.5rem;
}
.about-stats__label {
font-size: 0.65rem;
}
.about-values {
padding: 56px 0;
}
.about-values__title {
font-size: 1.5rem;
}
.about-values__header {
margin-bottom: 40px;
}
.about-values__card {
padding: 32px 0;
}
.about-values__card-title {
font-size: 1rem;
}
.about-values__card p {
font-size: 0.84rem;
}
.about-why {
padding: 56px 0;
}
.about-why__title {
font-size: 1.5rem;
}
.about-why__header {
margin-bottom: 48px;
}
.about-why__grid {
grid-template-columns: 1fr;
gap: 32px;
}
.about-why__item h3 {
font-size: 0.9rem;
}
.about-why__item p {
font-size: 0.8rem;
}
.about-cta {
padding: 64px 0;
}
.about-cta__title {
font-size: 1.5rem;
}
.about-cta__text {
font-size: 0.84rem;
margin-bottom: 17px;
}
.about-cta__btn {
padding: 14px 36px;
font-size: 0.68rem;
}
} .wholesale-page {
padding: 50px 0 80px;
background: var(--absolu-white);
}
.wholesale-page__title {
font-family: "OmegaCT", var(--absolu-font);
font-size: 38px;
font-weight: 500;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--absolu-primary);
margin: 0 0 40px;
line-height: 1.1;
text-align: center;
}
.wholesale-page__body {
max-width: 620px;
margin: 0 auto;
text-align: center;
}
.wholesale-page__body p {
font-family: var(--absolu-font-body);
font-size: 0.92rem;
line-height: 1.85;
color: var(--absolu-text-light);
margin: 0 0 20px;
} .wholesale-page__body .absolu-btn {
width: 100%;
margin-top: 20px;
gap: 12px;
}
.wholesale-page__body .absolu-btn svg {
transform-origin: center;
margin-right: 10px;
transform: translateY(3px) scale(1.4);
flex-shrink: 0;
}
@media (max-width: 1024px) {
.wholesale-page {
padding: 80px 0 96px;
}
}
@media (max-width: 767px) {
.wholesale-page {
padding: 72px 0 80px;
}
.wholesale-page__title {
font-size: 28px;
}
.wholesale-page__body p {
font-size: 0.88rem;
}
} .absolu-wishlist-count {
display: none;
} .absolu-wishlist-grid {
grid-template-columns: repeat(4, 1fr);
}
.absolu-wishlist-empty {
text-align: center;
padding: 80px 20px;
}
.absolu-wishlist-empty p {
font-family: var(--absolu-font-body);
font-size: 0.95rem;
color: var(--absolu-text-light);
margin: 0 0 28px;
} .absolu-wishlist-empty__btn {
display: inline-block;
padding: 14px 40px;
} .absolu-wishlist-loading {
text-align: center;
padding: 60px 20px;
font-family: var(--absolu-font-body);
font-size: 0.9rem;
color: var(--absolu-text-light);
}
@media (max-width: 1024px) {
.absolu-wishlist-grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.absolu-wishlist-grid {
grid-template-columns: repeat(2, 1fr);
}
.absolu-sp-wishlist {
font-size: 0.78rem;
padding: 10px 20px;
}
}
@media (max-width: 480px) {
.absolu-wishlist-grid {
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
.absolu-wishlist-empty {
padding: 56px 16px;
}
} .absolu-live-search {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
display: flex;
align-items: flex-start;
justify-content: center;
background: rgba(255, 255, 255, 0.92);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.absolu-live-search.is-active {
opacity: 1;
visibility: visible;
}
.absolu-live-search__panel {
width: 100%;
max-width: 1200px;
padding: 24px 40px 40px;
max-height: 100%;
overflow-y: auto;
}
.absolu-live-search__header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 32px;
}
.absolu-live-search__count {
font-family: var(--absolu-font-body);
font-size: 14px;
color: var(--absolu-text-light);
letter-spacing: 0.02em;
}
.absolu-live-search__close {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
background: none;
border: none;
cursor: pointer;
font-size: 24px;
color: var(--absolu-text-light);
padding: 0;
transition: color 0.2s ease;
}
.absolu-live-search__close:hover {
color: var(--absolu-text);
} .absolu-live-search__results {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 24px;
}
.absolu-live-search__empty {
grid-column: 1 / -1;
text-align: center;
font-family: var(--absolu-font-body);
font-size: 15px;
color: var(--absolu-text-light);
padding: 60px 0;
}
.absolu-live-search__view-all {
grid-column: 1 / -1;
display: flex;
justify-content: center;
padding: 8px 0 0;
}
.absolu-live-search__view-all a {
display: inline-block;
font-family: var(--absolu-font);
font-size: 13px;
font-weight: 600;
letter-spacing: 1.7px;
text-transform: uppercase;
color: var(--absolu-white);
background: var(--absolu-primary);
border: none;
padding: 14px 32px;
text-decoration: none;
cursor: pointer;
transition: all 0.2s ease;
}
.absolu-live-search__view-all a:hover {
background: var(--absolu-secondary);
color: var(--absolu-white);
}
.absolu-live-search__view-all a:active {
transform: scale(0.985);
}
@media (max-width: 1024px) {
.absolu-live-search__results {
grid-template-columns: repeat(3, 1fr);
}
.absolu-live-search__panel {
padding: 60px 24px 24px;
}
}
@media (max-width: 768px) {
.absolu-live-search__results {
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
.absolu-live-search__panel {
padding: 48px 16px 16px;
}
}  .absolu-checkout-order .woocommerce-shipping-methods {
list-style: none;
padding: 0;
margin: 0;
}
.absolu-checkout-order .woocommerce-shipping-methods li {
padding: 14px 0;
border-bottom: 1px solid var(--absolu-border);
display: flex;
align-items: center;
gap: 12px;
transition: opacity 0.2s ease;
}
.absolu-checkout-order .woocommerce-shipping-methods li:last-child {
border-bottom: none;
} .woocommerce-shipping-methods input[type="radio"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
pointer-events: none;
} .woocommerce-shipping-methods label {
display: flex;
align-items: center;
gap: 12px;
width: 100%;
cursor: pointer;
font-family: var(--absolu-font-body);
font-size: 0.8125rem;
font-weight: 400;
color: var(--absolu-text);
line-height: 1.4;
position: relative;
}
.woocommerce-shipping-methods label::before {
content: '';
flex: 0 0 18px;
width: 18px;
height: 18px;
border: 1.5px solid #999;
border-radius: 50%;
position: relative;
transition: border-color 0.2s ease;
}
.woocommerce-shipping-methods label::after {
content: '';
position: absolute;
left: 4px;
top: 50%;
transform: translateY(-50%) scale(0);
width: 10px;
height: 10px;
background: var(--absolu-primary);
border-radius: 50%;
transition: transform 0.2s ease;
}
.woocommerce-shipping-methods input[type="radio"]:checked+label::before {
border-color: var(--absolu-primary);
}
.woocommerce-shipping-methods input[type="radio"]:checked+label::after {
transform: translateY(-50%) scale(1);
} .woocommerce-shipping-methods label .woocommerce-Price-amount,
.woocommerce-shipping-methods label .amount {
margin-left: auto;
font-weight: 500;
white-space: nowrap;
color: var(--absolu-text);
} .absolu-checkout-order .woocommerce-checkout-review-order-table .woocommerce-shipping-totals th {
font-family: var(--absolu-font);
font-size: 0.625rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--absolu-text-light);
vertical-align: middle;
padding-top: 16px;
white-space: nowrap;
width: 1%;
padding-right: 16px;
}
.absolu-checkout-order .woocommerce-checkout-review-order-table .woocommerce-shipping-totals td {
text-align: left;
vertical-align: middle;
padding-top: 12px;
} .woocommerce-shipping-methods .shipping-calculator-button,
.woocommerce-shipping-totals .woocommerce-shipping-calculator {
font-family: var(--absolu-font-body);
font-size: 0.75rem;
color: var(--absolu-text-light);
} .processing .woocommerce-shipping-methods,
.blockOverlay~.woocommerce-shipping-methods {
opacity: 0.4;
pointer-events: none;
transition: opacity 0.3s ease;
}
@keyframes absolu-shimmer {
0% {
background-position: -200% 0;
}
100% {
background-position: 200% 0;
}
}
.processing .woocommerce-shipping-totals td::before {
content: '';
display: block;
height: 2px;
margin-bottom: 8px;
background: linear-gradient(90deg, var(--absolu-border) 25%, var(--absolu-secondary-light) 50%, var(--absolu-border) 75%);
background-size: 200% 100%;
animation: absolu-shimmer 1.5s ease infinite;
border-radius: 1px;
} .absolu-totals-table .woocommerce-shipping-totals td {
text-align: right;
}
.absolu-totals-table .woocommerce-shipping-methods {
list-style: none;
padding: 0;
margin: 0;
text-align: left;
}
.absolu-totals-table .woocommerce-shipping-methods li {
padding: 6px 0;
display: flex;
align-items: center;
}
.absolu-totals-table .woocommerce-shipping-methods label {
font-size: 0.8125rem;
font-weight: 400;
color: var(--absolu-text);
} .woocommerce-shipping-methods li:only-child input[type="radio"],
.woocommerce-shipping-methods li:only-child label::before,
.woocommerce-shipping-methods li:only-child label::after {
display: none;
}
.woocommerce-shipping-methods li:only-child label {
padding-left: 0;
cursor: default;
} @media (max-width: 768px) {
.absolu-checkout-order .woocommerce-shipping-methods li {
padding: 12px 0;
}
}
@media (max-width: 480px) {
.absolu-live-search__results {
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
}  .absolu-checkout .blockUI.blockOverlay {
background: var(--absolu-white) !important;
opacity: 0.6 !important;
cursor: default !important;
} .absolu-checkout .loader,
.absolu-checkout .blockUI.blockMsg {
display: none !important;
} .absolu-checkout.processing #place_order {
pointer-events: none;
opacity: 0.7;
position: relative;
color: transparent;
}
.absolu-checkout.processing #place_order::after {
content: 'Processing...';
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
color: var(--absolu-white);
font-family: var(--absolu-font-body);
font-size: 0.8125rem;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
}  .absolu-thankyou {
max-width: 900px;
margin: 0 auto;
padding: 0;
} .absolu-thankyou__header {
text-align: center;
margin-bottom: 56px;
animation: absolu-checkout-fade-up 0.5s ease both;
} .absolu-thankyou__icon {
margin: 0 auto 28px;
width: 64px;
height: 64px;
}
.absolu-thankyou__check {
width: 64px;
height: 64px;
}
.absolu-thankyou__check-circle {
stroke: #2e7d32;
stroke-width: 2;
stroke-dasharray: 166;
stroke-dashoffset: 166;
animation: absolu-check-circle 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.absolu-thankyou__check-mark {
stroke: #2e7d32;
stroke-width: 2.5;
stroke-dasharray: 48;
stroke-dashoffset: 48;
animation: absolu-check-mark 0.35s cubic-bezier(0.65, 0, 0.45, 1) 0.5s forwards;
}
@keyframes absolu-check-circle {
to {
stroke-dashoffset: 0;
}
}
@keyframes absolu-check-mark {
to {
stroke-dashoffset: 0;
}
} .absolu-thankyou__icon--failed {
width: 64px;
height: 64px;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid var(--absolu-primary);
border-radius: 50%;
color: var(--absolu-primary);
}
.absolu-thankyou__title {
font-family: var(--absolu-font);
font-size: 1.75rem;
font-weight: 400;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--absolu-text);
margin: 0 0 10px;
}
.absolu-thankyou__subtitle {
font-family: var(--absolu-font-body);
font-size: 0.9375rem;
color: var(--absolu-text-light);
margin: 0 0 16px;
font-weight: 300;
}
.absolu-thankyou__order-num {
display: inline-block;
font-family: var(--absolu-font);
font-size: 0.8125rem;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--absolu-text);
margin: 8px 0 0;
padding: 10px 24px;
border: 1px solid var(--absolu-border);
background: var(--absolu-bg-light);
} .absolu-thankyou__grid {
display: grid;
grid-template-columns: 1fr 300px;
gap: 60px;
margin-bottom: 48px;
animation: absolu-checkout-fade-up 0.5s ease both;
animation-delay: 0.15s;
}
.absolu-thankyou__section h3 {
font-family: var(--absolu-font);
font-size: 0.6875rem;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--absolu-text-light);
margin: 0 0 16px;
padding-bottom: 10px;
border-bottom: 1px solid var(--absolu-border);
} .absolu-thankyou__items-list {
margin-bottom: 20px;
}
.absolu-thankyou__item {
display: flex;
justify-content: space-between;
align-items: baseline;
padding: 10px 0;
border-bottom: 1px solid var(--absolu-border);
gap: 24px;
}
.absolu-thankyou__item:last-child {
border-bottom: none;
}
.absolu-thankyou__item-info {
flex: 1;
min-width: 0;
}
.absolu-thankyou__item-name {
display: block;
font-family: var(--absolu-font-body);
font-size: 0.875rem;
color: var(--absolu-text);
line-height: 1.4;
}
.absolu-thankyou__item-qty {
font-family: var(--absolu-font-body);
font-size: 0.6875rem;
color: #aaa;
margin-top: 2px;
display: block;
}
.absolu-thankyou__item-price {
font-family: var(--absolu-font-body);
font-size: 0.875rem;
font-weight: 500;
color: var(--absolu-text);
white-space: nowrap;
flex-shrink: 0;
} .absolu-thankyou__totals {
border-top: 1px solid var(--absolu-border);
padding-top: 12px;
}
.absolu-thankyou__totals-row {
display: flex;
justify-content: space-between;
font-family: var(--absolu-font-body);
font-size: 0.8125rem;
color: var(--absolu-text-light);
padding: 5px 0;
}
.absolu-thankyou__totals-row span:last-child {
font-weight: 500;
color: var(--absolu-text);
}
.absolu-thankyou__totals-total {
border-top: 2px solid var(--absolu-text);
margin-top: 10px;
padding-top: 14px;
font-family: var(--absolu-font);
font-size: 1rem;
font-weight: 700;
color: var(--absolu-text);
text-transform: uppercase;
letter-spacing: 0.04em;
}
.absolu-thankyou__totals-total span:last-child {
font-family: var(--absolu-font);
font-weight: 700;
color: var(--absolu-text);
} .absolu-thankyou__details h3 {
margin-top: 28px;
}
.absolu-thankyou__details h3:first-child {
margin-top: 0;
}
.absolu-thankyou__address {
font-family: var(--absolu-font-body);
font-size: 0.8125rem;
font-style: normal;
color: var(--absolu-text);
line-height: 1.7;
}
.absolu-thankyou__payment,
.absolu-thankyou__date {
font-family: var(--absolu-font-body);
font-size: 0.8125rem;
color: var(--absolu-text);
margin: 0;
} .absolu-thankyou__timeline {
margin-bottom: 48px;
animation: absolu-checkout-fade-up 0.5s ease both;
animation-delay: 0.3s;
}
.absolu-thankyou__timeline h3 {
font-family: var(--absolu-font);
font-size: 0.6875rem;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--absolu-text-light);
margin: 0 0 24px;
padding-bottom: 10px;
border-bottom: 1px solid var(--absolu-border);
}
.absolu-thankyou__steps {
display: flex;
gap: 0;
}
.absolu-thankyou__step {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
position: relative;
} .absolu-thankyou__step:not(:last-child)::after {
content: '';
position: absolute;
top: 7px;
left: calc(50% + 12px);
width: calc(100% - 24px);
height: 1px;
background: var(--absolu-border);
}
.absolu-thankyou__step--active:not(:last-child)::after {
background: var(--absolu-secondary);
}
.absolu-thankyou__step-dot {
width: 14px;
height: 18px;
border-radius: 50%;
border: 1.5px solid var(--absolu-border);
background: var(--absolu-white);
margin-bottom: 12px;
position: relative;
z-index: 1;
}
.absolu-thankyou__step--active .absolu-thankyou__step-dot {
border-color: var(--absolu-secondary);
background: var(--absolu-secondary);
}
.absolu-thankyou__step-title {
display: block;
font-family: var(--absolu-font-body);
font-size: 0.75rem;
font-weight: 500;
color: var(--absolu-text);
margin-bottom: 4px;
}
.absolu-thankyou__step-desc {
display: block;
font-family: var(--absolu-font-body);
font-size: 0.6875rem;
color: #aaa;
line-height: 1.4;
} .absolu-thankyou__actions {
display: flex;
justify-content: center;
gap: 16px;
animation: absolu-checkout-fade-up 0.5s ease both;
animation-delay: 0.4s;
} .absolu-thankyou__btn {
padding: 16px 40px;
}
.absolu-thankyou__btn--primary { }
.absolu-thankyou__btn--outline { }  @media (max-width: 1024px) {
.absolu-thankyou__grid {
grid-template-columns: 1fr;
gap: 36px;
}
} @media (max-width: 768px) {
.absolu-thankyou__header {
margin-bottom: 17px;
}
.absolu-thankyou__icon {
width: 52px;
height: 52px;
margin-bottom: 20px;
}
.absolu-thankyou__check {
width: 52px;
height: 52px;
}
.absolu-thankyou__title {
font-size: 1.125rem;
letter-spacing: 0.04em;
}
.absolu-thankyou__subtitle {
font-size: 0.8125rem;
}
.absolu-thankyou__order-num {
font-size: 0.6875rem;
padding: 8px 18px;
}
.absolu-thankyou__grid {
grid-template-columns: 1fr;
gap: 28px;
margin-bottom: 17px;
}
.absolu-thankyou__item {
padding: 8px 0;
}
.absolu-thankyou__item-name {
font-size: 0.8125rem;
}
.absolu-thankyou__item-price {
font-size: 0.8125rem;
}
.absolu-thankyou__steps {
flex-direction: column;
gap: 0;
align-items: flex-start;
padding-left: 6px;
}
.absolu-thankyou__step {
flex-direction: row;
text-align: left;
gap: 16px;
padding: 12px 0;
}
.absolu-thankyou__step-dot {
margin-bottom: 0;
flex-shrink: 0;
margin-top: 2px;
}
.absolu-thankyou__step:not(:last-child)::after {
top: 26px;
left: 6px;
width: 1px;
height: calc(100% - 14px);
}
.absolu-thankyou__timeline {
margin-bottom: 17px;
}
.absolu-thankyou__actions {
flex-direction: column;
}
.absolu-thankyou__btn {
width: 100%;
padding: 14px 20px;
}
} @media (max-width: 1024px) {
.absolu-filters-mobile-trigger {
display: inline-flex;
align-items: center;
gap: 8px;
background: none;
border: 1px solid var(--absolu-border);
border-radius: 2px;
padding: 8px 16px;
font-family: var(--absolu-font);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
cursor: pointer;
color: var(--absolu-text);
}
.absolu-filters-mobile-overlay {
display: block;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.45);
z-index: 999;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
}
.absolu-filters-mobile-overlay.is-active {
opacity: 1;
pointer-events: auto;
}
.absolu-filters {
display: flex;
}
.absolu-shop-filters.absolu-animate {
position: fixed;
top: 0;
left: 0;
width: 85%;
max-width: 340px;
height: 100dvh;
background: #fff;
z-index: 1000;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
padding: 0;
margin: 0;
gap: 0;
overflow-y: auto;
transform: translateX(-100%);
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.absolu-shop-filters.is-open {
transform: translateX(0);
box-shadow: 4px 0 24px rgba(0, 0, 0, 0.12);
}
.absolu-filters-mobile-close {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background: none;
border: none;
border-radius: 0;
padding: 0;
margin: 16px 20px 8px auto;
flex-shrink: 0;
font-size: 26px;
color: var(--absolu-text);
cursor: pointer;
}
}
@media (max-width: 768px) {
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="number"],
textarea,
select {
font-size: 16px;
}
}
#payment .wc_payment_method label,
.absolu-checkout-order .wc_payment_method label {
flex-wrap: nowrap;
align-items: center;
}
#payment .wc_payment_method input[type="radio"],
.absolu-checkout-order .wc_payment_method input[type="radio"] {
flex-shrink: 0;
display: inline-block;
vertical-align: middle;
} .payment_method_stripe label[for="payment_method_stripe"] {
visibility: hidden;
position: relative;
}
.payment_method_stripe label[for="payment_method_stripe"]::after {
content: "Card";
visibility: visible;
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
font-size: 0.8125rem;
font-family: var(--absolu-font-body);
font-weight: 500;
}
.absolu-footer-collapse {
width: 100%;
}
.absolu-footer-collapse>summary {
list-style: none;
cursor: default;
display: flex;
align-items: center;
justify-content: center;
font-family: 'OmegaCT', sans-serif;
font-size: 1rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--absolu-secondary-dark);
margin: 0 0 16px;
padding: 0;
}
.absolu-footer-collapse>summary::-webkit-details-marker {
display: none;
}
.absolu-footer-collapse>summary::marker {
display: none;
content: '';
}
.absolu-footer-collapse>summary i {
display: none;
font-size: 1rem;
transition: transform 0.25s ease;
}
@media (max-width: 768px) {
.absolu-footer-col--collapsible {
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
padding-bottom: 12px;
}
.absolu-footer-collapse>summary {
cursor: pointer;
margin-bottom: 0;
padding: 12px 0;
}
.absolu-footer-collapse>summary i {
display: inline-block;
}
.absolu-footer-collapse[open]>summary i {
transform: rotate(180deg);
}
.absolu-footer-collapse[open]>summary {
margin-bottom: 8px;
}
.absolu-footer-col--collapsible .absolu-footer-menu {
padding-bottom: 8px;
}
} .absolu-footer-contact-btn {
display: none;
margin-bottom: 20px;
}
.absolu-footer-contact-btn:hover>a {
color: var(--absolu-white);
}
.absolu-footer-contact-btn a {
color: var(--absolu-white);
} @media (max-width: 768px) {
.absolu-footer-newsletter {
padding: 32px 0 24px;
}
.absolu-footer-newsletter__inner {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
text-align: center;
}
.absolu-footer-newsletter__inner::before {
display: none;
}
.absolu-footer-newsletter__left {
order: 1;
width: 100%;
max-width: 420px;
padding-right: 0;
}
.absolu-footer-newsletter__left h3 {
font-size: 0.75rem;
letter-spacing: 0.12em;
margin-bottom: 12px;
}
.absolu-footer-contact-btn {
display: block;
order: 2;
}
.absolu-footer-newsletter__right {
order: 3;
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
padding-left: 0;
}
.absolu-footer-newsletter__right h3 {
font-size: 0.75rem;
letter-spacing: 0.12em;
margin-bottom: 4px;
}
.absolu-footer-newsletter__socials {
justify-content: center;
gap: 18px;
} .absolu-footer-col--brand {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 28px 16px 20px;
gap: 14px;
}
.absolu-footer-col--brand .absolu-footer-logo {
margin: 0 auto;
max-width: 100px;
height: auto;
}
.absolu-footer-col--brand p {
max-width: 320px;
margin: 0 auto;
font-size: 0.8125rem;
line-height: 1.6;
}
.absolu-footer-col--brand .fc-wrap {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
margin-top: 4px;
}
.absolu-footer-col--brand .fc-link {
justify-content: center;
}
.absolu-footer-col--trustpilot {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 20px 16px 8px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.absolu-footer-col--trustpilot h4 {
margin: 0 0 12px;
}
.absolu-footer-col--trustpilot .absolu-trustpilot-link {
margin: 0 auto;
}
.absolu-footer-main {
padding-top: 0;
}
.absolu-footer-grid {
gap: 0;
}
.absolu-footer-col--collapsible {
border-top: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: none;
padding: 0;
}
.absolu-footer-collapse>summary {
padding: 18px 4px;
font-size: 0.8125rem;
letter-spacing: 0.1em;
}
.absolu-footer-collapse>summary i {
font-size: 1.1rem;
font-weight: 300;
}
.absolu-footer-col--collapsible .absolu-footer-menu {
padding: 0 4px 16px;
}
.absolu-footer-col--collapsible:last-of-type {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
} .absolu-footer-collapse>summary i {
transition: none !important;
transform: none !important;
}
@media (max-width: 768px) {
.absolu-footer-collapse>summary .fc-ico-open {
display: none;
}
.absolu-footer-collapse[open]>summary .fc-ico-closed {
display: none;
}
.absolu-footer-collapse[open]>summary .fc-ico-open {
display: inline-block;
}
} @media (max-width: 768px) {
.absolu-footer-col--collapsible .absolu-footer-menu {
overflow: hidden;
max-height: 0;
transition: max-height 0.35s ease;
}
.absolu-footer-collapse>summary i {
transition: transform 0.25s ease;
}
} @media (min-width: 769px) {
.absolu-footer-collapse>summary {
pointer-events: none;
user-select: none;
}
} .absolu-contact-card i.ph-whatsapp-logo .absolu-contact-card i.ph-fill {
display: block;
width: auto;
height: auto;
background-image: none;
background: none;
} .page-id-53 .absolu-product-grid--shop>.absolu-product-card {
display: block;
} .absolu-pagination {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 6px;
padding: 48px 0 24px;
}
.absolu-pag-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 38px;
height: 38px;
padding: 0 10px;
border: 1px solid var(--absolu-border);
background: none;
font-family: var(--absolu-font);
font-size: 0.75rem;
font-weight: 500;
color: var(--absolu-text);
cursor: pointer;
transition: background 0.15s, border-color 0.15s, color 0.15s;
}
.absolu-pag-btn:hover {
border-color: var(--absolu-text);
background: var(--absolu-text);
color: #fff;
}
.absolu-pag-btn.is-active {
background: var(--absolu-primary);
border-color: var(--absolu-primary);
color: #fff;
pointer-events: none;
}
.absolu-pag-prev,
.absolu-pag-next {
font-size: 0.85rem;
}
.absolu-pag-ellipsis {
display: inline-flex;
align-items: center;
padding: 0 4px;
font-size: 0.8rem;
color: var(--absolu-text-light);
}
@media (max-width: 480px) {
.absolu-pag-btn {
min-width: 34px;
height: 34px;
font-size: 0.7rem;
}
.absolu-pagination {
gap: 4px;
padding: 32px 0 16px;
}
.pay-card{
display: inline;
width: 34px;
height: 24px;
}
} .absolu-notify-me {
margin-top: 16px;
}
.absolu-notify-me__label {
font-size: 0.8rem;
color: var(--absolu-text-light, #888);
margin: 0 0 10px;
}
.absolu-notify-me__form {
display: flex;
gap: 8px;
align-items: stretch;
}
.absolu-notify-me__input {
flex: 1;
padding: 0 14px;
height: 44px;
font-size: 16px;
font-family: var(--absolu-font-body, Poppins, sans-serif);
border: 1px solid var(--absolu-border, #E8E8E8);
border-radius: 0;
outline: none;
background: #fff;
color: var(--absolu-text, #2C2D33);
}
.absolu-notify-me__input:focus {
border-color: var(--absolu-primary, #D50A31);
} .absolu-notify-me__btn {
padding: 0 20px;
height: 44px;
font-size: 0.8rem;
font-family: var(--absolu-font-ui, OmegaCT, sans-serif);
letter-spacing: 0.04em;
text-transform: uppercase;
background: var(--absolu-primary, #D50A31);
color: #fff;
border: none;
border-radius: 0;
cursor: pointer;
white-space: nowrap;
transition: opacity 0.2s;
}
.absolu-notify-me__btn:disabled {
opacity: 0.6;
cursor: not-allowed;
}
.absolu-notify-me__btn:hover:not(:disabled) {
opacity: 0.85;
}
.absolu-notify-me__msg {
margin: 8px 0 0;
font-size: 0.8rem;
min-height: 1.2em;
}
.absolu-notify-me__msg.is-success {
color: #2a7a2a;
}
.absolu-notify-me__msg.is-error {
color: var(--absolu-primary, #D50A31);
}
@media (max-width: 480px) {
.absolu-notify-me__form {
flex-direction: column;
}
.absolu-notify-me__btn {
width: 100%;
}
} .absolu-cart-update-hidden {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
opacity: 0;
pointer-events: none;
} .woocommerce-multi-currency,
.woo-multi-currency,
.wmc-currency-bar,
#woo_multi_currency_widget,
.wmc-sidebar,
.wmc_switcher,
.wmc-switcher-wrapper { display: none !important; } .absolu-currency-switcher {
position: relative;
display: inline-flex;
align-items: center;
margin-left: 16px;
}
.absolu-currency-switcher__toggle {
background: transparent;
border: none;
font-family: var(--absolu-font-body);
font-size: 13px;
font-weight: 500;
color: var(--absolu-text);
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 4px;
padding: 6px 0;
letter-spacing: 0.05em;
transition: color 0.2s ease;
}
.absolu-currency-switcher__toggle:hover { color: var(--absolu-primary); }
.absolu-currency-switcher__toggle i.ph {
font-size: 14px;
transition: transform 0.2s ease;
}
.absolu-currency-switcher--open .absolu-currency-switcher__toggle i.ph { transform: rotate(180deg); }
.absolu-currency-switcher__dropdown {
position: absolute;
top: 100%;
right: 0;
background: var(--absolu-white, #fff);
border: 1px solid var(--absolu-border);
min-width: 80px;
box-shadow: 0 4px 12px rgba(0,0,0,0.06);
z-index: 1000;
list-style: none;
margin: 0;
padding: 4px 0;
border-radius: 2px;
opacity: 0;
visibility: hidden;
transform: translateY(-4px);
transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}
.absolu-currency-switcher--open .absolu-currency-switcher__dropdown {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.absolu-currency-switcher__item { margin: 0; padding: 0; }
.absolu-currency-switcher__item a {
display: block;
padding: 8px 16px;
font-family: var(--absolu-font-body);
font-size: 13px;
font-weight: 400;
color: var(--absolu-text);
text-decoration: none;
transition: background 0.15s ease;
}
.absolu-currency-switcher__item a:hover { background: var(--absolu-bg-light, #f7f7f7); }
.absolu-currency-switcher__item--active a {
color: var(--absolu-primary);
font-weight: 600;
}
@media (max-width: 768px) {
.absolu-currency-switcher { margin-left: 8px; }
.absolu-currency-switcher__toggle { font-size: 12px; }
.absolu-currency-switcher__dropdown { right: 0; }
} .absolu-currency-switcher__flag { font-size: 14px; line-height: 1; margin-right: 6px; display: inline-block; vertical-align: -1px; }
.absolu-currency-switcher__item a { display: flex; align-items: center; }
.absolu-currency-switcher__item .absolu-currency-switcher__code { display: inline-block; } img.absolu-currency-switcher__flag { width: 20px; height: 15px; margin-right: 6px; display: inline-block; vertical-align: middle; object-fit: cover; border: 1px solid rgba(0,0,0,0.08); border-radius: 1px; } .absolu-currency-switcher--mobile-inline,
.absolu-currency-switcher--drawer { display: none; }
@media (max-width: 768px) {
.absolu-currency-switcher--desktop { display: none; }
.absolu-currency-switcher--mobile-inline {
display: inline-flex;
order: 2;
margin-left: 4px;
margin-right: 0;
}
.absolu-currency-switcher--mobile-inline .absolu-currency-switcher__dropdown {
right: auto;
left: 0;
}
.absolu-currency-switcher--drawer {
display: flex;
margin: 12px 20px 0;
width: calc(100% - 40px);
}
.absolu-currency-switcher--drawer .absolu-currency-switcher__toggle {
font-size: 14px;
padding: 10px 12px;
border: 1px solid var(--absolu-border);
width: 100%;
justify-content: space-between;
}
.absolu-currency-switcher--drawer .absolu-currency-switcher__dropdown {
left: 0;
right: 0;
width: 100%;
min-width: 0;
}
}
@media (max-width: 768px) {
.absolu-header-row .absolu-logo { order: 3; }
.absolu-header-row .absolu-header-icons { order: 4; gap: 0; }
.absolu-header-row .absolu-header-icons > * { padding: 6px; }
.absolu-currency-switcher--mobile-inline .absolu-currency-switcher__toggle {
padding: 6px 4px;
font-size: 12px;
border: none;
background: transparent;
gap: 4px;
}
.absolu-currency-switcher--mobile-inline img.absolu-currency-switcher__flag {
width: 18px;
height: 13px;
margin-right: 2px;
}
}
@media (max-width: 768px) {
.absolu-header-row .absolu-mobile-toggle { margin-right: 0; padding-right: 4px; }
.absolu-currency-switcher--mobile-inline { margin-left: 0 !important; margin-right: 10px; }
.absolu-currency-switcher--mobile-inline .absolu-currency-switcher__toggle { padding-left: 2px; padding-right: 2px; }
} .absolu-notify-me { margin: 12px 0 0; width: 100%; }
.absolu-notify-me__label { font-size: 13px; color: var(--absolu-text-light); margin: 0 0 8px; }
.absolu-notify-me__form { display: flex; gap: 8px; align-items: stretch; }
.absolu-notify-me__input { flex: 1 1 auto; min-width: 0; padding: 10px 12px; border: 1px solid var(--absolu-border); background: #fff; font-size: 14px; color: var(--absolu-text); border-radius: 0; }
.absolu-notify-me__input:focus { outline: none; border-color: var(--absolu-primary); }
.absolu-notify-me__btn { flex: 0 0 auto; padding: 10px 18px; background: var(--absolu-primary); color: #fff; border: 0; font-size: 13px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; cursor: pointer; border-radius: 0; transition: background .2s; }
.absolu-notify-me__btn:hover { background: var(--absolu-secondary); }
.absolu-notify-me__btn:disabled { opacity: .6; cursor: wait; }
.absolu-notify-me__msg { margin: 8px 0 0; font-size: 13px; min-height: 1em; }
.absolu-notify-me__msg.is-success { color: #2e7d32; }
.absolu-notify-me__msg.is-error { color: var(--absolu-primary); }
@media (max-width: 480px) { .absolu-notify-me__form { flex-direction: column; } .absolu-notify-me__btn { width: 100%; } } .absolu-sp-actions { flex-wrap: wrap; }
.absolu-sp-actions .absolu-sp-outofstock { order: 1; }
.absolu-sp-actions .absolu-sp-wishlist { order: 2; }
.absolu-sp-actions .absolu-notify-me { order: 3; flex: 0 0 100%; margin-top: 14px; }
.absolu-notify-me__label { margin: 0 0 8px; font-size: 13px; } .absolu-notify-me__success { display: flex; align-items: center; gap: 12px; background: #e8f5e9; border: none; padding: 14px 16px; color: #1b5e20; }
.absolu-notify-me__success i { font-size: 28px; flex: 0 0 auto; color: #2e7d32; }
.absolu-notify-me__success strong { display: block; font-size: 14px; margin-bottom: 2px; }
.absolu-notify-me__success span { font-size: 13px; color: #33691e; line-height: 1.4; } .absolu-checkout-order .fee th,
.absolu-checkout-order .fee td {
border: none;
padding: 6px 0;
font-family: var(--absolu-font-body);
font-size: 0.8125rem;
letter-spacing: 0;
text-transform: none;
}
.absolu-checkout-order .fee th {
text-align: left;
font-weight: 400;
color: var(--absolu-text-light);
}
.absolu-checkout-order .fee td {
text-align: right;
font-weight: 500;
color: var(--absolu-text);
} .absolu-engraving {
margin: 28px 0;
border: 1px solid var(--absolu-border);
border-radius: 2px;
width: 100%;
flex: 1 0 100%;
}
.absolu-engraving__toggle {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 20px;
cursor: pointer;
transition: background 0.2s;
}
.absolu-engraving__toggle:hover {
background: var(--absolu-bg-light);
}
.absolu-engraving__checkbox-label {
display: inline-flex;
align-items: center;
cursor: pointer;
margin: 0;
}
.absolu-engraving__checkbox-label input[type="checkbox"] {
position: absolute;
opacity: 0;
pointer-events: none;
}
.absolu-engraving__checkmark {
width: 18px;
height: 18px;
border: 1.5px solid var(--absolu-text);
display: inline-block;
position: relative;
vertical-align: middle;
margin-right: 10px;
transition: all 0.2s;
border-radius: 2px;
flex-shrink: 0;
}
.absolu-engraving__checkbox-label input[type="checkbox"]:checked + .absolu-engraving__checkmark {
background: var(--absolu-primary);
border-color: var(--absolu-primary);
}
.absolu-engraving__checkbox-label input[type="checkbox"]:checked + .absolu-engraving__checkmark::after {
content: "";
position: absolute;
left: 5px;
top: 1px;
width: 5px;
height: 9px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(45deg);
}
.absolu-engraving__label-text {
font-family: var(--absolu-font-body);
font-size: 14px;
font-weight: 500;
color: var(--absolu-text);
}
.absolu-engraving__price {
font-family: var(--absolu-font);
font-size: 14px;
color: #2e7d32;
font-weight: 600;
letter-spacing: 0.03em;
white-space: nowrap;
flex-shrink: 0;
margin-left: 12px;
}
.absolu-engraving__panel {
display: none;
padding: 0 20px 20px;
border-top: 1px solid var(--absolu-border);
}
.absolu-engraving__step {
margin-top: 20px;
}
.absolu-engraving__step-label {
display: block;
font-family: var(--absolu-font-body);
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--absolu-text-light);
margin-bottom: 8px;
}
.absolu-engraving__input-wrap {
position: relative;
}
.absolu-engraving__input {
width: 100%;
height: 48px;
border: 1px solid var(--absolu-border);
padding: 0 16px;
font-family: var(--absolu-font);
font-size: 16px;
text-transform: uppercase;
letter-spacing: 0.15em;
text-align: center;
background: var(--absolu-white);
transition: border-color 0.2s;
box-sizing: border-box;
}
.absolu-engraving__input:focus {
border-color: var(--absolu-primary);
outline: none;
}
.absolu-engraving__char-count {
position: absolute;
right: 0;
bottom: -20px;
font-family: var(--absolu-font-body);
font-size: 11px;
color: var(--absolu-text-light);
}
.absolu-engraving__hint {
font-family: var(--absolu-font-body);
font-size: 12px;
color: var(--absolu-text-light);
margin-top: 24px;
font-style: italic;
}
.absolu-engraving__fonts {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 12px;
}
.absolu-engraving__font-btn {
width: 80px;
height: 80px;
border: 1px solid var(--absolu-border);
background: var(--absolu-white);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
cursor: pointer;
transition: border-color 0.2s;
border-radius: 2px;
}
.absolu-engraving__font-btn:hover {
border-color: var(--absolu-text-light);
}
.absolu-engraving__font-btn--active {
border-color: var(--absolu-primary);
box-shadow: inset 0 0 0 1px var(--absolu-primary);
}
.absolu-engraving__font-btn > span:first-child {
font-size: 22px;
color: var(--absolu-text);
}
.absolu-engraving__font-name {
font-family: var(--absolu-font-body);
font-size: 10px;
color: var(--absolu-text-light);
text-transform: uppercase;
letter-spacing: 0.05em;
}
.absolu-engraving__preview {
background: var(--absolu-bg-light);
border: 1px solid var(--absolu-border);
padding: 32px 20px;
text-align: center;
min-height: 80px;
display: flex;
align-items: center;
justify-content: center;
}
.absolu-engraving__preview-text {
font-size: 28px;
letter-spacing: 0.2em;
color: var(--absolu-text);
text-transform: uppercase;
transition: font-family 0.3s ease;
font-family: 'Times New Roman', 'Georgia', serif;
}
.absolu-side-drawer__item-engraving {
display: block;
font-family: var(--absolu-font-body);
font-size: 11px;
color: var(--absolu-text-light);
font-style: italic;
margin-top: 2px;
letter-spacing: 0.02em;
}
@media (max-width: 768px) {
.absolu-engraving__toggle { padding: 16px; }
.absolu-engraving__panel { padding: 0 16px 16px; }
.absolu-engraving__font-btn { width: 64px; height: 64px; }
.absolu-engraving__font-btn > span:first-child { font-size: 18px; }
.absolu-engraving__preview-text { font-size: 22px; }
.absolu-engraving__input { height: 44px; font-size: 14px; }
}
@media (max-width: 480px) {
.absolu-engraving__fonts { gap: 8px; }
.absolu-engraving__font-btn { flex: 1; width: auto; }
.absolu-engraving__preview { padding: 24px 16px; }
} .absolu-wa-field { margin: 16px 0 20px; }
.absolu-wa-field label {
display: block;
font-weight: 500;
font-size: 13px;
margin-bottom: 6px;
color: var(--absolu-text);
}
.absolu-wa-field__inputs {
display: flex;
gap: 8px;
align-items: stretch;
}
.absolu-wa-field select.absolu-wa-country {
flex: 0 0 180px;
min-width: 160px;
height: 46px;
padding: 0 32px 0 12px;
border: 1px solid var(--absolu-border);
background: var(--absolu-white);
font-size: 14px;
color: var(--absolu-text);
border-radius: 0;
appearance: none;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='%2354595F' d='M5 6L0 0h10z'/></svg>");
background-repeat: no-repeat;
background-position: right 12px center;
}
.absolu-wa-field input.absolu-wa-local {
flex: 1 1 auto;
height: 46px;
padding: 0 14px;
border: 1px solid var(--absolu-border);
background: var(--absolu-white);
font-size: 14px;
color: var(--absolu-text);
border-radius: 0;
}
.absolu-wa-field select.absolu-wa-country:focus,
.absolu-wa-field input.absolu-wa-local:focus {
outline: none;
border-color: var(--absolu-primary);
}
.absolu-wa-field .absolu-wa-hint {
display: block;
margin-top: 6px;
font-size: 12px;
color: var(--absolu-text-light);
}
@media (max-width: 480px) {
.absolu-wa-field__inputs { flex-direction: row; align-items: stretch; gap: 8px; }
.absolu-wa-field select.absolu-wa-country,
.absolu-wa-field .absolu-wa-combo { flex: 0 0 120px; min-width: 0; }
.absolu-wa-field input.absolu-wa-local { flex: 1 1 auto; min-width: 0; }
} .woocommerce-order > p,
.absolu-thankyou-wrapper + p,
.absolu-thankyou__actions ~ p {
text-align: center;
margin: 24px auto 0;
} .absolu-thankyou__actions .absolu-btn,
.absolu-thankyou__actions .absolu-btn--border {
min-width: 220px;
padding: 16px 40px;
border: 1px solid transparent;
box-sizing: border-box;
text-align: center;
}
.absolu-thankyou__actions .absolu-btn--border {
border-color: var(--absolu-text);
}
.absolu-thankyou__actions .absolu-btn--border:hover {
background: var(--absolu-primary);
border-color: var(--absolu-primary);
color: var(--absolu-white);
} .absolu-wa-field { margin-top: 20px; }
.absolu-wa-combo { position: relative; flex: 0 0 140px; min-width: 140px; }
.absolu-wa-combo select.absolu-wa-country {
position: absolute; opacity: 0; pointer-events: none; width: 1px; height: 1px;
}
.absolu-wa-combo__toggle {
display: flex; align-items: center; gap: 8px;
width: 100%; height: 46px; padding: 0 12px;
border: 1px solid var(--absolu-border); background: var(--absolu-white);
font-size: 14px; color: var(--absolu-text); cursor: pointer;
border-radius: 0;
}
.absolu-wa-combo__toggle:focus,
.absolu-wa-combo.is-open .absolu-wa-combo__toggle {
outline: none; border-color: var(--absolu-primary);
}
.absolu-wa-combo__flag { display: inline-block; width: 20px; height: 15px; object-fit: cover; }
.absolu-wa-combo__code { flex: 1; text-align: left; font-weight: 500; }
.absolu-wa-combo__toggle .ph-caret-down { font-size: 12px; color: var(--absolu-text-light); }
.absolu-wa-combo__list {
display: none;
position: absolute; top: calc(100% + 2px); left: 0; right: 0;
max-height: 280px; overflow-y: auto;
margin: 0; padding: 4px 0; list-style: none;
background: var(--absolu-white); border: 1px solid var(--absolu-border);
box-shadow: 0 4px 12px rgba(0,0,0,0.08); z-index: 20;
}
.absolu-wa-combo.is-open .absolu-wa-combo__list { display: block; }
.absolu-wa-combo__item {
display: flex; align-items: center; gap: 10px;
padding: 8px 12px; cursor: pointer; font-size: 13px;
}
.absolu-wa-combo__item:hover,
.absolu-wa-combo__item[aria-selected="true"] {
background: var(--absolu-bg-light);
}
.absolu-wa-combo__label { flex: 1; color: var(--absolu-text); }
.absolu-wa-combo__dial { color: var(--absolu-text-light); } .absolu-wa-combo { flex: 0 0 160px; min-width: 160px; }
.absolu-wa-combo__list { overflow-x: hidden; min-width: 300px; right: auto; width: max-content; max-width: 360px; }
.absolu-wa-combo__item { flex-wrap: nowrap; white-space: nowrap; }
.absolu-wa-combo__label { overflow: hidden; text-overflow: ellipsis; } .absolu-wa-field { margin-top: 28px !important; } .absolu-wa-field .absolu-wa-hint,
.absolu-wa-field + .woocommerce-NoticeGroup--three-dots { display: none; } .absolu-country-opt { display: inline-flex; align-items: center; gap: 8px; }
.absolu-country-opt__flag { width: 20px; height: 15px; object-fit: cover; flex: 0 0 auto; }
.absolu-country-opt__name { flex: 1; }
.select2-selection__rendered .absolu-country-opt { vertical-align: middle; } .absolu-wa-combo__search {
display: none;
position: absolute; top: calc(100% + 2px); left: 0;
width: max-content; max-width: 360px; min-width: 300px;
padding: 8px; background: var(--absolu-white);
border: 1px solid var(--absolu-border); border-bottom: none; z-index: 21;
box-sizing: border-box;
}
.absolu-wa-combo.is-open .absolu-wa-combo__search { display: block; }
.absolu-wa-combo__search-input {
width: 100%; height: 36px; padding: 0 10px;
border: 1px solid var(--absolu-border); font-size: 13px; box-sizing: border-box;
}
.absolu-wa-combo__search-input:focus { outline: none; border-color: var(--absolu-primary); }
.absolu-wa-combo.is-open .absolu-wa-combo__list { top: calc(100% + 56px); }
.absolu-wa-combo__item.is-hidden { display: none; } .absolu-engraving { border: 1px solid var(--absolu-border, #e8e8e8); border-radius: 2px; margin: 16px 0 12px; background: #fff; }
.absolu-engraving__header { display: grid; grid-template-columns: auto 1fr auto auto; grid-template-rows: auto auto; column-gap: 14px; row-gap: 2px; align-items: center; width: 100%; padding: 14px 16px; background: #fff; border: 0; cursor: pointer; text-align: left; font: inherit; color: var(--absolu-text, #2C2D33); position: relative; }
.absolu-engraving__header:hover { background: #fafafa; }
.absolu-engraving__header-icon { grid-row: 1 / span 2; font-size: 26px; color: var(--absolu-text, #2C2D33); line-height: 1; }
.absolu-engraving__header-text { grid-column: 2; display: flex; flex-direction: column; gap: 2px; }
.absolu-engraving__header-title { font-size: 14px; font-weight: 500; letter-spacing: .02em; }
.absolu-engraving__header-sub { font-size: 12px; color: var(--absolu-text-light, #54595F); }
.absolu-engraving__header-desc { grid-column: 3; font-size: 12px; color: var(--absolu-text-light, #54595F); justify-self: end; }
.absolu-engraving__header-price { grid-column: 3; grid-row: 1 / span 2; align-self: center; justify-self: end; font-size: 13px; font-weight: 500; color: var(--absolu-text, #2C2D33); letter-spacing: .02em; white-space: nowrap; }
.absolu-engraving__header-caret { grid-column: 4; grid-row: 1 / span 2; font-size: 14px; color: var(--absolu-text-light, #54595F); transition: transform .2s ease; }
.absolu-engraving.is-open .absolu-engraving__header-caret { transform: rotate(180deg); }
.absolu-engraving__panel { border-top: 1px solid var(--absolu-border, #e8e8e8); padding: 16px; display: none; flex-direction: column; gap: 16px; }
.absolu-engraving.is-open .absolu-engraving__panel { display: flex !important; }
.absolu-engraving__step-label { display: block; font-size: 12px; font-weight: 500; margin-bottom: 8px; color: var(--absolu-text, #2C2D33); letter-spacing: .04em; text-transform: uppercase; }
.absolu-engraving__input-wrap { position: relative; }
.absolu-engraving__input { width: 100%; padding: 12px 58px 12px 14px; border: 1px solid var(--absolu-border, #e8e8e8); border-radius: 2px; font-size: 15px; letter-spacing: .08em; text-transform: uppercase; background: #fff; }
.absolu-engraving__input:focus { outline: none; border-color: var(--absolu-text, #2C2D33); }
.absolu-engraving__char-count { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); font-size: 11px; color: var(--absolu-text-light, #54595F); font-variant-numeric: tabular-nums; }
.absolu-engraving__hint { margin: 6px 0 0; font-size: 11px; color: var(--absolu-text-light, #54595F); }
.absolu-engraving__font-btn { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 10px 6px; border: 1px solid var(--absolu-border, #e8e8e8); background: #fff; cursor: pointer; border-radius: 2px; font: inherit; }
.absolu-engraving__font-btn > span:first-child { font-size: 22px; line-height: 1; color: var(--absolu-text, #2C2D33); }
.absolu-engraving__font-name { font-size: 11px; color: var(--absolu-text-light, #54595F); letter-spacing: .03em; }
.absolu-engraving__font-btn--active { border-color: var(--absolu-text, #2C2D33); background: #fafafa; }
.absolu-engraving__preview { position: relative; aspect-ratio: 4 / 3; background: #f8f8f8; border: 1px solid var(--absolu-border, #e8e8e8); border-radius: 2px; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.absolu-engraving__preview-img { max-width: 100%; max-height: 100%; width: auto; height: 100%; object-fit: contain; display: block; }
.absolu-engraving__preview-text { position: absolute; left: 50%; top: 58%; transform: translate(-50%, -50%); font-size: clamp(14px, 3vw, 22px); letter-spacing: .18em; color: #2C2D33; text-shadow: 0 1px 0 rgba(255,255,255,.6); pointer-events: none; white-space: nowrap; }
.absolu-engraving__agreement { border-top: 1px dashed var(--absolu-border, #e8e8e8); padding-top: 14px; }
.absolu-engraving__agree-label { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; cursor: pointer; position: relative; }
.absolu-engraving__agree-label input[type=checkbox] { position: absolute; opacity: 0; pointer-events: none; width: 0; height: 0; }
.absolu-engraving__agree-box { width: 16px; height: 16px; border: 1px solid var(--absolu-text); border-radius: 2px; background: #fff; margin-top: 2px; display: inline-block; position: relative; flex-shrink: 0; }
.absolu-engraving__agree-label input[type=checkbox]:checked + .absolu-engraving__agree-box { background: var(--absolu-primary); border-color: var(--absolu-primary); }
.absolu-engraving__agree-label input[type=checkbox]:checked + .absolu-engraving__agree-box::after { content: ''; position: absolute; left: 4px; top: 1px; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.absolu-engraving__agree-text { font-size: 12px; line-height: 1.55; color: var(--absolu-text-light, #54595F); }
.absolu-engraving__agree-error { color: #b32222; font-size: 12px; margin: 8px 0 0; }
@media (max-width: 480px) {
.absolu-engraving__header { grid-template-columns: auto 1fr auto; }
.absolu-engraving__header-desc { display: none; }
.absolu-engraving__header-caret { grid-column: 3; }
} .absolu-engraving__header-icon { width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; background: #ffffff; border-radius: 2px; overflow: hidden; padding: 6px; }
.absolu-engraving__header-img { width: 100%; height: 100%; object-fit: contain; display: block; }
.absolu-engraving__preview { aspect-ratio: auto; min-height: 120px; padding: 32px 16px; }
.absolu-engraving__preview-img { display: none !important; }
.absolu-engraving__preview-text { position: static; transform: none; left: auto; top: auto; font-size: clamp(22px, 5vw, 34px); letter-spacing: .22em; text-shadow: none; color: var(--absolu-text, #2C2D33); } .absolu-engraving__font-btn { padding: 8px 6px !important; } .absolu-engraving__input--error { border-color: #b32222 !important; } .absolu-side-drawer__loading { padding: 56px 20px; }
.absolu-side-drawer__loading::after,
.absolu-side-drawer__loading-overlay::before {
content: "";
width: 30px;
height: 30px;
border: 0;
border-radius: 50%;
background:
conic-gradient(from 0deg, var(--absolu-primary) 0deg, var(--absolu-primary) 90deg, transparent 91deg, transparent 180deg, var(--absolu-secondary) 180deg, var(--absolu-secondary) 270deg, transparent 271deg) no-repeat;
-webkit-mask: radial-gradient(circle, transparent 9px, #000 10px, #000 12px, transparent 13px);
mask: radial-gradient(circle, transparent 9px, #000 10px, #000 12px, transparent 13px);
animation: absolu-brand-spin 1.1s linear infinite;
box-shadow: none;
position: relative;
}
.absolu-side-drawer__loading { position: relative; }
.absolu-side-drawer__loading::before {
content: "";
position: absolute;
top: 50%; left: 50%;
width: 4px; height: 4px;
margin: -2px 0 0 -2px;
background: var(--absolu-secondary);
border-radius: 50%;
z-index: 1;
}
.absolu-side-drawer__loading-overlay {
background: rgba(0, 0, 0, 0.35);
}
.absolu-side-drawer__loading-overlay::after {
content: "";
position: absolute;
top: 50%; left: 50%;
width: 4px; height: 4px;
margin: -2px 0 0 -2px;
background: var(--absolu-secondary);
border-radius: 50%;
}
@keyframes absolu-brand-spin { to { transform: rotate(360deg); } }  .absolu-loader {
width: 30px;
height: 30px;
border: 0;
border-radius: 50%;
background: conic-gradient(from 0deg, var(--absolu-primary) 0deg, var(--absolu-primary) 90deg, transparent 91deg, transparent 180deg, var(--absolu-secondary) 180deg, var(--absolu-secondary) 270deg, transparent 271deg) no-repeat;
-webkit-mask: radial-gradient(circle, transparent 9px, #000 10px, #000 12px, transparent 13px);
mask: radial-gradient(circle, transparent 9px, #000 10px, #000 12px, transparent 13px);
animation: absolu-brand-spin 1.1s linear infinite;
position: relative;
display: inline-block;
vertical-align: middle;
}
.absolu-loader::before {
content: "";
position: absolute;
top: 50%; left: 50%;
width: 4px; height: 4px;
margin: -2px 0 0 -2px;
background: var(--absolu-secondary);
border-radius: 50%;
animation: absolu-brand-spin-rev 1.1s linear infinite;
}
.absolu-loader--sm { width: 20px; height: 20px; -webkit-mask: radial-gradient(circle, transparent 6px, #000 7px, #000 8px, transparent 9px); mask: radial-gradient(circle, transparent 6px, #000 7px, #000 8px, transparent 9px); }
.absolu-loader--sm::before { width: 3px; height: 3px; margin: -1.5px 0 0 -1.5px; }
.absolu-loader--lg { width: 46px; height: 46px; -webkit-mask: radial-gradient(circle, transparent 14px, #000 15px, #000 18px, transparent 19px); mask: radial-gradient(circle, transparent 14px, #000 15px, #000 18px, transparent 19px); }
.absolu-loader--lg::before { width: 6px; height: 6px; margin: -3px 0 0 -3px; }
.absolu-loader-overlay {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.35);
z-index: 20;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease;
}
.absolu-loader-overlay.is-active { opacity: 1; pointer-events: auto; }
@keyframes absolu-brand-spin { to { transform: rotate(360deg); } }
@keyframes absolu-brand-spin-rev { to { transform: rotate(-360deg); } } .blockUI.blockOverlay { background: rgba(0, 0, 0, 0.35) !important; opacity: 1 !important; cursor: default !important; }
.blockUI.blockOverlay::before {
content: "";
position: absolute;
top: 50%; left: 50%;
width: 30px; height: 30px;
margin: -15px 0 0 -15px;
border: 0;
border-radius: 50%;
background: conic-gradient(from 0deg, var(--absolu-primary) 0deg, var(--absolu-primary) 90deg, transparent 91deg, transparent 180deg, var(--absolu-secondary) 180deg, var(--absolu-secondary) 270deg, transparent 271deg) no-repeat;
-webkit-mask: radial-gradient(circle, transparent 9px, #000 10px, #000 12px, transparent 13px);
mask: radial-gradient(circle, transparent 9px, #000 10px, #000 12px, transparent 13px);
animation: absolu-brand-spin 1.1s linear infinite;
}
.blockUI.blockOverlay::after {
content: "";
position: absolute;
top: 50%; left: 50%;
width: 4px; height: 4px;
margin: -2px 0 0 -2px;
background: var(--absolu-secondary);
border-radius: 50%;
} .absolu-btn.is-loading { position: relative; color: transparent !important; pointer-events: none; }
.absolu-btn.is-loading::after {
content: "";
position: absolute;
top: 50%; left: 50%;
width: 20px; height: 20px;
margin: -10px 0 0 -10px;
border-radius: 50%;
background: conic-gradient(from 0deg, #fff 0deg, #fff 90deg, transparent 91deg, transparent 180deg, var(--absolu-secondary) 180deg, var(--absolu-secondary) 270deg, transparent 271deg) no-repeat;
-webkit-mask: radial-gradient(circle, transparent 6px, #000 7px, #000 8px, transparent 9px);
mask: radial-gradient(circle, transparent 6px, #000 7px, #000 8px, transparent 9px);
animation: absolu-brand-spin 1.1s linear infinite;
} .absolu-live-search__results.is-fetching { position: relative; min-height: 200px; }
.absolu-live-search__results.is-fetching::before {
content: "";
position: absolute;
top: 40px; left: 50%;
width: 30px; height: 30px;
margin-left: -15px;
border-radius: 50%;
background: conic-gradient(from 0deg, var(--absolu-primary) 0deg, var(--absolu-primary) 90deg, transparent 91deg, transparent 180deg, var(--absolu-secondary) 180deg, var(--absolu-secondary) 270deg, transparent 271deg) no-repeat;
-webkit-mask: radial-gradient(circle, transparent 9px, #000 10px, #000 12px, transparent 13px);
mask: radial-gradient(circle, transparent 9px, #000 10px, #000 12px, transparent 13px);
animation: absolu-brand-spin 1.1s linear infinite;
z-index: 2;
} html { -webkit-tap-highlight-color: transparent; }
a, button, [role="button"], input, select, textarea, label, .absolu-product-card, .absolu-side-drawer__item, .absolu-mobile-menu__item, .absolu-mobile-menu__toggle { -webkit-tap-highlight-color: transparent; } .absolu-engraving__preview {
overflow: hidden;
max-width: 100%;
width: 100%;
box-sizing: border-box;
}
.absolu-engraving__preview-text {
display: inline-block;
max-width: calc(100% - 16px);
white-space: nowrap;
overflow: hidden;
text-overflow: clip;
box-sizing: border-box;
} @media (max-width: 600px) {
.absolu-engraving__preview-text {
font-size: 24px !important;
letter-spacing: 0.1em !important;
}
}
@media (max-width: 380px) {
.absolu-engraving__preview-text {
font-size: 20px !important;
letter-spacing: 0.06em !important;
}
} .absolu-engraving { border-left: 3px solid var(--absolu-secondary, #D1B488); } .absolu-wa-field__hint { display: block; margin-top: 6px; font-size: 12px; color: var(--absolu-text-light, #54595F); line-height: 1.45; } :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
outline: 2px solid var(--absolu-secondary, #D1B488);
outline-offset: 2px;
} .absolu-btn.absolu-animate,
.absolu-btn--border.absolu-animate {
transition: opacity 0.6s ease, transform 0.6s ease, background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}  .absolu-notify-me__btn.absolu-btn { padding: 10px 18px; font-size: 13px; letter-spacing: .5px; border-radius: 0; }
.absolu-notify-me__btn.absolu-btn:hover { background: var(--absolu-secondary); color: #fff; } .absolu-notify-me__request { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; margin-top: 10px; }
.absolu-notify-me__request svg { width: 22px; height: 22px; flex: 0 0 auto; } body.single-product .site-main,
body.woocommerce-page .site-main,
body.archive.woocommerce .site-main {
max-width: 100%;
margin-inline: auto;
padding-inline: 0;
}  .absolu-hide-phone-row,
p.form-row.absolu-hide-phone-row,
#billing_phone_field.absolu-hide-phone-row {
position: absolute !important;
left: -9999px !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
} @media (max-width: 768px) {
.absolu-checkout-container {
padding-left: 16px;
padding-right: 16px;
}
.absolu-checkout-wrap,
.absolu-checkout-grid,
.absolu-checkout-fields,
.absolu-checkout .woocommerce-billing-fields__field-wrapper {
margin-left: auto;
margin-right: auto;
}
.absolu-checkout-wrap {
max-width: 520px;
}
} .woocommerce-password-hint,
.woocommerce-password-strength {
border: none !important;
border-left: 3px solid var(--absolu-primary) !important;
background: #f7f7f5 !important;
color: var(--absolu-text) !important;
} .woocommerce form .form-row .password-input {
position: relative;
display: block;
}
.woocommerce form .form-row .password-input input.input-text {
padding-right: 44px;
}
.woocommerce form .form-row .show-password-input {
position: absolute;
top: 50%;
right: 12px;
transform: translateY(-50%);
cursor: pointer;
color: var(--absolu-text-light);
opacity: 1;
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
}
.woocommerce form .form-row .show-password-input::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2354595F' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
}
.woocommerce form .form-row .show-password-input.display-password::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D50A31' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 17.94A10.94 10.94 0 0 1 12 19c-6.5 0-10-7-10-7a19.77 19.77 0 0 1 4.22-5.39'/%3E%3Cpath d='M9.88 4.24A10.73 10.73 0 0 1 12 4c6.5 0 10 7 10 7a19.53 19.53 0 0 1-2.16 3.19'/%3E%3Cpath d='M1 1l22 22'/%3E%3C/svg%3E");
} .absolu-orders{
display:flex;flex-direction:column;gap:14px;margin:0 0 28px;
}
.absolu-order-card{
background:#fff;border:1px solid var(--absolu-border,#e8e8e8);
border-radius:2px;transition:border-color .2s ease, box-shadow .2s ease;
}
.absolu-order-card:hover{ border-color:#d4d4d4; }
.absolu-order-card__head{
display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;
padding:14px 18px;border-bottom:1px solid #f1f1f1;
}
.absolu-order-card__ref{ display:flex;flex-direction:column;gap:2px; }
.absolu-order-card__label{
font-size:10px;letter-spacing:.14em;text-transform:uppercase;
color:var(--absolu-text-light,#54595F);
}
.absolu-order-card__number{
font-family:var(--absolu-font,"OmegaCT","Exo 2",sans-serif);
font-size:17px;color:var(--absolu-text,#2C2D33);text-decoration:none;
letter-spacing:.02em;
}
.absolu-order-card__number:hover{ color:var(--absolu-primary,#D50A31); }
.absolu-order-card__date{
font-size:13px;color:var(--absolu-text-light,#54595F);white-space:nowrap;
}
.absolu-order-card__status{
display:inline-flex;align-items:center;padding:5px 11px;
font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;
border-radius:999px;white-space:nowrap;line-height:1;
background:#f3f3f3;color:#444;border:1px solid #e8e8e8;
}
.absolu-order-card__status--processing{ background:#eef6ff;color:#0b61b0;border-color:#d6e6f5; }
.absolu-order-card__status--on-hold{    background:#fff7e6;color:#8a5a00;border-color:#f1dfb5; }
.absolu-order-card__status--completed{  background:#eef8ee;color:#1f7a34;border-color:#d3e9d5; }
.absolu-order-card__status--cancelled,
.absolu-order-card__status--failed,
.absolu-order-card__status--refunded{   background:#fdeceb;color:#a81d13;border-color:#f4cfcb; }
.absolu-order-card__status--pending{    background:#f3f3f3;color:#555;border-color:#e8e8e8; }
.absolu-order-card__body{
display:flex;align-items:center;gap:14px;padding:16px 18px;
}
.absolu-order-card__thumb{
flex:0 0 64px;width:64px;height:64px;overflow:hidden;
background:#fafafa;border:1px solid #f1f1f1;
}
.absolu-order-card__thumb img{
width:100%;height:100%;object-fit:cover;display:block;
}
.absolu-order-card__summary{
flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;
}
.absolu-order-card__items{
font-size:14px;color:var(--absolu-text,#2C2D33);line-height:1.45;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box;
-webkit-line-clamp:2;-webkit-box-orient:vertical;
}
.absolu-order-card__more{
color:var(--absolu-text-light,#54595F);font-size:12px;
}
.absolu-order-card__meta{
display:flex;align-items:center;gap:8px;font-size:13px;
color:var(--absolu-text-light,#54595F);
}
.absolu-order-card__meta bdi{ color:var(--absolu-text,#2C2D33);font-weight:500; }
.absolu-order-card__sep{ opacity:.5; }
.absolu-order-card__foot{
display:flex;align-items:center;justify-content:space-between;gap:12px;
padding:12px 18px;border-top:1px solid #f1f1f1;background:#fcfcfc;
flex-wrap:wrap;
}
.absolu-order-card__view{
font-size:13px;letter-spacing:.04em;text-decoration:none;
color:var(--absolu-text,#2C2D33);border-bottom:1px solid transparent;
padding-bottom:1px;transition:color .15s ease, border-color .15s ease;
}
.absolu-order-card__view:hover{
color:var(--absolu-primary,#D50A31);border-bottom-color:var(--absolu-primary,#D50A31);
}
.absolu-order-card__actions{ display:flex;gap:8px;flex-wrap:wrap; }
.absolu-order-card__action{
display:inline-flex;align-items:center;padding:7px 14px;
font-size:12px;letter-spacing:.06em;text-transform:uppercase;
text-decoration:none;border:1px solid var(--absolu-text,#2C2D33);
color:var(--absolu-text,#2C2D33);background:#fff;line-height:1;
transition:background .15s ease, color .15s ease;
}
.absolu-order-card__action:hover{
background:var(--absolu-text,#2C2D33);color:#fff;
}
.absolu-order-card__action.pay,
.absolu-order-card__action.view{
background:var(--absolu-primary,#D50A31);color:#fff;border-color:var(--absolu-primary,#D50A31);
}
.absolu-order-card__action.pay:hover,
.absolu-order-card__action.view:hover{
background:var(--absolu-secondary);border-color:var(--absolu-secondary);
}
.absolu-orders-pagination{
display:flex;justify-content:space-between;align-items:center;
gap:12px;margin-top:20px;
}
.absolu-orders-pagination a{
font-size:13px;letter-spacing:.04em;text-decoration:none;
color:var(--absolu-text,#2C2D33);padding:8px 14px;
border:1px solid var(--absolu-border,#e8e8e8);
transition:background .15s ease, color .15s ease, border-color .15s ease;
}
.absolu-orders-pagination a:hover{
background:var(--absolu-text,#2C2D33);color:#fff;border-color:var(--absolu-text,#2C2D33);
}
.absolu-empty-orders{
text-align:center;padding:60px 20px;background:#fafafa;
border:1px solid var(--absolu-border,#e8e8e8);
}
.absolu-empty-orders i{
font-size:44px;color:var(--absolu-secondary,#D1B488);display:block;margin-bottom:16px;
}
.absolu-empty-orders h3{
font-family:var(--absolu-font,"OmegaCT","Exo 2",sans-serif);
font-size:24px;margin:0 0 10px;color:var(--absolu-text,#2C2D33);
}
.absolu-empty-orders p{
font-size:14px;color:var(--absolu-text-light,#54595F);
max-width:440px;margin:0 auto 22px;line-height:1.6;
}
.absolu-empty-orders__btn{
display:inline-block;padding:12px 28px;background:var(--absolu-primary,#D50A31);
color:#fff;text-decoration:none;font-size:13px;letter-spacing:.1em;
text-transform:uppercase;transition: all 0.2s ease;
}
a.absolu-empty-orders__btn{ color:#fff; }
a.absolu-empty-orders__btn:hover{ background:var(--absolu-secondary); color:#fff; }
@media (max-width:640px){
.absolu-order-card__head{
grid-template-columns:1fr auto;grid-row-gap:6px;padding:12px 14px;
}
.absolu-order-card__date{ grid-column:1;font-size:12px; }
.absolu-order-card__status{ grid-column:2;grid-row:1 / span 2;align-self:center; }
.absolu-order-card__body{ padding:14px; }
.absolu-order-card__foot{ padding:10px 14px; }
.absolu-order-card__thumb{ flex-basis:56px;width:56px;height:56px; }
} .absolu-engraving__panel{
display:flex !important;
flex-direction:column;gap:16px;
max-height:0;
overflow:hidden;
padding:0 16px;
opacity:0;
border-top:0;
transition:max-height .35s ease, opacity .3s ease, padding .3s ease, border-color .3s ease;
}
.absolu-engraving.is-open .absolu-engraving__panel{
max-height:1600px;
opacity:1;
padding:16px;
border-top:1px solid var(--absolu-border,#e8e8e8);
}
.absolu-engraving__header-caret{
transition:transform .3s ease;
display:inline-flex;align-items:center;justify-content:center;
}
@media (max-width: 480px){
.absolu-engraving__header{
grid-template-columns:auto 1fr auto;
grid-template-rows:auto auto;
column-gap:10px;
row-gap:2px;
padding:12px 14px 12px 12px;
position:relative;
}
.absolu-engraving__header-icon{
grid-row:1 / span 2;
width:44px;height:44px;padding:4px;
}
.absolu-engraving__header-text{
grid-column:2;grid-row:1 / span 2;
padding-right:60px;
}
.absolu-engraving__header-title{font-size:13px;}
.absolu-engraving__header-sub{font-size:11px;}
.absolu-engraving__header-desc{display:none;}
.absolu-engraving__header-price{
position:absolute;
top:10px;right:12px;
grid-column:auto;grid-row:auto;
align-self:auto;justify-self:auto;
font-size:12px;
background:#fff;padding:0;
}
.absolu-engraving__header-caret{
position:absolute;
bottom:10px;right:12px;
grid-column:auto;grid-row:auto;
font-size:13px;
color:var(--absolu-text-light,#54595F);
}
} .absolu-order-card__btn{
display:inline-flex;align-items:center;justify-content:center;
padding:10px 22px;font-size:12px;letter-spacing:.1em;
text-transform:uppercase;text-decoration:none;line-height:1;
border-radius:0;
}
.absolu-order-card__btn.absolu-btn,
.absolu-order-card__btn.absolu-btn:hover,
.absolu-order-card__btn.absolu-btn:focus,
.absolu-order-card__btn.absolu-btn:visited{
color:var(--absolu-white,#fff) !important;
text-decoration:none;
}
.absolu-order-card__btn.absolu-btn--border,
.absolu-order-card__btn.absolu-btn--border:focus,
.absolu-order-card__btn.absolu-btn--border:visited{
color:var(--absolu-text,#2C2D33);
text-decoration:none;
}
.absolu-order-card__btn.absolu-btn--border:hover{
color:var(--absolu-white,#fff);
text-decoration:none;
}
.absolu-order-card__foot{
justify-content:flex-end;
}
@media (max-width:640px){
.absolu-order-card__foot{
justify-content:stretch;
}
.absolu-order-card__actions{
width:100%;flex-direction:column;gap:8px;
}
.absolu-order-card__btn{
width:100%;padding:12px 18px;
}
.absolu-order-card__body{gap:12px;}
.absolu-order-card__items{font-size:13px;}
.absolu-order-card__meta{font-size:12px;flex-wrap:wrap;}
} .absolu-vo{display:flex;flex-direction:column;gap:16px;margin:0 0 32px;}
.absolu-vo__summary{
background:#fff;border:1px solid var(--absolu-border,#e8e8e8);
padding:20px 22px;
}
.absolu-vo__summary-row{
display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:start;
}
.absolu-vo__summary-cell{display:flex;flex-direction:column;gap:6px;min-width:0;}
.absolu-vo__label{
font-size:10px;letter-spacing:.14em;text-transform:uppercase;
color:var(--absolu-text-light,#54595F);
}
.absolu-vo__value{
font-family:var(--absolu-font-body,"Poppins",sans-serif);
font-size:15px;color:var(--absolu-text,#2C2D33);
word-break:break-word;
}
.absolu-vo__value--number{
font-family:var(--absolu-font,"OmegaCT","Exo 2",sans-serif);
font-size:18px;letter-spacing:.02em;
}
.absolu-vo__value--total{font-weight:600;}
.absolu-vo__value--total bdi{color:var(--absolu-text,#2C2D33);}
.absolu-vo__status{
display:inline-flex;align-items:center;padding:5px 11px;
font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;
border-radius:999px;line-height:1;align-self:flex-start;
background:#f3f3f3;color:#444;border:1px solid #e8e8e8;
}
.absolu-vo__status--processing{ background:#eef6ff;color:#0b61b0;border-color:#d6e6f5; }
.absolu-vo__status--on-hold{    background:#fff7e6;color:#8a5a00;border-color:#f1dfb5; }
.absolu-vo__status--completed{  background:#eef8ee;color:#1f7a34;border-color:#d3e9d5; }
.absolu-vo__status--cancelled,
.absolu-vo__status--failed,
.absolu-vo__status--refunded{   background:#fdeceb;color:#a81d13;border-color:#f4cfcb; }
.absolu-vo__status--pending{    background:#f3f3f3;color:#555;border-color:#e8e8e8; }
.absolu-vo__summary-actions{
display:flex;gap:10px;flex-wrap:wrap;
padding-top:18px;margin-top:18px;border-top:1px solid #f1f1f1;
}
.absolu-vo__action{
display:inline-flex;align-items:center;justify-content:center;
padding:12px 26px;font-size:13px;font-weight:600;letter-spacing:1.7px;
text-transform:uppercase;text-decoration:none;line-height:1;border-radius:0;
}
.absolu-vo__action.absolu-btn,
.absolu-vo__action.absolu-btn:hover,
.absolu-vo__action.absolu-btn:focus,
.absolu-vo__action.absolu-btn:visited{ color:var(--absolu-white,#fff); text-decoration:none; }
.absolu-vo__action.absolu-btn--border,
.absolu-vo__action.absolu-btn--border:focus,
.absolu-vo__action.absolu-btn--border:visited{ color:var(--absolu-text,#2C2D33); text-decoration:none; }
.absolu-vo__action.absolu-btn--border:hover{ color:var(--absolu-white,#fff); text-decoration:none; }
.absolu-vo__card{
background:#fff;border:1px solid var(--absolu-border,#e8e8e8);
padding:22px 22px 20px;
}
.absolu-vo__card-title{
font-family:var(--absolu-font,"OmegaCT","Exo 2",sans-serif);
font-size:18px;margin:0 0 16px;color:var(--absolu-text,#2C2D33);
letter-spacing:.04em;
}
.absolu-vo__items{ list-style:none;padding:0;margin:0;margin-left:0 !important;padding-left:0 !important; }
.absolu-vo__item{
background:var(--absolu-bg-light,#f8f8f8);border-radius:2px;
padding:16px 18px;margin-bottom:10px;
text-align:left;
}
.absolu-vo__item:last-child{ margin-bottom:0; }
.absolu-vo__unit{
display:grid;grid-template-columns:64px minmax(0,1fr) auto auto;
column-gap:20px;row-gap:4px;align-items:center;
}
.absolu-vo__unit + .absolu-vo__unit{
margin-top:12px;padding-top:12px;border-top:1px solid var(--absolu-border,#e8e8e8);
}
@media (max-width:480px){
.absolu-vo__item{ padding-left:10px; }
.absolu-vo__unit{ grid-template-columns:48px minmax(0,1fr) auto auto;column-gap:12px; }
.absolu-vo__item-thumb{ width:48px;height:48px; }
.absolu-vo__item-thumb img{ width:48px;height:48px; }
}
.absolu-vo__item > *{ text-align:left; }
.absolu-vo__item-thumb{
width:64px;height:64px;background:#fafafa;
border:1px solid #f1f1f1;overflow:hidden;
}
.absolu-vo__item-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.absolu-vo__item-main{min-width:0;}
.absolu-vo__item-name{font-size:14px;color:var(--absolu-text,#2C2D33);line-height:1.45;}
.absolu-vo__item-name a{color:inherit;text-decoration:none;}
.absolu-vo__item-name a:hover{color:var(--absolu-primary,#D50A31);}
.absolu-vo__item-meta{
margin-top:4px;font-size:12px;color:var(--absolu-text-light,#54595F);
}
.absolu-vo__item-meta p{display:inline;margin:0;}
.absolu-vo__item-meta strong{font-weight:500;color:var(--absolu-text,#2C2D33);}
.absolu-vo__item-eng{
margin-top:6px;padding:8px 12px;background:#fafafa;
border:1px solid #f1f1f1;display:inline-flex;align-items:baseline;gap:10px;
flex-wrap:wrap;max-width:100%;
}
.absolu-vo__item-eng-label{
font-size:10px;letter-spacing:.14em;text-transform:uppercase;
color:var(--absolu-text-light,#54595F);
}
.absolu-vo__item-eng-value{
font-size:15px;letter-spacing:.18em;color:var(--absolu-text,#2C2D33);
font-family:"Times New Roman",Georgia,serif;
}
.absolu-vo__item-eng-value--serif{ font-family:"Times New Roman",Georgia,serif;letter-spacing:.18em; }
.absolu-vo__item-eng-value--sans{  font-family:Arial,Helvetica,sans-serif;letter-spacing:.14em;font-style:normal; }
.absolu-vo__item-eng-value--script{ font-family:Georgia,"Palatino",serif;font-style:italic;letter-spacing:.04em;font-size:18px; }
.absolu-vo__item-eng-font{
font-size:11px;color:var(--absolu-text-light,#54595F);
padding:2px 8px;background:#fff;border:1px solid #ececec;border-radius:999px;
letter-spacing:.04em;
}
.absolu-vo__item-qty{
font-size:13px;color:var(--absolu-text-light,#54595F);white-space:nowrap;
}
.absolu-vo__item-total{
font-size:14px;color:var(--absolu-text,#2C2D33);white-space:nowrap;
font-weight:500;
}
.absolu-vo__item-total bdi{color:inherit;}
.absolu-vo__totals{
margin:10px 0 0;padding:14px 0 0;border-top:1px solid #ececec;
display:flex;flex-direction:column;gap:8px;
}
.absolu-vo__totals-row{
display:flex;justify-content:space-between;align-items:baseline;gap:16px;
font-size:13px;color:var(--absolu-text-light,#54595F);
}
.absolu-vo__totals-row dt{margin:0;font-weight:400;}
.absolu-vo__totals-row dd{margin:0;color:var(--absolu-text,#2C2D33);}
.absolu-vo__totals-row dd bdi{color:inherit;}
.absolu-vo__totals-row--grand{
padding-top:12px;margin-top:4px;border-top:1px solid #ececec;
font-size:15px;color:var(--absolu-text,#2C2D33);font-weight:600;
}
.absolu-vo__totals-row--grand dt{color:var(--absolu-text,#2C2D33);}
.absolu-vo__totals-row--grand dd{font-size:16px;}
.absolu-vo__customer-note{
margin-top:18px;padding:14px 16px;background:#fafafa;
border:1px solid #f1f1f1;
}
.absolu-vo__customer-note p{margin:6px 0 0;font-size:13px;color:var(--absolu-text,#2C2D33);}
.absolu-vo__addresses{ padding-top:6px; }
.absolu-vo-customer-details{margin:0 !important;}
.absolu-vo-customer-details h2{
font-family:var(--absolu-font,"OmegaCT","Exo 2",sans-serif) !important;
font-size:18px !important;margin:0 0 16px !important;padding:0 !important;
border:0 !important;text-transform:none !important;
letter-spacing:.04em !important;color:var(--absolu-text,#2C2D33) !important;
}
.absolu-vo__notes{list-style:none;padding:0;margin:0;}
.absolu-vo__note-item{
padding:12px 0;border-bottom:1px solid #f1f1f1;
}
.absolu-vo__note-item:last-child{border-bottom:0;}
.absolu-vo__note-date{
display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;
color:var(--absolu-text-light,#54595F);margin-bottom:4px;
}
.absolu-vo__note-body p{margin:0;font-size:13px;color:var(--absolu-text,#2C2D33);line-height:1.6;}
.woocommerce-account .woocommerce-order-details,
.woocommerce-account section.woocommerce-order-details,
.woocommerce-account .woocommerce-table--order-details,
.woocommerce-account .woocommerce-customer-details,
.woocommerce-view-order .woocommerce-order-details,
.woocommerce-view-order section.woocommerce-order-details,
.woocommerce-view-order .woocommerce-table--order-details,
.woocommerce-view-order .woocommerce-customer-details,
.absolu-vo .woocommerce-order-details,
.absolu-vo .woocommerce-table--order-details,
.absolu-vo .woocommerce-customer-details{display:none !important;} .absolu-vo-customer-details h2{
font-weight:700 !important;
color:var(--absolu-text,#2C2D33) !important;
}
.absolu-vo-customer-details address{font-style:normal;}
@media (max-width:768px){
.absolu-vo__summary{padding:16px;}
.absolu-vo__summary-row{grid-template-columns:1fr 1fr;gap:14px;}
.absolu-vo__value--number{font-size:17px;}
.absolu-vo__summary-actions{gap:8px;}
.absolu-vo__action{flex:1 1 auto;padding:11px 16px;}
.absolu-vo__card{padding:16px;}
.absolu-vo__card-title{font-size:16px;margin-bottom:12px;}
.absolu-vo__item{
background:var(--absolu-bg-light,#f8f8f8);border-radius:2px;
grid-template-columns:56px minmax(0,1fr) auto;
grid-template-rows:auto auto;
column-gap:14px;row-gap:4px;
padding:12px 0;
}
.absolu-vo__item-thumb{width:56px;height:56px;grid-row:1 / span 2;}
.absolu-vo__item-main{grid-column:2 / span 2;grid-row:1;}
.absolu-vo__item-qty{grid-column:2;grid-row:2;justify-self:start;font-size:12px;}
.absolu-vo__item-total{grid-column:3;grid-row:2;justify-self:start;font-size:14px;margin-left:12px;}
.absolu-vo__item-name{font-size:13px;}
.absolu-vo__totals-row{font-size:12px;}
.absolu-vo__totals-row--grand{font-size:14px;}
.absolu-vo__totals-row--grand dd{font-size:15px;}
.absolu-vo-customer-details table tr,
.absolu-vo-customer-details table td{
display:block !important;width:100% !important;
}
.absolu-vo-customer-details table td{
margin-bottom:10px;
}
.absolu-vo-customer-details table{border-spacing:0 !important;}
}
@media (max-width:480px){
.absolu-vo__summary-row{grid-template-columns:1fr;gap:12px;}
.absolu-vo__summary-actions{flex-direction:column;}
.absolu-vo__action{width:100%;}
} .absolu-account-content .edit-account .absolu-wa-field .absolu-wa-combo { flex: 0 0 110px !important; min-width: 110px !important; }
.absolu-account-content .edit-account .absolu-wa-field input.absolu-wa-local { flex: 1 1 auto !important; width: 100% !important; }
.absolu-account-content .edit-account .absolu-wa-field__inputs { flex-wrap: nowrap; }
@media (max-width: 480px) {
.absolu-account-content .edit-account .absolu-wa-field .absolu-wa-combo { flex: 0 0 96px !important; min-width: 96px !important; }
} form.woocommerce-EditAccountForm.edit-account .absolu-wa-field .absolu-wa-field__inputs{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:8px!important;width:100%!important;}
form.woocommerce-EditAccountForm.edit-account .absolu-wa-field .absolu-wa-field__inputs .absolu-wa-combo{flex:0 0 110px!important;width:110px!important;min-width:110px!important;max-width:110px!important;}
form.woocommerce-EditAccountForm.edit-account .absolu-wa-field .absolu-wa-field__inputs input.absolu-wa-local{flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important;}
@media (max-width:480px){form.woocommerce-EditAccountForm.edit-account .absolu-wa-field .absolu-wa-field__inputs .absolu-wa-combo{flex:0 0 96px!important;width:96px!important;min-width:96px!important;max-width:96px!important;}} .absolu-page--checkout .absolu-pay{
display:block;
color:var(--absolu-text);
font-family:var(--absolu-font-body);
} .absolu-pay__head{
text-align:center;
padding:16px 0 32px;
border-bottom:1px solid var(--absolu-border);
margin-bottom:40px;
}
.absolu-pay__kicker{
display:inline-block;
font-size:11px;
letter-spacing:.22em;
text-transform:uppercase;
color:var(--absolu-text-light);
margin-bottom:10px;
font-weight:500;
}
.absolu-pay__title{
font-family:var(--absolu-font);
font-size:clamp(26px,3.2vw,38px);
line-height:1.15;
color:var(--absolu-text);
margin:0 0 10px;
letter-spacing:.04em;
text-transform:uppercase;
font-weight:500;
}
.absolu-pay__sub{
font-size:14px;
color:var(--absolu-text-light);
margin:0 auto;
max-width:540px;
line-height:1.55;
} .absolu-pay__grid{
display:grid;
grid-template-columns: 1fr 1fr;
gap:48px;
align-items:start;
} .absolu-pay__section-title{
font-family:var(--absolu-font);
font-size:16px;
letter-spacing:.16em;
text-transform:uppercase;
color:var(--absolu-text);
margin:0 0 20px;
padding-bottom:14px;
border-bottom:1px solid var(--absolu-border);
font-weight:500;
} .absolu-pay__items{
list-style:none;
margin:0 0 24px;
padding:0;
}
.absolu-pay__item{
display:grid;
grid-template-columns:64px 1fr auto;
gap:16px;
align-items:center;
padding:14px 0;
border-bottom:1px solid var(--absolu-border);
}
.absolu-pay__item:last-child{border-bottom:none;}
.absolu-pay__item-thumb img{
display:block;
width:64px;height:64px;
object-fit:cover;
background:var(--absolu-bg-light);
}
.absolu-pay__item-main{min-width:0;}
.absolu-pay__item-name{
font-size:14px;
font-weight:500;
color:var(--absolu-text);
line-height:1.4;
margin-bottom:4px;
}
.absolu-pay__item-main .wc-item-meta,
.absolu-pay__item-main .wc-item-meta *,
.absolu-pay__item-main .variation{
font-size:12px;
color:var(--absolu-text-light);
margin:2px 0;
padding:0;
list-style:none;
font-weight:400;
}
.absolu-pay__item-qty{
font-size:12px;
color:var(--absolu-text-light);
margin-top:4px;
}
.absolu-pay__item-total{
font-size:14px;
font-weight:500;
color:var(--absolu-text);
white-space:nowrap;
} .absolu-pay__totals{
margin:0;
padding:20px 0 0;
border-top:1px solid var(--absolu-border);
}
.absolu-pay__total-row{
display:flex;
justify-content:space-between;
align-items:baseline;
padding:8px 0;
font-size:14px;
color:var(--absolu-text);
}
.absolu-pay__total-row dt{
margin:0;
font-weight:400;
color:var(--absolu-text-light);
}
.absolu-pay__total-row dd{
margin:0;
font-weight:500;
}
.absolu-pay__total-row--grand{
border-top:1px solid var(--absolu-border);
margin-top:8px;
padding-top:14px;
font-size:16px;
}
.absolu-pay__total-row--grand dt{
color:var(--absolu-text);
font-weight:500;
text-transform:uppercase;
letter-spacing:.1em;
font-size:12px;
}
.absolu-pay__total-row--grand dd{
font-size:20px;
font-family:var(--absolu-font);
color:var(--absolu-primary);
font-weight:500;
}
.absolu-pay__total-row--grand dd .amount bdi{color:inherit;} .absolu-pay__methods-wrap{
background:var(--absolu-bg-light);
padding:24px;
border:1px solid var(--absolu-border);
}
.absolu-pay__methods{
list-style:none;
margin:0 0 20px;
padding:0;
}
.absolu-pay__methods li.wc_payment_method{
background:var(--absolu-white);
border:1px solid var(--absolu-border);
padding:16px 18px;
margin:0 0 10px;
transition:border-color .2s ease;
}
.absolu-pay__methods li.wc_payment_method:has(> input:checked){
border-color:var(--absolu-primary);
}
.absolu-pay__methods li.wc_payment_method > label{
display:flex;
align-items:center;
gap:10px;
margin:0;
font-weight:500;
color:var(--absolu-text);
cursor:pointer;
font-size:14px;
}
.absolu-pay__methods li.wc_payment_method > input[type="radio"]{
accent-color:var(--absolu-primary);
width:16px;height:16px;
margin:0;
cursor:pointer;
}
.absolu-pay__methods li.wc_payment_method label img{
max-height:24px;
width:auto;
margin-left:auto;
}
.absolu-pay__methods .payment_box{
background:var(--absolu-bg-light);
border-top:1px solid var(--absolu-border);
margin:14px -18px -16px;
padding:16px 18px;
font-size:13px;
color:var(--absolu-text-light);
line-height:1.55;
}
.absolu-pay__methods .payment_box::before{display:none;}
.absolu-pay__methods .payment_box p:last-child{margin-bottom:0;} .absolu-pay__methods .payment_box .wc-stripe-upe-form,
.absolu-pay__methods .payment_box .wc-payment-form{
margin-top:10px;
} .absolu-pay #wc-stripe-express-checkout-element,
.absolu-pay .wc-stripe-payment-request-wrapper,
.absolu-pay #wc-stripe-payment-request-button-separator,
.absolu-pay .wc-stripe-payment-request-wrapper ~ .payment-request-separator{
display:none !important;
} .absolu-pay__submit-row{
margin:0 !important;
padding:0 !important;
}
.absolu-pay__submit.absolu-btn{
display:block;
width:100%;
padding:18px 24px;
background:var(--absolu-primary);
color:var(--absolu-white);
border:1px solid var(--absolu-primary);
font-family:var(--absolu-font);
font-size:14px;
letter-spacing:.2em;
text-transform:uppercase;
font-weight:500;
cursor:pointer;
transition:background .25s ease,color .25s ease,border-color .25s ease;
border-radius:0;
}
.absolu-pay__submit.absolu-btn:hover{
background:var(--absolu-secondary);
color:var(--absolu-text);
border-color:var(--absolu-secondary);
} .absolu-pay__secure-note{
display:flex;
align-items:center;
justify-content:center;
gap:8px;
margin:16px 0 0;
font-size:12px;
color:var(--absolu-text-light);
text-align:center;
}
.absolu-pay__secure-note i{font-size:14px;color:var(--absolu-text-light);} .absolu-pay__submit-row .woocommerce-terms-and-conditions-wrapper{
margin-bottom:16px;
}
.absolu-pay__submit-row .form-row.validate-required{
padding:0;
margin-bottom:14px;
}
.absolu-pay__submit-row .woocommerce-form__label-for-checkbox{
display:flex;
align-items:flex-start;
gap:10px;
font-size:13px;
color:var(--absolu-text);
cursor:pointer;
line-height:1.5;
}
.absolu-pay__submit-row .woocommerce-form__input-checkbox{
margin-top:3px;
accent-color:var(--absolu-primary);
width:16px;height:16px;
flex-shrink:0;
} @media (max-width:900px){
.absolu-pay__grid{
grid-template-columns:1fr;
gap:32px;
}
.absolu-pay__head{
padding:8px 0 24px;
margin-bottom:28px;
}
.absolu-pay__methods-wrap{padding:18px;}
.absolu-pay__methods li.wc_payment_method{padding:14px 14px;}
.absolu-pay__methods .payment_box{margin:12px -14px -14px;padding:14px;}
}
@media (max-width:480px){
.absolu-pay__item{
grid-template-columns:48px 1fr auto;
gap:12px;
}
.absolu-pay__item-thumb img{width:48px;height:48px;}
.absolu-pay__item-name{font-size:13px;}
.absolu-pay__total-row--grand dd{font-size:18px;}
.absolu-pay__submit.absolu-btn{padding:16px 20px;font-size:13px;}
}  .absolu-pay__methods-wrap{
background:transparent;
border:1px solid var(--absolu-border);
padding:0;
} .absolu-pay__methods{
margin:0;
}
.absolu-pay__methods li.wc_payment_method{
background:transparent;
border:none;
border-bottom:1px solid var(--absolu-border);
padding:18px 22px;
margin:0;
}
.absolu-pay__methods li.wc_payment_method:last-of-type{
border-bottom:none;
}
.absolu-pay__methods li.wc_payment_method:has(> input:checked){
border-color:var(--absolu-border);
}
.absolu-pay__methods li.wc_payment_method > label{
font-size:13px;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--absolu-text);
font-weight:500;
padding:0;
}
.absolu-pay__methods li.wc_payment_method label img{display:none;} .absolu-pay__methods .payment_box{
background:transparent !important;
border:none !important;
margin:14px 0 0 !important;
padding:0 !important;
color:var(--absolu-text);
}
.absolu-pay__methods .payment_box::before,
.absolu-pay__methods .payment_box::after{display:none !important;} .absolu-pay__methods .wc-stripe-upe-element,
.absolu-pay__methods #wc-stripe-upe-element,
.absolu-pay__methods .wc-payment-form{
margin:0 !important;
padding:0 !important;
background:transparent !important;
} .absolu-pay__methods .wc-stripe-payment-method-instruction{display:none;} .absolu-pay__methods .woocommerce-SavedPaymentMethods-saveNew,
.absolu-pay__methods .wc-stripe-save-new-payment-method{
margin-top:14px;
font-size:13px;
color:var(--absolu-text);
}
.absolu-pay__methods .woocommerce-SavedPaymentMethods-saveNew label,
.absolu-pay__methods .wc-stripe-save-new-payment-method label{
display:flex;
align-items:flex-start;
gap:10px;
cursor:pointer;
line-height:1.45;
}
.absolu-pay__methods .woocommerce-SavedPaymentMethods-saveNew input[type="checkbox"],
.absolu-pay__methods .wc-stripe-save-new-payment-method input[type="checkbox"]{
accent-color:var(--absolu-primary);
width:16px;
height:16px;
margin-top:2px;
flex-shrink:0;
} .absolu-pay__submit-row{
margin:18px 22px 22px !important;
}
.absolu-pay__secure-note{
margin:0 0 18px !important;
} .absolu-pay__submit.absolu-btn{
letter-spacing:.24em;
} @media (max-width:900px){
.absolu-pay__methods li.wc_payment_method{padding:16px 18px;}
.absolu-pay__submit-row{margin:16px 18px 18px !important;}
} #absolu-a2hs-ios{
display:none;
position:fixed;
inset:0;
z-index:100000;
background:rgba(0,0,0,.55);
backdrop-filter:blur(6px);
-webkit-backdrop-filter:blur(6px);
align-items:center;
justify-content:center;
padding:24px;
}
#absolu-a2hs-ios.is-visible{
display:flex;
}
#absolu-a2hs-ios__card{
background:#fff;
border-radius:2px;
padding:32px 28px;
max-width:320px;
width:100%;
position:relative;
}
#absolu-a2hs-ios__close{
position:absolute;
top:12px;
right:14px;
background:none;
border:none;
font-size:1.4rem;
color:var(--absolu-text-light);
cursor:pointer;
line-height:1;
padding:4px;
}
#absolu-a2hs-ios__title{
font-family:var(--absolu-font);
font-size:15px;
font-weight:600;
letter-spacing:.1em;
text-transform:uppercase;
color:var(--absolu-text);
margin:0 0 24px;
text-align:center;
}
.absolu-a2hs-ios__step{
display:flex;
align-items:center;
gap:14px;
padding:14px 0;
border-top:1px solid var(--absolu-border);
font-family:var(--absolu-font-body);
font-size:14px;
color:var(--absolu-text);
line-height:1.45;
}
.absolu-a2hs-ios__step:last-child{
padding-bottom:0;
}
.absolu-a2hs-ios__num{
width:26px;
height:26px;
border-radius:50%;
background:var(--absolu-primary);
color:#fff;
font-family:var(--absolu-font);
font-size:12px;
font-weight:600;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}
.absolu-a2hs-ios__icon{
flex-shrink:0;
color:var(--absolu-primary);
} .woocommerce-message:focus,
.woocommerce-message:focus-visible,
.woocommerce-error:focus,
.woocommerce-error:focus-visible,
.woocommerce-info:focus,
.woocommerce-info:focus-visible,
.woocommerce-NoticeGroup:focus,
.woocommerce-NoticeGroup:focus-visible,
.woocommerce-notices-wrapper:focus,
.woocommerce-notices-wrapper:focus-visible {
outline: none !important;
border: none !important;
} .absolu-account-content .absolu-lostpass-inline {
display: inline-block;
margin-top: 8px;
font-family: var(--absolu-font-body);
font-size: 0.75rem;
color: var(--absolu-text-light);
text-decoration: none;
border-bottom: 1px solid currentColor;
transition: color 0.2s ease;
}
.absolu-account-content .absolu-lostpass-inline:hover {
color: var(--absolu-primary);
} .absolu-auth .password-input { position: relative; display: block; width: 100%; }
.absolu-auth .password-input input.input-text { width: 100%; padding-right: 44px; }
.absolu-auth .show-password-input {
position: absolute; top: 50%; right: 14px; transform: translateY(-50%);
background: none; border: none; padding: 0; margin: 0; cursor: pointer;
font-size: 0; width: 22px; height: 22px; float: none;
color: var(--absolu-text-light);
}
.absolu-auth .show-password-input::before { content: none !important; background: none !important; }
.absolu-auth .show-password-input::after {
font-family: 'Phosphor-Light'; font-size: 18px; content: '\e220';
color: var(--absolu-text-light); transition: color .2s ease;
}
.absolu-auth .show-password-input.display-password::after { content: '\e224'; }
.absolu-auth .show-password-input:hover::after { color: var(--absolu-text); } .absolu-account-content .woocommerce-Address {
max-width: 440px;
margin: 0 0 28px;
padding: 0;
}
.absolu-account-content .woocommerce-Address-title {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding-bottom: 14px;
margin-bottom: 16px;
border-bottom: 1px solid var(--absolu-border);
}
.absolu-account-content .woocommerce-Address-title h2 {
margin: 0;
font-family: var(--absolu-font);
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--absolu-text);
}
.absolu-account-content address {
font-style: normal;
font-family: var(--absolu-font-body);
font-size: 0.875rem;
line-height: 1.9;
color: var(--absolu-text);
margin: 0;
}
.absolu-account-content address::first-line {
font-weight: 600;
letter-spacing: 0.01em;
} .absolu-cart-checkout .wc-proceed-to-checkout a,
.absolu-cart-checkout .checkout-button {
position: static;
overflow: visible;
z-index: auto;
transition: all 0.2s ease;
}
.absolu-cart-checkout .wc-proceed-to-checkout a::before,
.absolu-cart-checkout .checkout-button::before { content: none !important; }
.absolu-cart-checkout .wc-proceed-to-checkout a:hover,
.absolu-cart-checkout .checkout-button:hover {
background: var(--absolu-secondary);
color: var(--absolu-white);
}
.absolu-cart-checkout .wc-proceed-to-checkout a:hover::before,
.absolu-cart-checkout .checkout-button:hover::before { transform: none; } .absolu-pay-later {
margin-top: 18px;
text-align: center;
}
.absolu-pay-later__label {
display: block;
font-family: var(--absolu-font-body);
font-size: 0.75rem;
color: #aaa;
letter-spacing: 0.04em;
margin-bottom: 8px;
}
.absolu-pay-later__logo {
width: 100%;
max-width: 100px;
height: auto;
display: block;
margin: 0 auto;
} @media (max-width: 1024px) {
.absolu-filter__btn {
gap: 8px;
}
.absolu-filter__btn .absolu-filter__num {
margin-left: 0;
}
.absolu-filter__btn .ph-caret-down {
margin-left: auto;
}
.absolu-filter__btn .absolu-filter__clear {
margin-left: 12px;
padding: 0;
}
} .absolu-logout-modal {
position: fixed;
inset: 0;
z-index: 99999;
display: none;
align-items: center;
justify-content: center;
padding: 20px;
font-family: var(--absolu-font-body);
}
.absolu-logout-modal.is-open {
display: flex;
}
.absolu-logout-modal__overlay {
position: absolute;
inset: 0;
background: rgba(20, 20, 22, 0.55);
animation: absolu-logout-fade 0.2s ease;
}
.absolu-logout-modal__dialog {
position: relative;
z-index: 1;
width: 100%;
max-width: 420px;
background: var(--absolu-white);
border: 1px solid var(--absolu-border);
border-radius: 2px;
padding: 36px 32px 28px;
text-align: center;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
animation: absolu-logout-pop 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.absolu-logout-modal__title {
margin: 0 0 12px 0;
font-family: var(--absolu-font);
font-size: 24px;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
color: var(--absolu-text);
}
.absolu-logout-modal__text {
margin: 0 0 28px 0;
font-size: 14px;
line-height: 1.6;
color: var(--absolu-text-light);
}
.absolu-logout-modal__actions {
display: flex;
gap: 12px;
justify-content: center;
}
.absolu-logout-modal__actions .absolu-btn,
.absolu-logout-modal__actions .absolu-btn--border {
flex: 1 1 0;
min-width: 0;
max-width: 180px;
}
@keyframes absolu-logout-fade {
from { opacity: 0; }
to   { opacity: 1; }
}
@keyframes absolu-logout-pop {
from { opacity: 0; transform: translateY(8px) scale(0.98); }
to   { opacity: 1; transform: translateY(0) scale(1); }
}
@media (max-width: 480px) {
.absolu-logout-modal__dialog {
padding: 28px 20px 20px;
}
.absolu-logout-modal__title {
font-size: 20px;
}
.absolu-logout-modal__actions {
flex-direction: column;
}
.absolu-logout-modal__actions .absolu-btn,
.absolu-logout-modal__actions .absolu-btn--border {
max-width: none;
}
} .absolu-contact-card .absolu-wa-icon {
width: 32px;
height: 32px;
margin: 0 auto 20px;
display: block;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23D50A31' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-5.5-2.8-23.2-8.5-44.2-27.1-16.4-14.6-27.4-32.7-30.6-38.2-3.2-5.6-.3-8.6 2.5-11.3 2.5-2.5 5.5-6.5 8.3-9.7 2.8-3.3 3.7-5.6 5.6-9.3 1.9-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 13.2 5.8 23.5 9.2 31.5 11.8 13.3 4.2 25.4 3.6 35 2.2 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
} @media (max-width: 768px) {
.woocommerce-account.logged-in .absolu-archive-header,
.woocommerce-account.logged-in .absolu-archive-header__title {
text-align: center;
}
.absolu-account-nav { overflow: visible; }
.absolu-account-nav .woocommerce-MyAccount-navigation ul {
justify-content: center;
flex-direction: column;
align-items: stretch; flex-wrap: wrap; overflow-x: visible;
}
.absolu-account-nav .woocommerce-MyAccount-navigation li {
width: 100%; flex-shrink: 1;
}
.absolu-account-nav .woocommerce-MyAccount-navigation li a {
justify-content: center;
text-align: center; white-space: normal;
}
} @media (max-width: 768px) {
.absolu-contact-form-side > h2,
.absolu-contact-form-side > p {
text-align: center;
}
} @media (max-width: 768px) {
.about-story,
.about-values,
.about-values__header,
.about-values__card { text-align: center; }
.about-story__grid { justify-items: center; }
.about-why__icon-wrap { margin-left: auto; margin-right: auto; }
} @media (max-width: 768px) {
.absolu-account-content,
.absolu-account-content .edit-account,
.absolu-account-content form,
.absolu-account-content .form-row,
.absolu-account-content .input-text,
.absolu-account-content fieldset {
max-width: 100%;
min-width: 0;
box-sizing: border-box;
}
.absolu-account-content {
overflow-x: hidden;
word-wrap: break-word;
}
.absolu-account-content .input-text {
width: 100%;
}
} .absolu-faq-item p { overflow: hidden; transition: max-height 0.3s ease, opacity 0.25s ease; } @media (max-width: 768px) {
.absolu-page-content h2, .absolu-page-content h3 { text-align: center; }
} .absolu-page-content.absolu-animate { opacity: 1; transform: none; } @media (hover: hover) and (min-width: 769px) {
.absolu-currency-switcher:hover .absolu-currency-switcher__dropdown { opacity: 1; visibility: visible; transform: translateY(0); }
.absolu-currency-switcher:hover .absolu-currency-switcher__toggle i.ph { transform: rotate(180deg); }
} .absolu-product-card__wishlist i { display: inline-block; transform-origin: center; }
.absolu-product-card__wishlist:hover i { transform: scale(1.1); transition: transform 0.2s ease; }
.absolu-product-card__wishlist.is-active { animation: none; }
.absolu-product-card__wishlist.is-active i { animation: absoluHeartBloom 0.45s cubic-bezier(0.25, 1, 0.5, 1); }
.absolu-product-card__wishlist.is-active::before {
content: ""; position: absolute; top: 50%; left: 50%;
width: 10px; height: 10px; border-radius: 50%;
border: 2px solid var(--absolu-primary);
transform: translate(-50%, -50%) scale(0); opacity: 0;
pointer-events: none;
animation: absoluHeartRipple 0.6s ease-out;
} .absolu-contact-form .absolu-float-field > input,
.absolu-contact-form .absolu-float-field > textarea {
padding: 18px 14px 10px;
}
.absolu-contact-form .absolu-float-field > textarea { padding-top: 22px; min-height: 120px; } .absolu-notify-me__form .absolu-float-field { flex: 1 1 auto; min-width: 0; }
.absolu-notify-me__form .absolu-float-field > .absolu-notify-me__input { padding: 16px 14px 8px; }   .absolu-product-card__badge { transition: transform 0.22s ease, background 0.2s ease; transform-origin: top left; }
.absolu-product-card:hover .absolu-product-card__badge { transform: scale(1.08); } @keyframes absolu-qty-shake {
0%, 100% { transform: translateX(0); }
20% { transform: translateX(-4px); }
40% { transform: translateX(4px); }
60% { transform: translateX(-3px); }
80% { transform: translateX(2px); }
}
.absolu-qty-shake {
animation: absolu-qty-shake 0.4s ease-in-out;
border-color: var(--absolu-primary) !important;
color: var(--absolu-primary) !important;
} #absolu-atc-notice {
position: fixed;
top: 24px;
left: 50%;
transform: translateX(-50%) translateY(-20px);
background: #fdecec;
color: var(--absolu-primary);
border: 1px solid var(--absolu-primary);
font-family: var(--absolu-font-body);
font-size: 14px;
text-align: center;
padding: 14px 28px;
max-width: 90vw;
z-index: 99999;
opacity: 0;
pointer-events: none;
transition: opacity 0.25s ease, transform 0.25s ease;
}
#absolu-atc-notice.is-show {
opacity: 1;
transform: translateX(-50%) translateY(0);
pointer-events: auto;
} .single-product .woocommerce-notices-wrapper { display: none !important; } #absolu-cart-toast {
position: fixed;
bottom: 104px; right: 24px;
display: flex;
align-items: center;
gap: 10px;
background: var(--absolu-white);
color: var(--absolu-text);
border: 1px solid var(--absolu-border);
border-radius: 2px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
font-family: var(--absolu-font-body);
font-size: 14px;
padding: 14px 20px;
z-index: 999999;
opacity: 0;
pointer-events: none;
transform: translateX(calc(100% + 32px));
transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s ease;
}
#absolu-cart-toast i {
font-size: 20px;
color: var(--absolu-secondary);
}
#absolu-cart-toast.is-show {
opacity: 1;
transform: translateX(0);
} #absolu-cart-toast .absolu-cart-toast__img {
width: 52px;
height: 52px;
object-fit: cover;
border: 1px solid var(--absolu-border);
flex-shrink: 0;
}
#absolu-cart-toast .absolu-cart-toast__body {
display: flex;
flex-direction: column;
gap: 3px;
min-width: 0;
max-width: 240px;
}
#absolu-cart-toast .absolu-cart-toast__label {
font-size: 11px;
font-weight: 500;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--absolu-secondary);
display: flex;
align-items: center;
gap: 5px;
}
#absolu-cart-toast .absolu-cart-toast__label i {
font-size: 14px;
}
#absolu-cart-toast .absolu-cart-toast__name {
font-size: 13px;
font-weight: 500;
color: var(--absolu-text);
line-height: 1.35;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
#absolu-cart-toast .absolu-cart-toast__meta {
font-size: 12px;
color: var(--absolu-text-light);
}
@media (max-width: 768px) {
#absolu-cart-toast {
right: auto;
left: 50%;
bottom: 20px;
width: max-content;
max-width: calc(100vw - 32px);
transform: translate(-50%, calc(100% + 32px));
}
#absolu-cart-toast.is-show {
transform: translate(-50%, 0);
}
} .absolu-search-result {
display: flex;
align-items: center;
gap: 14px;
padding: 12px 16px;
border-bottom: 1px solid var(--absolu-border);
text-decoration: none;
color: var(--absolu-text);
transition: background-color 0.15s ease;
}
.absolu-search-result:hover { background: var(--absolu-bg-light); }
.absolu-search-result:last-child { border-bottom: none; }
.absolu-search-result__thumb {
flex: 0 0 60px;
width: 60px;
height: 60px;
background: var(--absolu-bg-light);
overflow: hidden;
}
.absolu-search-result__thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.absolu-search-result__info {
flex: 1 1 auto;
min-width: 0;
}
.absolu-search-result__brand {
font-family: var(--absolu-font-body);
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--absolu-secondary);
margin-bottom: 2px;
}
.absolu-search-result__title {
font-family: var(--absolu-font-body);
font-size: 14px;
line-height: 1.3;
color: var(--absolu-text);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.absolu-search-result__price {
font-family: var(--absolu-font);
font-size: 13px;
color: var(--absolu-primary);
margin-top: 4px;
display: flex;
align-items: center;
gap: 10px;
}
.absolu-search-result__oos {
font-family: var(--absolu-font-body);
font-size: 10px;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--absolu-text-light);
border: 1px solid var(--absolu-border);
padding: 2px 6px;
}
.absolu-search-result--oos { opacity: 1; }
.absolu-search-result--oos .absolu-search-result__price { color: var(--absolu-text-light); }
.absolu-search-loading {
padding: 24px 16px;
text-align: center;
font-family: var(--absolu-font-body);
font-size: 13px;
color: var(--absolu-text-light);
}
.absolu-live-search__empty {
padding: 32px 16px;
text-align: center;
font-family: var(--absolu-font-body);
font-size: 14px;
color: var(--absolu-text-light);
margin: 0;
}
.absolu-live-search__results {
display: block;
max-width: 720px;
margin: 0 auto;
}
.absolu-live-search__view-all {
padding: 16px 0 0;
background: transparent;
border-top: none;
max-width: 720px;
margin: 0 auto;
}
@media (max-width: 480px) {
.absolu-search-result { padding: 10px 12px; gap: 10px; }
.absolu-search-result__thumb { flex: 0 0 50px; width: 50px; height: 50px; }
.absolu-search-result__title { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
} .absolu-header-search,
.absolu-mobile-search { position: relative; }
.absolu-search-suggest {
position: absolute;
left: 0;
right: 0;
top: 100%;
margin-top: 4px;
background: var(--absolu-white);
border: 1px solid var(--absolu-border);
border-radius: 2px;
box-shadow: 0 4px 16px rgba(0,0,0,0.08);
z-index: 100000;
display: none;
overflow: hidden;
}
.absolu-search-suggest.is-active { display: block; }
.absolu-search-suggest__item {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 14px;
font-family: var(--absolu-font-body);
font-size: 13px;
color: var(--absolu-text);
text-decoration: none;
border-bottom: 1px solid var(--absolu-border);
transition: background-color 0.15s ease;
}
.absolu-search-suggest__item:last-child { border-bottom: none; }
.absolu-search-suggest__item:hover { background: var(--absolu-bg-light); }
.absolu-search-suggest__item i { color: var(--absolu-text-light); font-size: 14px; flex-shrink: 0; }
.absolu-search-suggest__item span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .absolu-header.absolu-suggest-open,
.absolu-header-clone.absolu-suggest-open { z-index: 100000 !important; } .absolu-buy-now-form { margin-top: 0; width: 100%; }
.single-product .absolu-buy-now-btn,
button.absolu-buy-now-btn {
width: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
height: 52px;
padding: 0 28px;
border-radius: 0;
font-family: var(--absolu-font);
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
background: var(--absolu-secondary);
color: var(--absolu-white);
border: 1px solid var(--absolu-secondary);
cursor: pointer;
transition: all 0.2s ease;
}
.single-product .absolu-buy-now-btn:hover,
button.absolu-buy-now-btn:hover {
background: var(--absolu-primary);
border-color: var(--absolu-primary);
color: var(--absolu-white);
}
.absolu-buy-now-btn i { font-size: 1rem; }
.absolu-samples-hint {
margin: 14px 0 17px;
text-align: center;
font-family: var(--absolu-font-body);
font-size: 13px;
color: var(--absolu-secondary);
font-style: italic;
letter-spacing: 0.02em;
}
.absolu-samples-hint__icon {
margin-right: 6px;
vertical-align: middle;
font-size: 16px;
font-style: normal;
}
@media (max-width: 768px) {
.absolu-buy-now-form { margin-top: 0; }
.absolu-buy-now-btn { height: 52px; }
} .absolu-difference {
background: var(--absolu-white);
padding: 80px 0;
}
.absolu-difference-header {
text-align: center;
margin-bottom: 48px;
}
.absolu-difference-header .absolu-section-title {
font-size: clamp(1.6rem, 2.8vw, 2.2rem);
line-height: 1.25;
margin: 0 0 16px;
}
.absolu-difference-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
}
.absolu-difference-card {
text-align: center;
background: transparent;
padding: 36px 24px 32px;
}
.absolu-difference-card__icon {
width: 90px;
height: 90px;
margin: 0 auto 20px;
display: flex;
align-items: center;
justify-content: center;
}
.absolu-difference-card__icon img {
width: 100%;
height: 100%;
object-fit: contain;
opacity: 1;
}
.absolu-difference-card h4 {
font-family: var(--absolu-font);
font-size: 0.9rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
margin: 0 0 12px;
color: var(--absolu-text);
}
.absolu-difference-card p {
font-family: var(--absolu-font-body);
font-size: 0.88rem;
color: var(--absolu-text-light);
margin: 0 auto;
max-width: 200px;
line-height: 1.7;
}
@media (max-width: 1024px) {
.absolu-difference-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
}
@media (max-width: 768px) {
.absolu-difference { padding: 40px 0 60px; }
.absolu-difference-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
.absolu-difference-card { padding: 20px 12px; }
.absolu-difference-card__icon { width: 56px; height: 56px; margin: 0 auto 14px; }
.absolu-difference-card h4 { font-size: 0.78rem; margin: 0 0 8px; }
.absolu-difference-card p { font-size: 0.78rem; line-height: 1.55; }
}
@media (max-width: 480px) {
.absolu-difference-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
.absolu-difference-card__icon { width: 48px; height: 48px; }
} .absolu-search-result__regular {
color: var(--absolu-text-light);
text-decoration: line-through;
font-weight: 400;
margin-right: 6px;
}
.absolu-search-result__sale {
color: var(--absolu-primary);
text-decoration: none;
font-weight: 600;
} ::-webkit-scrollbar { width: 15px; }
::-webkit-scrollbar-thumb {
background: var(--absolu-primary);
border-radius: 10px;
border: 3px solid transparent;
background-clip: padding-box;
}
::-webkit-scrollbar-button:single-button:vertical:decrement {
display: block;
height: 18px;
background: #f5f5f5 center / 11px no-repeat;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'><polygon points='5,2 9,8 1,8' fill='%23D50A31'/></svg>");
}
::-webkit-scrollbar-button:single-button:vertical:increment {
display: block;
height: 18px;
background: #f5f5f5 center / 11px no-repeat;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'><polygon points='1,2 9,2 5,8' fill='%23D50A31'/></svg>");
}
::-webkit-scrollbar-track { background: #f5f5f5; }
::-webkit-scrollbar-thumb:hover {
background: var(--absolu-secondary);
border: 3px solid transparent;
background-clip: padding-box;
}  .absolu-reviews {
margin-top: 0;
padding-top: 16px;
} .absolu-reviews__header {
margin-bottom: 48px;
}
.absolu-reviews__eyebrow {
display: block;
font-family: var(--absolu-font-body);
font-size: 11px;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--absolu-secondary);
margin-bottom: 10px;
}
.absolu-reviews__title {
font-family: var(--absolu-font);
font-size: clamp(22px, 3vw, 30px);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--absolu-text);
margin: 0 0 24px;
} .absolu-reviews__summary {
display: flex;
align-items: flex-start;
gap: 48px;
flex-wrap: wrap;
}
.absolu-reviews__avg {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
min-width: 80px;
}
.absolu-reviews__avg-score {
font-family: var(--absolu-font);
font-size: 52px;
font-weight: 700;
line-height: 1;
color: var(--absolu-text);
}
.absolu-reviews__avg-stars {
display: flex;
gap: 3px;
color: var(--absolu-secondary);
font-size: 18px;
}
.absolu-reviews__avg-count {
font-family: var(--absolu-font-body);
font-size: 12px;
color: var(--absolu-text-light);
} .absolu-reviews__dist {
flex: 1;
min-width: 200px;
display: flex;
flex-direction: column;
gap: 6px;
}
.absolu-reviews__dist-row {
display: flex;
align-items: center;
gap: 10px;
font-family: var(--absolu-font-body);
font-size: 12px;
color: var(--absolu-text-light);
}
.absolu-reviews__dist-label {
min-width: 16px;
text-align: right;
color: var(--absolu-text);
font-weight: 500;
}
.absolu-reviews__dist-bar-wrap {
flex: 1;
height: 6px;
background: var(--absolu-border);
border-radius: 1px;
overflow: hidden;
}
.absolu-reviews__dist-bar {
height: 100%;
background: var(--absolu-secondary);
border-radius: 1px;
transition: width 0.4s ease;
}
.absolu-reviews__dist-count {
min-width: 20px;
text-align: left;
} .absolu-reviews__controls {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 12px;
margin-bottom: 32px;
padding-bottom: 20px;
border-bottom: 1px solid var(--absolu-border);
}
.absolu-reviews__filter-btns {
display: flex;
gap: 8px;
}
.absolu-reviews__filter-btn {
font-family: var(--absolu-font-body);
font-size: 13px;
font-weight: 500;
padding: 8px 18px;
border: 1px solid var(--absolu-border);
background: var(--absolu-white);
color: var(--absolu-text-light);
cursor: pointer;
border-radius: 2px;
transition: all 0.2s ease;
}
.absolu-reviews__filter-btn:hover {
border-color: var(--absolu-text);
color: var(--absolu-text);
}
.absolu-reviews__filter-btn--active {
border-color: var(--absolu-text);
color: var(--absolu-text);
background: var(--absolu-bg-light);
}
.absolu-reviews__sort-wrap {
display: flex;
align-items: center;
gap: 10px;
}
.absolu-reviews__sort-label {
font-family: var(--absolu-font-body);
font-size: 12px;
color: var(--absolu-text-light);
white-space: nowrap;
}
.absolu-reviews__sort {
font-family: var(--absolu-font-body);
font-size: 13px;
color: var(--absolu-text);
background: var(--absolu-white);
border: 1px solid var(--absolu-border);
border-radius: 2px;
padding: 7px 32px 7px 12px;
appearance: none;
-webkit-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 256 256'%3E%3Cpath fill='%2354595F' d='m213.66 101.66-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32Z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 10px center;
cursor: pointer;
transition: border-color 0.2s ease;
}
.absolu-reviews__sort:focus {
outline: none;
border-color: var(--absolu-text);
} .absolu-reviews__list {
display: flex;
flex-direction: column;
gap: 0;
} .absolu-reviews__list.is-filter-verified .absolu-review:not(.is-verified) {
display: none;
} .absolu-review {
padding: 28px 0;
border-bottom: 1px solid var(--absolu-border);
}
.absolu-review:first-child {
border-top: none;
}
.absolu-review__meta {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 10px;
}
.absolu-review__author-row {
display: flex;
align-items: center;
gap: 10px;
}
.absolu-review__avatar {
width: 36px;
height: 36px;
border-radius: 50%;
background: var(--absolu-bg-light);
border: 1px solid var(--absolu-border);
display: flex;
align-items: center;
justify-content: center;
font-family: var(--absolu-font);
font-size: 13px;
font-weight: 700;
color: var(--absolu-text-light);
flex-shrink: 0;
text-transform: uppercase;
}
.absolu-review__author {
font-family: var(--absolu-font-body);
font-size: 14px;
font-weight: 600;
color: var(--absolu-text);
}
.absolu-review__verified {
display: inline-flex;
align-items: center;
gap: 4px;
font-family: var(--absolu-font-body);
font-size: 11px;
font-weight: 500;
color: var(--absolu-secondary);
letter-spacing: 0.04em;
}
.absolu-review__date {
font-family: var(--absolu-font-body);
font-size: 12px;
color: var(--absolu-text-light);
white-space: nowrap;
}
.absolu-review__stars {
display: flex;
gap: 2px;
color: var(--absolu-secondary);
font-size: 15px;
margin-bottom: 6px;
}
.absolu-review__title {
font-family: var(--absolu-font);
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.03em;
color: var(--absolu-text);
margin: 0 0 8px;
}
.absolu-review__body {
font-family: var(--absolu-font-body);
font-size: 14px;
line-height: 1.7;
color: var(--absolu-text-light);
margin: 0;
} .absolu-review__pending-notice {
display: inline-flex;
align-items: center;
gap: 6px;
font-family: var(--absolu-font-body);
font-size: 11px;
font-weight: 500;
color: var(--absolu-text-light);
background: var(--absolu-bg-light);
border: 1px solid var(--absolu-border);
border-radius: 2px;
padding: 4px 10px;
margin-top: 10px;
} .absolu-reviews__empty {
padding: 48px 0;
text-align: center;
color: var(--absolu-text-light);
font-family: var(--absolu-font-body);
font-size: 14px;
}
.absolu-reviews__empty i {
display: block;
font-size: 32px;
color: var(--absolu-border);
margin-bottom: 12px;
} .absolu-reviews__cta {
margin-top: 40px;
padding: 32px;
background: var(--absolu-bg-light);
border: 1px solid var(--absolu-border);
border-radius: 2px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
}
.absolu-reviews__cta-text {
font-family: var(--absolu-font-body);
}
.absolu-reviews__cta-title {
font-family: var(--absolu-font);
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--absolu-text);
margin: 0 0 4px;
}
.absolu-reviews__cta-sub {
font-size: 13px;
color: var(--absolu-text-light);
margin: 0;
}
.absolu-reviews__write-btn {
font-family: var(--absolu-font);
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
padding: 0 28px;
height: 44px;
background: var(--absolu-text);
color: var(--absolu-white);
border: none;
border-radius: 2px;
cursor: pointer;
transition: all 0.2s ease;
white-space: nowrap;
display: inline-flex;
align-items: center;
gap: 8px;
}
.absolu-reviews__write-btn:hover {
background: var(--absolu-primary);
} .absolu-review-form {
margin: 10px 0 10px 0;
padding: 36px;
background: var(--absolu-white);
}
.absolu-review-form__title {
font-family: var(--absolu-font);
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--absolu-text);
margin: 0 0 28px;
} .absolu-review-form__stars-label {
font-family: var(--absolu-font-body);
font-size: 12px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--absolu-text-light);
margin-bottom: 10px;
display: block;
}
.absolu-review-form__stars {
display: flex;
gap: 4px;
margin-bottom: 28px;
}
.absolu-review-form__star {
font-size: 28px;
color: var(--absolu-border);
cursor: pointer;
background: none;
border: none;
padding: 2px;
transition: color 0.15s ease, transform 0.15s ease;
line-height: 1;
}
.absolu-review-form__star:hover,
.absolu-review-form__star.is-on {
color: var(--absolu-secondary);
}
.absolu-review-form__star:hover {
transform: scale(1.15);
} .absolu-review-form__field {
margin-bottom: 20px;
}
.absolu-review-form__label {
display: block;
font-family: var(--absolu-font-body);
font-size: 12px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--absolu-text-light);
margin-bottom: 8px;
}
.absolu-review-form__input,
.absolu-review-form__textarea {
width: 100%;
font-family: var(--absolu-font-body);
font-size: 14px;
color: var(--absolu-text);
background: var(--absolu-white);
border: 1px solid var(--absolu-border);
border-radius: 2px;
padding: 12px 16px;
transition: border-color 0.2s ease;
box-sizing: border-box;
-webkit-appearance: none;
}
.absolu-review-form__input:focus,
.absolu-review-form__textarea:focus {
outline: none;
border-color: var(--absolu-text);
}
.absolu-review-form__textarea {
resize: vertical;
min-height: 120px;
line-height: 1.6;
}
.absolu-review-form__char-count {
display: block;
text-align: right;
font-family: var(--absolu-font-body);
font-size: 11px;
color: var(--absolu-text-light);
margin-top: 4px;
} .absolu-review-form__footer {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px;
margin-top: 8px;
}
.absolu-review-form__submit {
font-family: var(--absolu-font);
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
padding: 0 32px;
height: 48px;
background: var(--absolu-primary);
color: var(--absolu-white);
border: none;
border-radius: 2px;
cursor: pointer;
transition: all 0.2s ease;
display: inline-flex;
align-items: center;
gap: 8px;
position: relative;
}
.absolu-review-form__submit:hover:not(:disabled) {
background: var(--absolu-primary-dark);
}
.absolu-review-form__submit:disabled {
opacity: 0.6;
cursor: not-allowed;
}
.absolu-review-form__submit-loading {
display: inline-flex;
align-items: center;
gap: 8px;
}
.absolu-review-form__submit-loading::after {
content: '';
width: 14px;
height: 14px;
border: 2px solid rgba(255,255,255,0.4);
border-top-color: var(--absolu-white);
border-radius: 50%;
animation: absolu-spin 0.7s linear infinite;
display: inline-block;
}
@keyframes absolu-spin {
to { transform: rotate(360deg); }
} .absolu-review-form__message {
font-family: var(--absolu-font-body);
font-size: 13px;
padding: 10px 14px;
border-radius: 2px;
border: 1px solid transparent;
display: none;
flex: 1;
}
.absolu-review-form__message.is-success {
display: block;
background: #f0faf4;
border-color: #a3d9b1;
color: #2d6a4f;
}
.absolu-review-form__message.is-error {
display: block;
background: #fff5f5;
border-color: #fca5a5;
color: #991b1b;
} .absolu-review-form__hp {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
} .absolu-reviews__login-prompt {
margin-top: 32px;
padding: 28px 32px;
background: var(--absolu-bg-light);
border: 1px solid var(--absolu-border);
border-radius: 2px;
font-family: var(--absolu-font-body);
font-size: 14px;
color: var(--absolu-text-light);
text-align: center;
}
.absolu-reviews__login-prompt a {
color: var(--absolu-text);
text-decoration: underline;
text-underline-offset: 3px;
} @media (max-width: 1024px) {
.absolu-reviews {
margin-top: 0;
padding-top: 12px;
}
}
@media (max-width: 768px) {
.absolu-reviews {
margin-top: 0;
padding-top: 8px;
}
.absolu-reviews__summary {
gap: 28px;
}
.absolu-reviews__avg-score {
font-size: 42px;
}
.absolu-reviews__controls {
flex-direction: column;
align-items: flex-start;
}
.absolu-reviews__cta {
flex-direction: column;
align-items: flex-start;
padding: 24px;
}
.absolu-review-form {
padding: 24px;
}
.absolu-review-form__footer {
flex-direction: column;
align-items: stretch;
}
.absolu-review-form__submit {
width: 100%;
justify-content: center;
}
}
@media (max-width: 480px) {
.absolu-reviews__avg {
min-width: 60px;
}
.absolu-reviews__avg-score {
font-size: 36px;
}
.absolu-reviews__filter-btn {
padding: 7px 14px;
font-size: 12px;
}
.absolu-review-form__star {
font-size: 24px;
}
.absolu-reviews__cta {
padding: 20px;
}
.absolu-review-form {
padding: 0 16px 20px;
margin-bottom: 20px;
}
}   ul.absolu-reviews__list {
list-style: none;
padding: 0;
margin: 0;
}
.absolu-reviews__stars .ph-fill,
.absolu-reviews__stars .ph,
.absolu-review__rating .ph-fill,
.absolu-review__rating .ph {
color: var(--absolu-secondary);
}
.absolu-reviews__average {
font-family: var(--absolu-font);
font-size: 52px;
font-weight: 700;
line-height: 1;
color: var(--absolu-text);
margin-bottom: 8px;
}
.absolu-reviews__count {
font-family: var(--absolu-font-body);
font-size: 12px;
color: var(--absolu-text-light);
margin-top: 4px;
margin-bottom: 24px;
}
.absolu-reviews__distribution {
display: flex;
flex-direction: column;
gap: 6px;
margin-bottom: 32px;
}
.absolu-reviews__bar-row {
display: flex;
align-items: center;
gap: 10px;
font-family: var(--absolu-font-body);
font-size: 12px;
color: var(--absolu-text-light);
}
.absolu-reviews__bar-label {
min-width: 28px;
text-align: right;
color: var(--absolu-text);
font-weight: 500;
display: flex;
align-items: center;
gap: 3px;
}
.absolu-reviews__bar-track {
flex: 1;
height: 6px;
background: var(--absolu-border);
border-radius: 1px;
overflow: hidden;
display: block;
position: relative;
}
.absolu-reviews__bar-fill {
position: absolute;
top: 0;
left: 0;
height: 100%;
background: var(--absolu-secondary);
border-radius: 1px;
transition: width 0.4s ease;
}
.absolu-reviews__bar-count {
min-width: 20px;
text-align: left;
}
.absolu-review__top {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 8px;
}
.absolu-review__rating {
display: flex;
gap: 2px;
font-size: 15px;
color: var(--absolu-secondary);
}
.absolu-review__verified {
display: inline-flex;
align-items: center;
gap: 4px;
font-family: var(--absolu-font-body);
font-size: 11px;
font-weight: 500;
color: var(--absolu-secondary);
letter-spacing: 0.04em;
}
.absolu-review__meta {
display: flex;
align-items: center;
gap: 6px;
font-family: var(--absolu-font-body);
font-size: 13px;
color: var(--absolu-text-light);
margin-bottom: 8px;
}
.absolu-review__meta-name {
font-weight: 600;
color: var(--absolu-text);
}
.absolu-review__meta-divider {
color: var(--absolu-border);
}
.absolu-review__meta-date {
color: var(--absolu-text-light);
}
.absolu-review__pending-notice {
display: inline-flex;
align-items: center;
gap: 6px;
font-family: var(--absolu-font-body);
font-size: 11px;
font-weight: 500;
color: var(--absolu-secondary);
background: transparent;
border: 1px solid var(--absolu-secondary);
border-radius: 2px;
padding: 4px 10px;
margin-top: 10px;
cursor: default;
}
.absolu-reviews__already-reviewed {
font-family: var(--absolu-font-body);
font-size: 13px;
color: var(--absolu-text-light);
padding: 16px 20px;
border: 1px solid var(--absolu-border);
border-radius: 2px;
background: var(--absolu-bg-light);
margin-top: 16px;
display: inline-block;
}
.absolu-reviews__list.is-filter-verified .absolu-review:not(.absolu-review--verified) {
display: none;
}
.absolu-review-form__star {
color: var(--absolu-border);
}
.absolu-review-form__star.is-on,
.absolu-review-form__star:hover {
color: var(--absolu-secondary);
}    .absolu-review-submitted {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 16px;
background: rgba(45, 122, 62, 0.08);
border: 1px solid rgba(45, 122, 62, 0.3);
border-radius: 0;
color: #2D7A3E;
font-family: var(--absolu-font-body);
font-size: 13px;
letter-spacing: 0.05em;
margin: 16px 0;
}
.absolu-review-submitted i {
font-size: 16px;
} .absolu-review {
padding: 24px;
margin-bottom: 16px;
background: var(--absolu-bg-light);
border: 1px solid var(--absolu-border);
border-bottom: 1px solid var(--absolu-border);
border-radius: 0;
} .absolu-review:first-child {
border-top: 1px solid var(--absolu-border);
} .absolu-review__meta {
display: flex;
align-items: center;
gap: 6px;
font-family: var(--absolu-font-body);
font-size: 13px;
color: var(--absolu-text-light);
margin-bottom: 10px;
flex-wrap: nowrap;
}
.absolu-review__meta-name {
font-weight: 500;
color: var(--absolu-text);
white-space: nowrap;
}
.absolu-review__meta-divider {
color: var(--absolu-text-light);
opacity: 0.5;
}
.absolu-review__meta-date {
color: var(--absolu-text-light);
white-space: nowrap;
}
@media (max-width: 768px) {
.absolu-review {
padding: 16px;
}
}
@media (max-width: 480px) {
.absolu-review {
padding: 14px 12px;
}
} .absolu-review__rating { font-size: 20px; gap: 3px; }
.absolu-review > article { position: relative; padding-bottom: 0; }
.absolu-review__meta .absolu-review__meta-divider,
.absolu-review__meta .absolu-review__meta-date { display: none; }
.absolu-review > article > .absolu-review__meta-date-bottom,
.absolu-review__meta-date-bottom { position: absolute; right: 0; bottom: 0; font-family: var(--absolu-font-body); font-size: 12px; color: var(--absolu-text-light); white-space: nowrap; } .absolu-reviews__cta:has(.absolu-review-submitted) {
background: none;
border: none;
padding: 0;
margin-top: 16px;
} .absolu-review-submitted {
display: inline-flex;
align-items: center;
gap: 7px;
font-family: var(--absolu-font-body);
font-size: 13px;
color: #2D7A3E;
margin: 0;
padding: 0;
background: none;
border: none;
}
.absolu-review-submitted i {
font-size: 15px;
}   .absolu-review__delete-btn {
display: flex;
width: fit-content;
align-items: center;
gap: 5px;
margin-top: 12px;
padding: 0;
background: none;
border: none;
color: var(--absolu-text-light);
font-family: var(--absolu-font-body);
font-size: 12px;
cursor: pointer;
opacity: 0.6;
transition: color 0.15s ease, opacity 0.15s ease;
}
.absolu-review__delete-btn:hover {
color: var(--absolu-primary);
opacity: 1;
}
.absolu-review__delete-btn i {
font-size: 14px;
}
.absolu-review-form__privacy {
font-family: var(--absolu-font-body);
font-size: 11px;
color: var(--absolu-text-light);
opacity: 0.7;
margin: 0 0 16px;
line-height: 1.5;
}    .absolu-review-form__star {
color: var(--absolu-secondary);
opacity: 0.35;
}
.absolu-review-form__star.is-on,
.absolu-review-form__star:hover {
color: var(--absolu-secondary);
opacity: 1;
} .absolu-review-form__message {
margin-bottom: 16px;
} .absolu-review-form__submit {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
width: auto;
align-self: flex-start;
padding: 10px 22px;
background: var(--absolu-primary) !important;
color: var(--absolu-white) !important;
border: none !important;
border-radius: 2px;
font-family: var(--absolu-font);
font-size: 13px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
cursor: pointer;
transition: background 0.2s ease;
}
.absolu-review-form__submit:hover {
background: var(--absolu-secondary) !important;
color: var(--absolu-white) !important;
}
.absolu-review-form__submit:focus { outline: none; }
.absolu-review-form__submit:focus:not(:hover) {
background: var(--absolu-primary) !important;
}
.absolu-review-form__submit:disabled {
opacity: 0.7;
cursor: not-allowed;
}
.absolu-review-form__submit-loading[hidden] { display: none !important; }
.absolu-review-form__submit-label[hidden] { display: none !important; }
@media (max-width: 768px) {
.absolu-reviews__header { text-align: center; }
.absolu-reviews__header .absolu-reviews__stars { justify-content: center; }
} .absolu-reviews__empty-title { margin: 0 0 4px; }
.absolu-reviews__empty-sub { margin: 0; }
.absolu-review-form__star { color: var(--absolu-primary); }
.absolu-review-form__star.is-on,
.absolu-review-form__star:hover { color: var(--absolu-primary); } .absolu-reviews__header { text-align: center; margin-bottom: 24px; }
.absolu-reviews__eyebrow {
font-size: clamp(20px, 2.4vw, 28px);
letter-spacing: 0.14em;
color: var(--absolu-text);
margin-bottom: 16px;
} .absolu-reviews__empty-title { font-size: 14px; }
.absolu-reviews__empty-sub { font-size: 13px; } .absolu-reviews__header { margin-bottom: 16px; }
.absolu-reviews__empty { padding: 0; margin: 10px 0 10px 0; }
@media (max-width: 768px) {
.absolu-reviews__empty { margin: 20px 0 30px 0; }
} .absolu-review-form__input,
.absolu-review-form__textarea { font-size: 13px; line-height: 1.5; }
.absolu-review-form__input::placeholder,
.absolu-review-form__textarea::placeholder { font-size: 13px; line-height: 1.5; opacity: 0.7; }
.absolu-reviews__cta { background: transparent !important; border: none !important; padding: 16px 0 !important; margin: 0 !important; text-align: center; display: block !important; }
.absolu-reviews__login-prompt { background: transparent; border: none; padding: 0; margin: 0; font-size: 14px; color: var(--absolu-text); text-align: center; }
.absolu-reviews__login-prompt a { background: transparent !important; border: none !important; padding: 0 !important; color: var(--absolu-primary); text-decoration: underline; margin-left: 4px; }
.absolu-reviews__cta { margin-top: 24px !important; }
.absolu-reviews__login-prompt a:hover { color: var(--absolu-secondary) !important; }
.absolu-review-form__star { opacity: 1 !important; color: var(--absolu-primary-dark) !important; }
.absolu-review-form__star.is-on, .absolu-review-form__star:hover { color: var(--absolu-primary) !important; opacity: 1 !important; }
.absolu-page-content .woocommerce-error li,
.absolu-page-content .woocommerce-message li,
.absolu-page-content .woocommerce-info li { margin-bottom: 0; text-align: center; }
.absolu-page-content .woocommerce-error,
.absolu-page-content .woocommerce-message,
.absolu-page-content .woocommerce-info { text-align: center; }
.woocommerce-account .absolu-page-content > p,
.woocommerce-account .woocommerce > p { text-align: center; }   .absolu-journal { max-width: var(--absolu-container); margin: 0 auto; padding: 60px 20px; }
.absolu-journal__header { text-align: center; margin-bottom: 60px; }
.absolu-journal__eyebrow { font-family: var(--absolu-font); font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--absolu-secondary); margin-bottom: 12px; display: block; }
.absolu-journal__title { font-family: var(--absolu-font); font-size: 48px; font-weight: 300; color: var(--absolu-text); margin-bottom: 16px; line-height: 1.2; }
.absolu-journal__subtitle { font-family: var(--absolu-font-body); font-size: 16px; color: var(--absolu-text-light); max-width: 600px; margin: 0 auto; }
.absolu-journal__filters { display: flex; justify-content: center; gap: 16px; margin-bottom: 60px; border-bottom: 1px solid var(--absolu-border); padding-bottom: 24px; }
.absolu-journal__filters button, .absolu-journal__filters a { background: none; border: none; font-family: var(--absolu-font); font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--absolu-text-light); text-decoration: none; cursor: pointer; padding: 8px 0; border-bottom: 1px solid transparent; transition: all 0.2s ease; }
.absolu-journal__filters button.active, .absolu-journal__filters a.active { color: var(--absolu-text); border-bottom-color: var(--absolu-secondary); }
.absolu-journal__filters button:hover, .absolu-journal__filters a:hover { color: var(--absolu-text); }
.absolu-journal__featured { margin-bottom: 80px; }
.absolu-journal__featured a { display: grid; grid-template-columns: 1.5fr 1fr; gap: 40px; align-items: center; text-decoration: none; color: inherit; transition: opacity 0.3s ease; }
.absolu-journal__featured a:hover { opacity: 0.85; }
.absolu-journal__featured-image { aspect-ratio: 4/3; overflow: hidden; background: var(--absolu-bg-light); }
.absolu-journal__featured-image img { width: 100%; height: 100%; object-fit: cover; display: block; } .absolu-journal__category { display: block; margin-bottom: 12px; }
.absolu-journal__featured-title { font-family: var(--absolu-font); font-size: 36px; font-weight: 400; line-height: 1.2; color: var(--absolu-text); margin-bottom: 16px; }
.absolu-journal__featured-excerpt { font-family: var(--absolu-font-body); font-size: 15px; line-height: 1.7; color: var(--absolu-text-light); margin-bottom: 16px; }
.absolu-journal__featured-meta { font-family: var(--absolu-font-body); font-size: 13px; color: var(--absolu-text-light); }
.absolu-journal__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; margin-bottom: 60px; }
.absolu-journal__card a { text-decoration: none; color: inherit; display: block; transition: opacity 0.3s ease; }
.absolu-journal__card a:hover { opacity: 0.85; }
.absolu-journal__card-image { aspect-ratio: 4/3; overflow: hidden; background: var(--absolu-bg-light); margin-bottom: 16px; }
.absolu-journal__card-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.absolu-journal__card-content { padding: 0 4px; }
.absolu-journal__card-title { font-family: var(--absolu-font); font-size: 20px; font-weight: 500; line-height: 1.3; color: var(--absolu-text); margin-bottom: 8px; }
.absolu-journal__card-meta { font-family: var(--absolu-font-body); font-size: 12px; color: var(--absolu-text-light); }
.absolu-journal__featured.hidden,
.absolu-journal__card.hidden { display: none; }
.absolu-journal__pagination { display: flex; justify-content: center; margin-top: 40px; gap: 8px; }
.absolu-journal__pagination .page-numbers { padding: 8px 14px; border: 1px solid var(--absolu-border); color: var(--absolu-text); text-decoration: none; font-family: var(--absolu-font); font-size: 13px; }
.absolu-journal__pagination .page-numbers.current { background: var(--absolu-text); color: var(--absolu-white); border-color: var(--absolu-text); }
.absolu-journal__pagination .page-numbers:hover { background: var(--absolu-bg-light); }
.absolu-journal__empty { text-align: center; padding: 80px 20px; font-family: var(--absolu-font-body); color: var(--absolu-text-light); }
.absolu-post { max-width: var(--absolu-container); margin: 0 auto; padding: 60px 20px; }
.absolu-post__header { text-align: center; max-width: 700px; margin: 0 auto 40px; }
.absolu-post__category { font-family: var(--absolu-font); font-size: 11px; letter-spacing: 0.15em; text-transform: uppercase; color: var(--absolu-secondary); margin-bottom: 16px; display: inline-block; }
.absolu-post__title { font-family: var(--absolu-font); font-size: 48px; font-weight: 300; line-height: 1.2; color: var(--absolu-text); margin-bottom: 16px; }
.absolu-post__meta { font-family: var(--absolu-font-body); font-size: 13px; color: var(--absolu-text-light); display: flex; justify-content: center; gap: 12px; }
.absolu-post__featured { margin: 0 0 60px; aspect-ratio: 16/9; overflow: hidden; }
.absolu-post__featured img { width: 100%; height: 100%; object-fit: cover; }
.absolu-post__layout { display: grid; grid-template-columns: 1fr 320px; gap: 60px; }
.absolu-post__content { font-family: var(--absolu-font-body); font-size: 16px; line-height: 1.8; color: var(--absolu-text); max-width: 700px; }
.absolu-post__content h2 { font-family: var(--absolu-font); font-size: 32px; font-weight: 400; margin: 60px 0 20px; line-height: 1.3; }
.absolu-post__content h3 { font-family: var(--absolu-font); font-size: 24px; font-weight: 400; margin: 40px 0 16px; }
.absolu-post__content p { margin-bottom: 24px; }
.absolu-post__content img { width: 100%; margin: 32px 0; height: auto; }
.absolu-post__content a { color: var(--absolu-text); text-decoration: underline; text-decoration-color: var(--absolu-secondary); text-underline-offset: 4px; }
.absolu-post__newsletter-cta { margin-top: 80px; padding: 40px; background: var(--absolu-bg-light); border: 1px solid var(--absolu-border); text-align: center; }
.absolu-post__newsletter-cta h3 { font-family: var(--absolu-font); font-size: 24px; margin-bottom: 12px; }
.absolu-post__newsletter-cta p { font-family: var(--absolu-font-body); color: var(--absolu-text-light); margin-bottom: 24px; }
.absolu-post__newsletter-cta form { display: flex; gap: 12px; max-width: 400px; margin: 0 auto; }
.absolu-post__newsletter-cta input { flex: 1; padding: 12px 16px; border: 1px solid var(--absolu-border); background: var(--absolu-white); font-size: 14px; font-family: var(--absolu-font-body); }
.absolu-post__newsletter-cta button { padding: 12px 24px; background: var(--absolu-text); color: var(--absolu-white); border: none; cursor: pointer; font-family: var(--absolu-font); font-size: 12px; letter-spacing: 0.15em; text-transform: uppercase; transition: background 0.2s ease; }
.absolu-post__newsletter-cta button:hover { background: var(--absolu-secondary); }
.absolu-post__sidebar { position: sticky; top: 100px; align-self: start; }
.absolu-post__share { display: flex; align-items: center; gap: 12px; padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid var(--absolu-border); }
.absolu-post__share span { font-family: var(--absolu-font); font-size: 11px; letter-spacing: 0.15em; text-transform: uppercase; color: var(--absolu-text-light); }
.absolu-post__share button { background: none; border: 1px solid var(--absolu-border); color: var(--absolu-text); padding: 8px; cursor: pointer; transition: all 0.2s ease; font-size: 16px; }
.absolu-post__share button:hover { background: var(--absolu-text); color: var(--absolu-white); }
.absolu-post__related,
.absolu-post__recent { margin-bottom: 40px; } .absolu-post__related h4,
.absolu-post__recent h4 { margin-bottom: 20px; }
.absolu-post__related article,
.absolu-post__recent article { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--absolu-border); }
.absolu-post__related a,
.absolu-post__recent a { text-decoration: none; color: inherit; display: block; }
.absolu-post__related a { display: flex; gap: 12px; }
.absolu-post__related img { width: 80px; height: 80px; object-fit: cover; flex-shrink: 0; }
.absolu-post__related h5,
.absolu-post__recent h5 { font-family: var(--absolu-font); font-size: 14px; font-weight: 500; line-height: 1.4; margin: 0 0 4px; }
.absolu-post__related span,
.absolu-post__recent span,
.absolu-post__recent time { font-family: var(--absolu-font-body); font-size: 11px; color: var(--absolu-text-light); display: block; margin-bottom: 4px; }
@media (max-width: 1024px) {
.absolu-post__layout { grid-template-columns: 1fr; gap: 60px; }
.absolu-post__sidebar { position: static; }
}
@media (max-width: 768px) {
.absolu-journal { padding: 40px 16px; }
.absolu-journal__title,
.absolu-post__title { font-size: 32px; }
.absolu-journal__featured a { grid-template-columns: 1fr; gap: 24px; }
.absolu-journal__featured-title { font-size: 24px; }
.absolu-journal__grid { grid-template-columns: 1fr; gap: 40px; }
.absolu-journal__card-image { aspect-ratio: 16/9; }
.absolu-post { padding: 40px 16px; }
.absolu-post__featured { margin-bottom: 40px; }
.absolu-post__newsletter-cta { padding: 24px; }
.absolu-post__newsletter-cta form { flex-direction: column; }
}
@media (max-width: 480px) {
.absolu-journal__title,
.absolu-post__title { font-size: 28px; }
.absolu-journal__filters { gap: 8px; }
}
.absolu-post__newsletter-cta button { background: var(--absolu-primary) !important; color: var(--absolu-white) !important; }
.absolu-post__newsletter-cta button:hover { background: var(--absolu-secondary) !important; }
.absolu-post__share button { background: var(--absolu-primary) !important; color: var(--absolu-white) !important; border-color: var(--absolu-primary) !important; }
.absolu-post__share button:hover { background: var(--absolu-secondary) !important; border-color: var(--absolu-secondary) !important; color: var(--absolu-white) !important; }
.absolu-post__share button { width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; padding: 0; box-sizing: border-box; }
.absolu-journal__filters { gap: 40px; }
.absolu-journal__filters button, .absolu-journal__filters a { position: relative; padding: 8px 4px; border-bottom: none; overflow: visible; }
.absolu-journal__filters button::after, .absolu-journal__filters a::after {
content: '';
position: absolute;
bottom: 0;
left: 4px;
right: 4px;
height: 2px;
background: var(--absolu-primary);
transform: scaleX(0);
transform-origin: right;
transition: transform 0.3s ease;
}
.absolu-journal__filters button:hover::after,
.absolu-journal__filters button.active::after,
.absolu-journal__filters a:hover::after,
.absolu-journal__filters a.active::after {
transform: scaleX(1);
transform-origin: left;
}
.absolu-journal__filters button.active { color: var(--absolu-primary); }
.absolu-journal__filters button:hover { color: var(--absolu-primary); }
@media (max-width: 768px) {
.absolu-journal__filters { gap: 24px; }
}
.absolu-popup {
position: fixed;
inset: 0;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
}
.absolu-popup[hidden] {
display: none;
}
.absolu-popup--visible {
opacity: 1;
pointer-events: auto;
}
.absolu-popup__backdrop {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 38%);
cursor: pointer;
}
.absolu-popup__container {
position: relative;
width: 100%;
max-width: 860px;
display: flex;
align-items: stretch;
background: var(--absolu-white);
border-radius: 2px;
overflow: hidden;
transform: translateY(12px);
transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.absolu-popup--visible .absolu-popup__container {
transform: translateY(0);
}
.absolu-popup__close {
position: absolute;
top: 16px;
right: 16px;
z-index: 2;
width: 36px;
height: 36px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
background: transparent;
border: none;
color: var(--absolu-text);
cursor: pointer;
transition: opacity 0.2s ease;
}
.absolu-popup__close:hover {
opacity: 0.6;
}
.absolu-popup__image {
flex: 0 0 44%;
align-self: stretch;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.absolu-popup__content {
position: relative;
z-index: 1;
flex: 1 1 auto;
padding: 72px 48px;
text-align: left;
display: flex;
flex-direction: column;
align-items: flex-start;
min-height: 440px;
justify-content: center;
}
.absolu-popup__eyebrow {
font-family: var(--absolu-font-body);
font-size: var(--absolu-fs-xs);
letter-spacing: 2.5px;
text-transform: uppercase;
color: var(--absolu-secondary);
margin-bottom: 14px;
}
.absolu-popup__headline {
margin: 0 0 14px 0;
font-family: var(--absolu-font);
font-size: clamp(28px, 3vw, 40px);
font-weight: 700;
line-height: 1.1;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--absolu-text);
}
.absolu-popup__subhead {
margin: 0 0 28px 0;
max-width: 360px;
font-family: var(--absolu-font-body);
font-size: 15px;
line-height: 1.6;
color: var(--absolu-text-light);
}
.absolu-popup__cta.absolu-btn {
width: 100%;
max-width: 320px;
padding: 16px 32px;
font-size: 14px;
margin: 0 0 16px 0;
text-align: center;
justify-content: center;
}
.absolu-popup__signin {
font-family: var(--absolu-font-body);
font-size: 13px;
color: var(--absolu-text);
text-decoration: none;
transition: color 0.15s ease;
}
.absolu-popup__signin:hover {
text-decoration: underline;
}
@media (max-width: 768px) {
.absolu-popup {
padding: 12px;
}
.absolu-popup__container {
max-width: 440px;
}
.absolu-popup__image {
display: none;
}
.absolu-popup__content {
padding: 56px 28px;
min-height: 360px;
text-align: center;
align-items: center;
}
.absolu-popup__subhead {
font-size: 14px;
margin-bottom: 24px;
max-width: 320px;
}
.absolu-popup__cta.absolu-btn {
max-width: 100%;
padding: 16px 24px;
font-size: 13px;
margin-left: auto;
margin-right: auto;
}
.absolu-popup__close {
top: 8px;
right: 8px;
}
}
@media (max-width: 480px) {
.absolu-popup__content {
padding: 48px 16px;
min-height: 340px;
}
.absolu-popup__headline {
font-size: 24px;
}
}
body.absolu-popup-lock { overflow: hidden; } .absolu-header .absolu-member-banner { display: none; }
.absolu-header-clone .absolu-member-banner {
display: block;
background: var(--absolu-primary-dark);
color: var(--absolu-white);
font-family: var(--absolu-font-body);
font-size: 11px;
font-weight: 400;
letter-spacing: 0.05em;
text-transform: uppercase;
text-align: center;
padding: 7px 12px;
line-height: 1.4;
white-space: nowrap;
}
.absolu-header-clone .absolu-member-banner strong {
font-weight: 600;
color: var(--absolu-secondary);
letter-spacing: 0.1em;
} .absolu-checkout-wrap .cart-discount th { text-align: left; }
.absolu-checkout-wrap .cart-discount td { text-align: right; }
.absolu-checkout-wrap .cart-discount .woocommerce-remove-coupon { display: none; }
.absolu-checkout-wrap .cart-discount th,
.absolu-checkout-wrap .cart-discount td {
font-weight: 400;
color: var(--absolu-text);
}  .absolu-checkout-coupon {
margin: 22px 0 24px;
}
.absolu-checkout-coupon__row {
display: flex;
gap: 8px;
align-items: stretch;
}
.absolu-checkout-coupon__input {
flex: 1 1 auto;
height: 44px;
padding: 0 14px;
background: var(--absolu-white);
border: 1px solid var(--absolu-border);
font-family: var(--absolu-font-body);
font-size: 13px;
color: var(--absolu-text);
border-radius: 0;
box-shadow: none;
outline: none;
min-width: 0;
}
.absolu-checkout-coupon__input::placeholder {
color: var(--absolu-text-light);
}
.absolu-checkout-coupon__input:focus {
border-color: var(--absolu-text);
}
.absolu-checkout-coupon__btn {
flex: 0 0 auto;
height: 44px;
min-width: 96px;
padding: 0 22px;
}
.absolu-checkout-coupon__msg {
margin-top: 8px;
font-family: var(--absolu-font-body);
font-size: 12px;
line-height: 1.5;
letter-spacing: 0;
}
.absolu-checkout-coupon__msg:empty { display: none; }
.absolu-checkout-coupon__msg.is-error { color: var(--absolu-primary); }
.absolu-checkout-coupon__msg.is-success { color: #2e7d32; }
.absolu-checkout-coupon__applied {
list-style: none;
margin: 10px 0 0;
padding: 0;
}
.absolu-checkout-coupon__applied li {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 6px 8px 6px 12px;
background: var(--absolu-white);
border: 1px solid var(--absolu-border);
font-family: var(--absolu-font-body);
font-size: 12px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--absolu-text);
width: 100%;
box-sizing: border-box;
}
.absolu-checkout-coupon__remove {
background: transparent;
border: 0;
width: 22px;
height: 22px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 16px;
line-height: 1;
cursor: pointer;
color: var(--absolu-text-light);
padding: 0;
}
.absolu-checkout-coupon__remove:hover { color: var(--absolu-primary); }
.absolu-checkout-coupon__input { text-transform: uppercase; }
.absolu-checkout-coupon__input::placeholder { text-transform: none; }
.absolu-checkout-wrap .woocommerce-form-coupon-toggle,
.absolu-checkout-wrap form.checkout_coupon,
.absolu-checkout-wrap .woocommerce-info.showcoupon { display: none; } .absolu-checkout-wrap,.absolu-checkout,.absolu-checkout-grid,.absolu-checkout-fields,.absolu-checkout-sidebar,.absolu-checkout-order{min-width:0;max-width:100%;box-sizing:border-box;}
.absolu-checkout .woocommerce-billing-fields__field-wrapper,.absolu-checkout .woocommerce-shipping-fields__field-wrapper,.absolu-checkout .woocommerce-additional-fields__field-wrapper,.absolu-checkout .form-row{min-width:0;max-width:100%;box-sizing:border-box;}
.absolu-checkout .input-text,.absolu-checkout select,.absolu-checkout textarea{max-width:100%;box-sizing:border-box;}
.absolu-checkout .select2-container,.absolu-checkout .select2-container--default{max-width:100%;box-sizing:border-box;}
.absolu-checkout-order .woocommerce-checkout-review-order-table{table-layout:fixed;max-width:100%;}
.absolu-checkout-order .cart_item .product-name{overflow-wrap:anywhere;word-break:break-word;}
.absolu-checkout-order .payment_box iframe,.absolu-checkout-order .payment_box img,.absolu-checkout-order .wc_payment_method img{max-width:100%;height:auto;box-sizing:border-box;}
.absolu-checkout-order .payment_box,.absolu-checkout-order .wc_payment_method{max-width:100%;box-sizing:border-box;overflow-wrap:anywhere;} .absolu-checkout-fields{position:relative;z-index:2;}
.absolu-wa-combo.is-open{z-index:30;} @media (max-width:1024px){.absolu-checkout-container{padding-bottom:48px;}}
@media (max-width:480px){.absolu-checkout-container{padding-bottom:40px;}} @media (max-width:600px){.absolu-wa-combo__list,.absolu-wa-combo__search{left:0;right:auto;width:280px;min-width:280px;max-width:calc(100vw - 40px);}}
@media (max-width:600px){.absolu-wa-combo__search-input{font-size:13px;}.absolu-wa-combo__search-input::placeholder{font-size:12px;}} @media (max-width:600px){.absolu-checkout-coupon__input::placeholder{font-size:12px;}} .absolu-wholesale {
background: var(--absolu-white);
color: var(--absolu-text);
}
.absolu-wholesale section {
padding: 20px 0;
}
.absolu-wholesale__hero {
padding-top: 32px;
padding-bottom: 6px;
text-align: center;
}
.absolu-wholesale__eyebrow {
display: inline-block;
font-family: var(--absolu-font-body);
font-size: 11px;
font-weight: 500;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--absolu-secondary);
margin-bottom: 18px;
}
.absolu-wholesale__title {
font-family: var(--absolu-font);
font-size: clamp(2rem, 5vw, 3.25rem);
font-weight: 400;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--absolu-text);
margin: 0 0 18px;
line-height: 1.1;
}
.absolu-wholesale__lede {
font-family: var(--absolu-font-body);
font-size: clamp(0.95rem, 1.6vw, 1.0625rem);
color: var(--absolu-text-light);
max-width: 640px;
margin: 0 auto;
line-height: 1.6;
}
.absolu-wholesale__intro {
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
}
.absolu-wholesale__intro .absolu-container {
max-width: 820px;
}
.absolu-wholesale__intro p {
font-family: var(--absolu-font-body);
font-size: 0.9375rem;
line-height: 1.75;
color: var(--absolu-text);
margin: 0 0 16px;
}
.absolu-wholesale__intro p:last-child {
margin-bottom: 0;
color: var(--absolu-text-light);
}
.absolu-wholesale__cta {
padding-top: 0;
padding-bottom: 0;
text-align: center;
}
.absolu-wholesale__cta-note {
font-family: var(--absolu-font-body);
font-size: 12px;
letter-spacing: 0.04em;
color: var(--absolu-text-light);
margin: 18px 0 0;
}
.absolu-wholesale__benefits {
background: var(--absolu-white);
border-top: none;
border-bottom: none;
padding: 60px 0;
}
.absolu-wholesale__benefits-grid {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.absolu-wholesale__benefit {
background: var(--absolu-white);
border: 1px solid var(--absolu-border);
padding: 28px 20px;
text-align: center;
transition: border-color 0.2s ease;
}
.absolu-wholesale__benefit:hover {
border-color: var(--absolu-text);
}
.absolu-wholesale__benefit i {
font-size: 28px;
color: var(--absolu-primary);
display: block;
margin: 0 0 12px;
line-height: 1;
}
.absolu-wholesale__benefit h3 {
font-family: var(--absolu-font-body);
font-size: 13px;
font-weight: 500;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--absolu-text);
margin: 0;
} .absolu-btn--ffl {
display: inline-flex;
align-items: center;
justify-content: flex-start;
gap: 14px;
padding: 14px 28px 14px 14px;
min-height: 60px;
background: #0D475F;
border: 1px solid #0D475F;
color: var(--absolu-white);
font-family: var(--absolu-font);
font-size: 15px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
transition: background 0.2s ease, border-color 0.2s ease;
}
.absolu-btn--ffl:hover,
.absolu-btn--ffl:focus {
background: #073649;
border-color: #073649;
color: var(--absolu-white);
}
.absolu-btn--ffl__logo {
width: 36px;
height: 36px;
display: block;
object-fit: contain;
flex: 0 0 36px;
background: transparent;
padding: 0;
border-radius: 0;
}
@media (max-width: 1024px) {
.absolu-wholesale section { padding: 36px 0; }
.absolu-wholesale__benefits-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
.absolu-wholesale section { padding: 16px 0; }
.absolu-wholesale__hero { padding-top: 28px; padding-bottom: 8px; }
.absolu-wholesale__cta { padding-bottom: 24px; }
}
@media (max-width: 480px) {
.absolu-wholesale section { padding: 14px 0; }
.absolu-wholesale__benefits-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
.absolu-wholesale__benefit { padding: 22px 14px; }
.absolu-btn--ffl { padding: 10px 18px 10px 12px; font-size: 13px; gap: 10px; min-height: 0; width: auto; max-width: 100%; justify-content: center; }
.absolu-btn--ffl__logo { width: 32px; height: 32px; flex-basis: 32px; }
}