.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(2n){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}:root {
--tw-bg: #f5f9fc;
--tw-bg-soft: #edf5f8;
--tw-panel: #ffffff;
--tw-panel-2: #f7fafc;
--tw-text: #0b2942;
--tw-text-soft: #5d7385;
--tw-border: #d6e4ea;
--tw-accent: #00a8c6;
--tw-accent-2: #e58a2b;
--tw-header-bg: #ffffff;
--tw-header-text: #0b2942;
--tw-footer-bg: #061725;
--tw-footer-text: #edf7fb;
--tw-button-text: #ffffff;
--tw-danger: #c74343;
--tw-success: #1f9d68;
--tw-shadow: 0 16px 40px rgba(4, 42, 66, .09);
--tw-radius: 18px;
--tw-container: 1460px;
}*,
*::before,
*::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
margin: 0;
background: var(--tw-bg);
color: var(--tw-text);
font-size: 16px;
line-height: 1.55;
}
img {
max-width: 100%;
height: auto;
display: block;
}
a {
color: inherit;
text-decoration: none;
}
.tw-container {
width: min(100% - 24px, var(--tw-container));
margin-inline: auto;
}
.tw-main {
min-height: 60vh;
}
.tw-content-wrap {
padding: 32px 0 48px;
}
.tw-card {
background: linear-gradient(180deg, var(--tw-panel), var(--tw-panel-2));
border: 1px solid var(--tw-border);
border-radius: var(--tw-radius);
padding: 24px;
box-shadow: var(--tw-shadow);
}
.tw-loop {
display: grid;
gap: 18px;
}
.tw-page-title,
.tw-post-title,
.tw-section-head h2 {
margin: 0 0 12px;
}
.tw-post-title a:hover {
color: var(--tw-accent-2);
}
.tw-post-excerpt,
.tw-page-content,
.tw-section-head p {
color: var(--tw-text-soft);
}
.tw-section-head {
margin-bottom: 20px;
}
.tw-section-kicker {
display: inline-block;
margin-bottom: 10px;
color: var(--tw-accent-2);
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
font-size: .82rem;
}
.tw-home-section {
padding: 26px 0;
}
.tw-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 46px;
padding: 0 18px;
border-radius: 12px;
border: 1px solid var(--tw-border);
transition: .2s ease;
font-weight: 700;
}
.tw-btn:hover {
transform: translateY(-1px);
}
.tw-btn--accent {
background: linear-gradient(135deg, var(--tw-accent), var(--tw-accent-2));
color: #141414;
border-color: transparent;
}
.tw-btn--ghost {
background: rgba(255,255,255,.03);
color: var(--tw-text);
}
.tw-btn--small {
min-height: 40px;
padding: 0 14px;
font-size: .92rem;
}
.tw-pagination {
margin-top: 24px;
}
.tw-footer {
margin-top: 40px;
background:
radial-gradient(circle at top left, rgba(1, 176, 204, .14), transparent 32%),
radial-gradient(circle at top right, rgba(220, 129, 36, .14), transparent 28%),
linear-gradient(180deg, #07111d 0%, #081521 52%, #071019 100%);
border-top: 1px solid rgba(255,255,255,.08);
color: #eef6fb;
}
.tw-footer__top {
padding: 30px 0 20px;
}
.tw-footer__grid {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.05fr) minmax(0, .9fr);
gap: 20px;
align-items: start;
}
.tw-footer__card {
position: relative;
overflow: hidden;
background: linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.03) 100%);
border: 1px solid rgba(255,255,255,.10);
border-radius: 22px;
padding: 24px;
box-shadow: 0 22px 54px rgba(0,0,0,.22);
backdrop-filter: blur(8px);
}
.tw-footer__card::before {
content: "";
position: absolute;
inset: 0 auto auto 0;
width: 100%;
height: 1px;
background: linear-gradient(90deg, rgba(1,176,204,.55), rgba(220,129,36,.55), transparent 90%);
}
.tw-footer__eyebrow {
display: inline-flex;
align-items: center;
min-height: 30px;
padding: 0 12px;
border-radius: 999px;
border: 1px solid rgba(255,255,255,.10);
background: rgba(255,255,255,.05);
color: #9fe8f2;
font-size: .75rem;
font-weight: 800;
letter-spacing: .1em;
text-transform: uppercase;
}
.tw-footer__title {
margin: 16px 0 10px;
font-size: clamp(1.65rem, 2.8vw, 2.25rem);
line-height: 1.08;
color: #ffffff;
}
.tw-footer__lead {
margin: 0;
color: rgba(238,246,251,.82);
font-size: 1rem;
line-height: 1.72;
}
.tw-footer__quick-actions {
display: grid;
gap: 12px;
margin-top: 22px;
}
.tw-footer__action {
display: flex;
flex-direction: column;
gap: 4px;
padding: 14px 16px;
border-radius: 16px;
border: 1px solid rgba(255,255,255,.10);
background: rgba(255,255,255,.04);
color: #fff;
transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.tw-footer__action:hover {
transform: translateY(-1px);
border-color: rgba(1,176,204,.45);
background: rgba(255,255,255,.06);
}
.tw-footer__action--accent {
background: linear-gradient(135deg, rgba(1,176,204,.20), rgba(220,129,36,.18));
}
.tw-footer__action-label {
font-size: .76rem;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
color: rgba(238,246,251,.68);
}
.tw-footer__action strong {
font-size: 1rem;
line-height: 1.35;
}
.tw-footer__info-list {
display: grid;
gap: 14px;
margin-top: 18px;
}
.tw-footer__info-item strong,
.tw-footer__card-title {
display: block;
margin: 0 0 6px;
color: #fff;
font-size: .98rem;
font-weight: 800;
}
.tw-footer__info-item p {
margin: 0;
color: rgba(238,246,251,.82);
line-height: 1.68;
}
.tw-footer__info-item a:hover,
.tw-footer__links-list a:hover,
.tw-footer-nav a:hover,
.tw-footer__map-link:hover {
color: #9fe8f2;
}
.tw-footer__map-wrap {
margin-top: 18px;
border-radius: 18px;
overflow: hidden;
border: 1px solid rgba(255,255,255,.10);
background: rgba(0,0,0,.18);
}
.tw-footer__map {
display: block;
width: 100%;
height: 190px;
border: 0;
}
.tw-footer__map-link {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 14px;
font-weight: 700;
color: #f2f8fc;
}
.tw-footer__links-columns {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
margin-top: 18px;
}
.tw-footer__links-list,
.tw-footer-nav {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 10px;
}
.tw-footer__links-list a,
.tw-footer-nav a {
color: rgba(238,246,251,.84);
line-height: 1.5;
}
.tw-footer__note-bar {
border-top: 1px solid rgba(255,255,255,.08);
border-bottom: 1px solid rgba(255,255,255,.08);
background: rgba(255,255,255,.03);
}
.tw-footer__note-inner {
padding: 16px 0;
}
.tw-footer__note {
color: rgba(238,246,251,.82);
font-size: .96rem;
line-height: 1.7;
}
.tw-footer__note strong {
color: #ffffff;
}
.tw-footer__bottom {
padding: 16px 0 20px;
}
.tw-footer__bottom-inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 12px 18px;
align-items: center;
}
.tw-footer__copy,
.tw-footer__credit {
margin: 0;
color: rgba(238,246,251,.66);
font-size: .9rem;
line-height: 1.6;
}
.tw-footer__credit {
text-align: right;
}
@media (max-width: 1100px) {
.tw-footer__grid {
grid-template-columns: 1fr 1fr;
}
.tw-footer__card--links {
grid-column: 1 / -1;
}
}
@media (max-width: 767px) {
.tw-footer {
margin-top: 28px;
}
.tw-footer__top {
padding-top: 24px;
}
.tw-footer__grid,
.tw-footer__links-columns {
grid-template-columns: 1fr;
}
.tw-footer__card {
padding: 20px;
border-radius: 18px;
}
.tw-footer__map {
height: 210px;
}
.tw-footer__bottom-inner {
flex-direction: column;
align-items: flex-start;
}
.tw-footer__credit {
text-align: left;
}
}.tw-topbar {
border-bottom: 1px solid rgba(14, 171, 250, 0.14);
background:
linear-gradient(90deg, rgba(15, 53, 104, 0.38), rgba(26, 33, 43, 0.88)),
#1A212B;
font-size: .92rem;
}
.tw-topbar__inner {
min-height: 40px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
}
.tw-topbar__left {
color: #C8D4E0;
}
.tw-topbar__right {
display: flex;
align-items: center;
gap: 14px;
}
.tw-topbar__right a {
color: #F5F8FB;
font-weight: 600;
transition: color .18s ease, opacity .18s ease;
}
.tw-topbar__right a:hover {
color: #0EABFA;
}
.tw-header {
position: sticky;
top: 0;
z-index: 50;
background: color-mix(in srgb, var(--tw-bg-soft) 84%, white 16%);
backdrop-filter: blur(14px);
border-bottom: 1px solid color-mix(in srgb, var(--tw-border) 88%, var(--tw-text) 12%);
box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06);
transition:
background .22s ease,
border-color .22s ease,
box-shadow .22s ease;
}
.tw-header.is-scrolled {
background: color-mix(in srgb, var(--tw-panel) 90%, white 10%);
border-bottom-color: color-mix(in srgb, var(--tw-border) 84%, var(--tw-text) 16%);
box-shadow: 0 12px 26px rgba(0, 0, 0, 0.08);
}
.tw-main-header {
display: block;
position: relative;
z-index: 80;
}
.tw-main-header__inner {
position: relative;
z-index: 81;
overflow: visible;
min-height: 88px;
display: grid;
grid-template-columns: 220px minmax(420px, 1fr) auto;
align-items: center;
gap: 18px;
}
.tw-site-brand,
.custom-logo-link {
display: inline-flex;
align-items: center;
}
.tw-site-brand {
font-size: 1.35rem;
font-weight: 800;
color: var(--tw-text);
letter-spacing: .01em;
}
.tw-site-brand:hover {
color: var(--tw-accent);
} .tw-search-form {
position: relative;
width: 100%;
margin: 0;
}
.tw-search-form--live {
position: relative;
z-index: 90;
}
.tw-main-header__search {
position: relative;
z-index: 85;
overflow: visible;
}
.tw-search-shell {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: stretch;
gap: 10px;
}
.tw-search-input-wrap {
position: relative;
min-width: 0;
}
.tw-search-input-icon {
position: absolute;
left: 15px;
top: 50%;
transform: translateY(-50%);
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--tw-text-soft);
pointer-events: none;
transition: color .18s ease, transform .18s ease;
}
.tw-search-input {
width: 100%;
min-height: 46px;
height: 46px;
border: 1px solid color-mix(in srgb, var(--tw-border) 86%, var(--tw-text) 14%);
border-radius: 5px;
background: var(--tw-panel);
color: var(--tw-text);
padding: 0 42px 0 44px;
outline: none;
font-size: .95rem;
font-weight: 600;
transition:
border-color .18s ease,
box-shadow .18s ease,
background .18s ease,
transform .18s ease;
}
.tw-search-input::placeholder {
color: var(--tw-text-soft);
}
.tw-search-input:hover {
border-color: color-mix(in srgb, var(--tw-accent) 28%, var(--tw-border) 72%);
}
.tw-search-input:focus {
border-color: color-mix(in srgb, var(--tw-accent) 48%, var(--tw-border) 52%);
box-shadow:
0 0 0 3px color-mix(in srgb, var(--tw-accent) 12%, transparent),
0 8px 18px rgba(0, 0, 0, 0.05);
background: color-mix(in srgb, var(--tw-panel) 94%, white 6%);
}
.tw-search-input-wrap:focus-within .tw-search-input-icon {
color: var(--tw-accent);
transform: translateY(-50%) scale(1.04);
}
.tw-search-clear {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
width: 24px;
height: 24px;
border: 1px solid color-mix(in srgb, var(--tw-border) 78%, white 22%);
border-radius: 4px;
background: color-mix(in srgb, var(--tw-bg-soft) 74%, white 26%);
color: var(--tw-text-soft);
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 17px;
line-height: 1;
cursor: pointer;
transition:
background .18s ease,
color .18s ease,
transform .18s ease,
border-color .18s ease;
}
.tw-search-clear:hover {
background: color-mix(in srgb, var(--tw-accent) 14%, white 86%);
color: var(--tw-text);
border-color: color-mix(in srgb, var(--tw-accent) 32%, var(--tw-border) 68%);
transform: translateY(-50%);
}
.tw-search-button {
min-height: 46px;
height: 46px;
padding: 0 14px;
border: 1px solid color-mix(in srgb, var(--tw-accent) 38%, var(--tw-border) 62%);
border-radius: 5px;
background: var(--tw-accent);
color: #ffffff;
cursor: pointer;
font-weight: 800;
font-size: .90rem;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
white-space: nowrap;
transition:
transform .18s ease,
box-shadow .18s ease,
border-color .18s ease,
background .18s ease;
box-shadow: 0 6px 14px rgba(0, 0, 0, 0.10);
}
.tw-search-button:hover {
transform: translateY(-1px);
border-color: color-mix(in srgb, var(--tw-accent-2) 42%, var(--tw-accent) 58%);
background: color-mix(in srgb, var(--tw-accent) 86%, var(--tw-accent-2) 14%);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
}
.tw-search-button:focus-visible {
outline: none;
box-shadow:
0 0 0 4px color-mix(in srgb, var(--tw-accent) 16%, transparent),
0 12px 22px rgba(0, 0, 0, 0.12);
}
.tw-search-button__icon {
display: inline-flex;
align-items: center;
justify-content: center;
}
.tw-search-button__text {
line-height: 1;
} .tw-search-live-panel {
position: absolute;
top: calc(100% + 10px);
left: 0;
width: 100%;
z-index: 99999;
}
.tw-search-live-panel__inner {
background: var(--tw-panel);
border: 1px solid color-mix(in srgb, var(--tw-border) 84%, var(--tw-text) 16%);
border-radius: 6px;
box-shadow: 0 16px 30px rgba(0, 0, 0, 0.10);
overflow: hidden;
backdrop-filter: blur(12px);
}
.tw-search-live-state {
padding: 16px 18px;
color: var(--tw-text-soft);
font-size: .94rem;
}
.tw-search-live-results {
display: grid;
gap: 0;
}
.tw-search-live-item {
display: grid;
grid-template-columns: 58px minmax(0, 1fr) auto;
align-items: center;
gap: 12px;
padding: 12px 14px;
border-bottom: 1px solid color-mix(in srgb, var(--tw-border) 72%, white 28%);
transition: background .18s ease;
}
.tw-search-live-item:last-child {
border-bottom: 0;
}
.tw-search-live-item:hover {
background: color-mix(in srgb, var(--tw-accent) 6%, white 94%);
}
.tw-search-live-thumb {
width: 58px;
height: 58px;
border-radius: 4px;
overflow: hidden;
background: color-mix(in srgb, var(--tw-bg-soft) 70%, white 30%);
border: 1px solid color-mix(in srgb, var(--tw-border) 72%, white 28%);
display: flex;
align-items: center;
justify-content: center;
}
.tw-search-live-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.tw-search-live-content {
min-width: 0;
display: grid;
gap: 5px;
}
.tw-search-live-title {
color: var(--tw-text);
font-weight: 800;
font-size: .94rem;
line-height: 1.22;
text-decoration: none;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.tw-search-live-title:hover {
color: var(--tw-accent);
}
.tw-search-live-meta {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px 10px;
}
.tw-search-live-price {
color: var(--tw-accent-2);
font-weight: 800;
font-size: .94rem;
}
.tw-search-live-stock {
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 24px;
padding: 0 8px;
border-radius: 3px;
font-size: .76rem;
font-weight: 800;
letter-spacing: .01em;
border: 1px solid transparent;
}
.tw-search-live-stock--in {
color: #148A47;
background: rgba(20, 138, 71, 0.10);
border-color: rgba(20, 138, 71, 0.18);
}
.tw-search-live-stock--out {
color: #B54A4A;
background: rgba(181, 74, 74, 0.10);
border-color: rgba(181, 74, 74, 0.16);
}
.tw-search-live-actions {
display: flex;
align-items: center;
justify-content: flex-end;
}
.tw-search-live-add {
min-height: 34px;
padding: 0 11px;
border-radius: 4px;
border: 1px solid color-mix(in srgb, var(--tw-accent) 26%, var(--tw-border) 74%);
background: color-mix(in srgb, var(--tw-bg-soft) 78%, white 22%);
color: var(--tw-text);
font-size: .82rem;
font-weight: 800;
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
transition:
transform .18s ease,
background .18s ease,
border-color .18s ease,
box-shadow .18s ease,
color .18s ease;
}
.tw-search-live-add:hover {
transform: translateY(-1px);
border-color: color-mix(in srgb, var(--tw-accent) 34%, var(--tw-border) 66%);
background:
linear-gradient(180deg, color-mix(in srgb, var(--tw-accent) 16%, white 84%), color-mix(in srgb, var(--tw-panel) 82%, var(--tw-accent) 18%));
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
color: var(--tw-accent);
}
.tw-search-live-footer {
padding: 12px 14px 14px;
border-top: 1px solid color-mix(in srgb, var(--tw-border) 72%, white 28%);
background: color-mix(in srgb, var(--tw-bg-soft) 84%, white 16%);
}
.tw-search-live-footer__all {
width: 100%;
min-height: 40px;
border: 1px solid color-mix(in srgb, var(--tw-accent) 26%, var(--tw-border) 74%);
border-radius: 4px;
background: color-mix(in srgb, var(--tw-panel) 92%, white 8%);
color: var(--tw-text);
font-weight: 800;
cursor: pointer;
transition:
transform .18s ease,
color .18s ease,
border-color .18s ease,
background .18s ease;
}
.tw-search-live-footer__all:hover {
transform: translateY(-1px);
color: var(--tw-accent);
border-color: color-mix(in srgb, var(--tw-accent) 34%, var(--tw-border) 66%);
background:
linear-gradient(180deg, color-mix(in srgb, var(--tw-panel) 90%, white 10%), color-mix(in srgb, var(--tw-accent) 14%, white 86%));
} .tw-main-header__actions {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: nowrap;
justify-content: flex-end;
}
.tw-action-link {
min-height: 42px;
padding: 0 13px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
border-radius: 5px;
background: var(--tw-panel);
border: 1px solid color-mix(in srgb, var(--tw-border) 86%, var(--tw-text) 14%);
color: var(--tw-text);
font-weight: 700;
transition:
transform .18s ease,
border-color .18s ease,
box-shadow .18s ease,
color .18s ease,
background .18s ease;
}
.tw-action-link:hover {
transform: translateY(-1px);
color: var(--tw-accent);
border-color: color-mix(in srgb, var(--tw-accent) 35%, var(--tw-border) 65%);
background: color-mix(in srgb, var(--tw-panel) 90%, white 10%);
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.06);
}
.tw-action-link--wa {
position: relative;
background: color-mix(in srgb, var(--tw-panel) 90%, white 10%);
border-color: color-mix(in srgb, var(--tw-accent) 32%, var(--tw-border) 68%);
color: var(--tw-text);
}
.tw-action-link--wa::before {
content: "";
width: 17px;
height: 17px;
display: inline-block;
flex: 0 0 17px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%2325D366' d='M19.11 17.21c-.27-.13-1.61-.79-1.86-.88-.25-.09-.43-.13-.61.13-.18.27-.7.88-.86 1.06-.16.18-.31.2-.58.07-.27-.13-1.12-.41-2.13-1.31-.79-.7-1.32-1.57-1.48-1.84-.15-.27-.02-.41.11-.54.12-.12.27-.31.4-.47.13-.16.18-.27.27-.45.09-.18.04-.34-.02-.47-.07-.13-.61-1.47-.83-2.01-.22-.53-.45-.46-.61-.47h-.52c-.18 0-.47.07-.72.34-.25.27-.95.93-.95 2.26s.97 2.62 1.11 2.8c.13.18 1.9 2.9 4.61 4.06.64.28 1.15.45 1.54.57.65.21 1.24.18 1.71.11.52-.08 1.61-.66 1.84-1.29.23-.63.23-1.17.16-1.29-.06-.11-.24-.18-.51-.31Z'/%3E%3Cpath fill='%2325D366' d='M27.06 4.9A15.83 15.83 0 0 0 16.02.5C7.48.5.55 7.42.55 15.96c0 2.72.71 5.39 2.06 7.73L.5 31.5l7.99-2.09a15.36 15.36 0 0 0 7.53 1.92h.01c8.54 0 15.47-6.93 15.47-15.47 0-4.14-1.61-8.03-4.44-10.96Zm-11.03 23.8h-.01a12.9 12.9 0 0 1-6.57-1.79l-.47-.28-4.74 1.24 1.27-4.62-.31-.48a12.87 12.87 0 0 1-1.98-6.82C3.22 8.84 8.9 3.16 16.03 3.16c3.44 0 6.67 1.34 9.1 3.77a12.79 12.79 0 0 1 3.76 9.1c0 7.13-5.68 12.81-12.86 12.81Z'/%3E%3C/svg%3E");
}
.tw-action-link--wa:hover {
color: var(--tw-accent);
border-color: color-mix(in srgb, var(--tw-accent) 44%, var(--tw-border) 56%);
background: linear-gradient(180deg, color-mix(in srgb, var(--tw-accent) 18%, white 82%), color-mix(in srgb, var(--tw-panel-2) 82%, var(--tw-accent) 18%));
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}
.tw-action-link--cart:hover {
color: var(--tw-accent);
} @media (min-width: 992px) {
.tw-main-header__inner {
gap: 16px;
}
.tw-action-link,
.tw-search-button,
.tw-search-input,
.tw-search-live-add,
.tw-search-live-footer__all,
.tw-dropdown-panel__links a {
letter-spacing: .01em;
}
.tw-action-link,
.tw-search-button {
min-height: 44px;
}
.tw-dropdown-panel,
.tw-search-live-panel__inner {
outline: 1px solid color-mix(in srgb, var(--tw-border) 72%, white 28%);
outline-offset: -1px;
}
}
.tw-mobile-header {
display: none;
}
.tw-mobile-header__inner {
min-height: 68px;
display: grid;
grid-template-columns: 52px 1fr 52px;
align-items: center;
gap: 12px;
}
.tw-mobile-toggle,
.tw-mobile-cart,
.tw-mobile-close {
min-width: 42px;
min-height: 42px;
border-radius: 8px;
border: 1px solid rgba(14, 171, 250, 0.14);
background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
color: #F5F8FB;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition:
transform .18s ease,
border-color .18s ease,
color .18s ease,
background .18s ease;
}
.tw-mobile-toggle:hover,
.tw-mobile-cart:hover,
.tw-mobile-close:hover {
transform: translateY(-1px);
color: #0EABFA;
border-color: rgba(14, 171, 250, 0.28);
background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(14,171,250,.06));
}
.tw-mobile-search {
padding-bottom: 14px;
}
.tw-action-dropdown {
position: relative;
display: block;
flex: 0 0 auto;
overflow: visible;
padding-bottom: 10px;
margin-bottom: -10px;
}
.tw-dropdown-panel {
position: absolute;
top: calc(100% + 2px);
left: auto;
right: 0;
transform: none;
width: 260px;
min-width: 260px;
max-width: calc(100vw - 24px);
margin: 0;
background: var(--tw-panel);
border: 1px solid color-mix(in srgb, var(--tw-border) 84%, var(--tw-text) 16%);
border-radius: 6px;
box-shadow: 0 16px 30px rgba(0, 0, 0, 0.10);
padding: 12px;
z-index: 9999;
}
.tw-dropdown-panel__head {
display: grid;
gap: 3px;
padding: 2px 2px 12px;
border-bottom: 1px solid var(--tw-border);
margin-bottom: 12px;
}
.tw-dropdown-panel__head strong {
color: var(--tw-text);
font-size: .98rem;
}
.tw-dropdown-panel__head span {
color: var(--tw-text-soft);
font-size: .88rem;
}
.tw-dropdown-panel__links {
display: grid;
gap: 8px;
}
.tw-dropdown-panel__links a {
display: block;
padding: 10px 12px;
border-radius: 4px;
color: var(--tw-text);
background: color-mix(in srgb, var(--tw-panel) 92%, white 8%);
border: 1px solid color-mix(in srgb, var(--tw-border) 84%, white 16%);
transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease;
}
.tw-dropdown-panel__links a:hover {
color: var(--tw-accent);
border-color: color-mix(in srgb, var(--tw-accent) 30%, var(--tw-border) 70%);
background: linear-gradient(180deg, color-mix(in srgb, var(--tw-panel) 90%, white 10%), color-mix(in srgb, var(--tw-accent) 8%, var(--tw-panel-2) 92%));
transform: translateY(-1px);
} .tw-action-dropdown--categories {
padding-bottom: 14px;
margin-bottom: -14px;
}
.tw-action-dropdown--categories .tw-action-link--categories {
min-width: 176px !important;
padding: 0 16px !important;
border-radius: 5px !important;
border: 1px solid var(--tw-header-cats-border, var(--tw-accent)) !important;
background:
linear-gradient(
180deg,
color-mix(in srgb, var(--tw-header-cats-bg, var(--tw-accent)) 88%, white 12%),
var(--tw-header-cats-bg, var(--tw-accent))
) !important;
color: var(--tw-header-cats-text, #ffffff) !important;
box-shadow: 0 10px 22px rgba(0, 0, 0, 0.10) !important;
}
.tw-action-dropdown--categories .tw-action-link--categories:hover {
transform: translateY(-1px);
border-color: color-mix(in srgb, var(--tw-header-cats-border, var(--tw-accent)) 76%, var(--tw-header-cats-bg, var(--tw-accent)) 24%) !important;
background:
linear-gradient(
180deg,
color-mix(in srgb, var(--tw-header-cats-bg, var(--tw-accent)) 82%, white 18%),
color-mix(in srgb, var(--tw-header-cats-bg, var(--tw-accent)) 92%, black 8%)
) !important;
color: var(--tw-header-cats-text, #ffffff) !important;
box-shadow: 0 14px 26px rgba(0, 0, 0, 0.14) !important;
}
.tw-action-dropdown--categories .tw-action-link--categories .tw-action-link__icon {
opacity: 0.96;
}
.tw-dropdown-panel--category-tree {
width: min(380px, calc(100vw - 28px)) !important;
min-width: 320px !important;
max-width: calc(100vw - 28px) !important;
padding: 14px !important;
border-radius: 0 0 8px 8px !important;
border: 1px solid color-mix(in srgb, var(--tw-border) 78%, var(--tw-accent) 22%) !important;
border-top: 0 !important;
background:
linear-gradient(
180deg,
color-mix(in srgb, var(--tw-panel) 94%, white 6%),
color-mix(in srgb, var(--tw-panel) 90%, var(--tw-bg-soft) 10%)
) !important;
box-shadow: 0 22px 44px rgba(0, 0, 0, 0.16) !important;
overflow: visible !important;
}
.tw-dropdown-panel--category-tree > div:first-child {
padding: 2px 2px 12px !important;
margin-bottom: 12px !important;
border-bottom: 1px solid color-mix(in srgb, var(--tw-border) 84%, white 16%) !important;
}
.tw-dropdown-panel--category-tree .tw-category-node + .tw-category-node {
margin-top: 7px;
}
.tw-dropdown-panel--category-tree .tw-category-node > a {
min-height: 48px !important;
padding: 11px 12px !important;
border-radius: 5px !important;
border: 1px solid color-mix(in srgb, var(--tw-border) 82%, white 18%) !important;
background:
linear-gradient(
180deg,
color-mix(in srgb, var(--tw-panel) 95%, white 5%),
color-mix(in srgb, var(--tw-panel) 92%, var(--tw-bg-soft) 8%)
) !important;
box-shadow: none !important;
}
.tw-dropdown-panel--category-tree .tw-category-node > a:hover {
background:
linear-gradient(
180deg,
color-mix(in srgb, var(--tw-accent) 12%, white 88%),
color-mix(in srgb, var(--tw-panel) 88%, var(--tw-accent) 12%)
) !important;
border-color: color-mix(in srgb, var(--tw-accent) 34%, var(--tw-border) 66%) !important;
color: var(--tw-accent) !important;
box-shadow: 0 10px 18px rgba(0, 0, 0, 0.06) !important;
}
.tw-dropdown-panel--category-tree .tw-category-node > a .tw-category-link__main {
min-width: 0;
}
.tw-dropdown-panel--category-tree .tw-category-node > a .tw-category-link__main > span:last-child {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.tw-dropdown-panel--category-tree .tw-category-node > a .tw-category-link__arrow {
color: color-mix(in srgb, var(--tw-text-soft) 86%, var(--tw-accent) 14%) !important;
}
.tw-dropdown-panel--category-tree .tw-category-submenu {
min-width: 286px !important;
padding: 12px !important;
border-radius: 0 8px 8px 8px !important;
border: 1px solid color-mix(in srgb, var(--tw-border) 78%, var(--tw-accent) 22%) !important;
background:
linear-gradient(
180deg,
color-mix(in srgb, var(--tw-panel) 95%, white 5%),
color-mix(in srgb, var(--tw-panel) 92%, var(--tw-bg-soft) 8%)
) !important;
box-shadow: 0 18px 34px rgba(0, 0, 0, 0.14) !important;
}
.tw-dropdown-panel--category-tree .tw-category-submenu__head {
padding: 0 0 10px !important;
margin-bottom: 10px !important;
border-bottom: 1px solid color-mix(in srgb, var(--tw-border) 84%, white 16%) !important;
}
.tw-dropdown-panel--category-tree .tw-category-submenu__subtitle {
color: var(--tw-text-soft) !important;
}
@media (max-width: 1199.98px) {
.tw-action-dropdown--categories .tw-action-link--categories {
min-width: 162px !important;
}
.tw-dropdown-panel--category-tree {
width: min(340px, calc(100vw - 24px)) !important;
min-width: 300px !important;
}
} .tw-main-header__logo {
display: flex;
align-items: center;
gap: 12px;
min-width: 0;
}
.tw-main-header__logo .custom-logo-link,
.tw-main-header__logo .tw-site-brand {
flex: 0 1 auto;
min-width: 0;
}
.tw-main-header__logo img,
.tw-site-brand img,
.custom-logo-link img {
max-height: 58px;
width: auto;
}
.tw-main-header__signal {
display: inline-flex;
align-items: center;
gap: 8px;
min-width: 0;
padding-left: 2px;
}
.tw-main-header__signal strong {
display: block;
font-size: .78rem;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--tw-accent-2);
font-weight: 900;
}
.tw-main-header__signal span {
min-width: 0;
}
.tw-main-header__signal > span:last-child {
display: grid;
gap: 1px;
min-width: 0;
line-height: 1;
}
.tw-main-header__signal > span:last-child span {
display: block;
font-size: .76rem;
color: var(--tw-text-soft);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 230px;
}
.tw-main-header__inner {
grid-template-columns: minmax(220px, auto) minmax(360px, 1fr) auto;
}
.tw-main-header__search {
min-width: 0;
}
.tw-search-shell {
gap: 8px;
}
.tw-search-input {
min-width: 0;
}
.tw-main-header__actions {
min-width: 0;
gap: 8px;
}
.tw-action-link {
min-height: 44px;
padding: 0 12px;
border-radius: 4px;
font-size: .92rem;
}
.tw-action-link > span:last-child {
white-space: nowrap;
}
.tw-action-link--account,
.tw-action-link--cart,
.tw-action-link--wa {
backdrop-filter: blur(10px);
}
.tw-action-link--account {
background: linear-gradient(180deg, color-mix(in srgb, var(--tw-panel) 96%, white 4%), color-mix(in srgb, var(--tw-bg-soft) 86%, white 14%));
}
.tw-action-link--cart {
border-color: color-mix(in srgb, var(--tw-accent) 24%, var(--tw-border) 76%);
}
.tw-dropdown-panel {
border-radius: 8px;
box-shadow: 0 18px 36px rgba(0, 0, 0, 0.12);
}
.tw-dropdown-panel--account,
.tw-dropdown-panel--wa,
.tw-dropdown-panel--cart {
overflow: hidden;
}
.tw-dropdown-panel__links a {
border-radius: 5px;
font-weight: 700;
}
.tw-search-live-panel__inner,
.tw-dropdown-panel {
background: color-mix(in srgb, var(--tw-panel) 95%, white 5%);
}
.tw-search-live-item {
align-items: stretch;
}
.tw-search-live-content {
align-content: center;
}
.tw-search-live-add {
min-width: 94px;
}
.tw-search-live-footer__all {
border-radius: 4px;
}
@media (max-width: 1399.98px) {
.tw-main-header__inner {
grid-template-columns: minmax(200px, auto) minmax(300px, 1fr) auto;
gap: 14px;
}
.tw-main-header__signal > span:last-child span {
max-width: 180px;
}
}
@media (max-width: 1199.98px) {
.tw-main-header__inner {
grid-template-columns: minmax(180px, auto) minmax(260px, 1fr) auto;
gap: 12px;
min-height: 84px;
}
.tw-main-header__signal {
display: none;
}
.tw-action-link {
padding: 0 11px;
}
.tw-action-link > span:last-child {
max-width: 110px;
overflow: hidden;
text-overflow: ellipsis;
}
}
@media (max-width: 991.98px) {
.tw-main-header {
display: none;
}
.tw-mobile-header {
display: block;
}
} .tw-header {
overflow: visible;
}
.tw-auth-hangtab-wrap {
position: absolute;
right: clamp(14px, 3vw, 36px);
bottom: -18px;
z-index: 96;
pointer-events: none;
}
.tw-auth-hangtab {
position: relative;
pointer-events: auto;
appearance: none;
-webkit-appearance: none;
border: 0;
min-height: 48px;
padding: 0 18px 0 14px;
display: inline-flex;
align-items: center;
gap: 10px;
border-radius: 0 0 10px 10px;
background: linear-gradient(180deg, #e23b30 0%, #c62020 100%);
color: #fff;
cursor: pointer;
box-shadow: 0 14px 28px rgba(139, 0, 0, 0.22);
transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.tw-auth-hangtab::before {
content: "";
position: absolute;
top: -8px;
right: 16px;
width: 82px;
height: 10px;
border-radius: 8px 8px 0 0;
background: #8f1414;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.18);
}
.tw-auth-hangtab:hover,
.tw-auth-hangtab:focus-visible {
transform: translateY(2px);
box-shadow: 0 10px 20px rgba(139, 0, 0, 0.24);
filter: saturate(1.03);
}
.tw-auth-hangtab:focus-visible {
outline: 0;
box-shadow:
0 0 0 4px rgba(226, 59, 48, 0.18),
0 10px 20px rgba(139, 0, 0, 0.24);
}
.tw-auth-hangtab__flag {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 64px;
min-height: 28px;
padding: 0 10px;
border-radius: 999px;
background: rgba(255,255,255,0.16);
border: 1px solid rgba(255,255,255,0.24);
font-size: .73rem;
font-weight: 900;
letter-spacing: .04em;
text-transform: uppercase;
white-space: nowrap;
}
.tw-auth-hangtab__text {
font-size: .88rem;
font-weight: 900;
line-height: 1;
white-space: nowrap;
}
@media (max-width: 991px) {
.tw-auth-hangtab-wrap {
position: fixed;
right: 12px;
bottom: 78px;
top: auto;
}
.tw-auth-hangtab {
min-height: 44px;
padding: 0 14px 0 12px;
border-radius: 999px;
}
.tw-auth-hangtab::before {
display: none;
}
.tw-auth-hangtab__flag {
min-width: 58px;
min-height: 24px;
font-size: .68rem;
}
.tw-auth-hangtab__text {
font-size: .8rem;
}
}
@media (max-width: 520px) {
.tw-auth-hangtab {
gap: 8px;
padding: 0 12px;
}
.tw-auth-hangtab__text {
font-size: .76rem;
}
} .tw-topbar--announcement{
position:relative;
z-index:95;
border:0;
border-bottom:1px solid rgba(0,76,130,.08);
background:linear-gradient(90deg,#002c52 0%,#014964 55%,#0d6f78 100%);
color:#fff;
font-size:.84rem;
}
.tw-topbar--announcement .tw-topbar__inner{
min-height:34px;
justify-content:center;
position:relative;
gap:14px;
}
.tw-topbar__message{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0}
.tw-topbar__badge{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);font-size:.67rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.tw-topbar__text{font-weight:750;letter-spacing:.005em;text-align:center}
.tw-topbar__cta{display:inline-flex;align-items:center;gap:6px;color:#fff!important;font-size:.78rem;font-weight:900;text-decoration:none;white-space:nowrap;opacity:.92}
.tw-topbar__cta:hover{color:#fff!important;opacity:1;text-decoration:underline;text-underline-offset:3px}
.tw-brand-logo{display:inline-flex;align-items:center;justify-content:flex-start;text-decoration:none;line-height:0;max-width:100%}
.tw-brand-logo img{display:block;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 5px 12px rgba(0,44,82,.10))}
.tw-main-header__logo{align-items:center!important}
.tw-main-header__logo .tw-brand-logo--header{width:min(100%,250px)}
.tw-main-header__logo .tw-brand-logo--header img{width:100%;max-height:76px}
.tw-main-header__inner{min-height:96px}
.tw-main-header__search{align-self:center}
.tw-main-header__actions{align-self:center}
@media (max-width:1399.98px) and (min-width:1101px){
.tw-main-header__logo .tw-brand-logo--header{width:min(100%,220px)}
.tw-main-header__logo .tw-brand-logo--header img{max-height:68px}
}
@media (max-width:1100px){
.tw-topbar--announcement .tw-topbar__inner{min-height:31px;padding:5px 12px}
.tw-topbar__badge{display:none}
.tw-topbar__text{font-size:.76rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tw-topbar__cta{font-size:.73rem}
}
@media (max-width:520px){
.tw-topbar--announcement .tw-topbar__inner{justify-content:center}
.tw-topbar__message{max-width:78vw}
.tw-topbar__cta{font-size:0;gap:0}
.tw-topbar__cta span{font-size:.88rem}
}.tw-desktop-nav,
.tw-mobile-panel {
--tw-nav-deep: #002C52;
--tw-nav-deep-2: #004662;
--tw-nav-teal: #11A9A7;
--tw-nav-cyan: #01B0CC;
--tw-nav-cyan-2: #01BDE8;
--tw-nav-orange: #DC8124;
--tw-nav-bronze: #AA7333;
--tw-nav-ink: #F3F6FA;
--tw-nav-ink-soft: rgba(243, 246, 250, 0.76);
--tw-nav-line: rgba(255, 255, 255, 0.10);
--tw-nav-line-strong: rgba(1, 176, 204, 0.26);
--tw-nav-radius: 0;
--tw-nav-shadow: 0 16px 34px rgba(0, 0, 0, 0.18);
--tw-nav-surface:
linear-gradient(180deg, color-mix(in srgb, var(--tw-panel, #1d212b) 92%, #ffffff 8%), color-mix(in srgb, var(--tw-panel-2, #252b36) 94%, #ffffff 6%));
--tw-nav-surface-soft:
linear-gradient(180deg, color-mix(in srgb, var(--tw-panel, #1d212b) 95%, #ffffff 5%), color-mix(in srgb, var(--tw-bg-soft, #171a21) 94%, #ffffff 6%));
--tw-nav-surface-light:
linear-gradient(180deg, rgba(255,255,255,0.985), rgba(246,249,252,0.985));
--tw-nav-border-soft: color-mix(in srgb, var(--tw-nav-cyan) 20%, var(--tw-border, rgba(255,255,255,.08)) 80%);
}
.tw-desktop-nav {
position: relative;
z-index: 36;
overflow: visible;
border-top: 1px solid color-mix(in srgb, var(--tw-nav-cyan) 10%, var(--tw-border, rgba(255,255,255,.08)) 90%);
border-bottom: 1px solid color-mix(in srgb, var(--tw-nav-cyan) 16%, var(--tw-border, rgba(255,255,255,.08)) 84%);
background: var(--tw-nav-surface);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
}
.tw-desktop-nav .tw-container,
.tw-desktop-nav__layout,
.tw-desktop-nav__menu,
.tw-desktop-nav__menu-shell {
overflow: visible;
}
.tw-desktop-nav__layout {
min-height: 58px;
}
.tw-desktop-nav__menu-shell {
position: relative;
}
.tw-action-link--categories-nav {
min-height: 46px !important;
border-radius: 0 !important;
background: linear-gradient(180deg, var(--tw-nav-cyan), color-mix(in srgb, var(--tw-nav-cyan) 74%, var(--tw-nav-deep) 26%)) !important;
border: 1px solid color-mix(in srgb, var(--tw-nav-cyan) 42%, var(--tw-nav-deep) 58%) !important;
color: #ffffff !important;
letter-spacing: .01em;
transition:
transform .18s ease,
filter .18s ease,
box-shadow .18s ease,
border-color .18s ease;
}
.tw-action-link--categories-nav:hover,
.tw-action-link--categories-nav:focus-visible {
transform: translateY(-1px);
filter: brightness(1.02);
box-shadow: 0 12px 24px rgba(0, 52, 84, 0.18);
}
.tw-action-link--categories-nav:focus-visible,
.tw-primary-menu > li > a:focus-visible,
.tw-primary-menu .sub-menu a:focus-visible,
.tw-mega-column__title:focus-visible,
.tw-mega-links__item:focus-visible,
.tw-mega-featured__button:focus-visible,
.tw-desktop-nav__categories-all:focus-visible,
.tw-mobile-panel__close:focus-visible,
.tw-mobile-panel__menu a:focus-visible,
.tw-mobile-extra-links a:focus-visible,
.tw-mobile-quick-links a:focus-visible {
outline: 2px solid var(--tw-nav-cyan);
outline-offset: 2px;
}
.tw-primary-menu,
.tw-mobile-menu,
.tw-mobile-panel__menu {
list-style: none;
margin: 0;
padding: 0;
}
.tw-primary-menu {
display: flex;
align-items: center;
justify-content: inherit;
gap: 6px;
min-height: 58px;
padding: 6px 0;
flex-wrap: nowrap;
}
.tw-primary-menu > li {
position: relative;
flex: 0 0 auto;
}
.tw-primary-menu > li > a {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 44px;
padding: 0 15px;
color: var(--tw-text, #F3F6FA);
font-size: .93rem;
font-weight: 800;
line-height: 1;
letter-spacing: .01em;
border-radius: 0;
border: 1px solid transparent;
background: transparent;
transition:
color .18s ease,
background .18s ease,
border-color .18s ease,
transform .18s ease,
box-shadow .18s ease;
}
.tw-primary-menu > li:hover > a,
.tw-primary-menu > li:focus-within > a,
.tw-primary-menu > li.current-menu-item > a,
.tw-primary-menu > li.current-menu-ancestor > a,
.tw-primary-menu > li.current-menu-parent > a {
color: #ffffff;
background: linear-gradient(180deg, rgba(1,176,204,.18), rgba(0,44,82,.26));
border-color: color-mix(in srgb, var(--tw-nav-cyan) 32%, var(--tw-border, rgba(255,255,255,.08)) 68%);
}
.tw-primary-menu > li:hover > a,
.tw-primary-menu > li:focus-within > a {
transform: translateY(-1px);
box-shadow: 0 10px 18px rgba(0,0,0,.10);
}
.tw-primary-menu > li.current-menu-item::after,
.tw-primary-menu > li.current-menu-ancestor::after,
.tw-primary-menu > li.current-menu-parent::after,
.tw-primary-menu > li:hover::after,
.tw-primary-menu > li:focus-within::after {
content: "";
position: absolute;
left: 12px;
right: 12px;
bottom: 4px;
height: 2px;
background: linear-gradient(90deg, var(--tw-nav-cyan), var(--tw-nav-orange));
}
.tw-primary-menu > li.menu-item-has-children > a::after {
content: "";
width: 7px;
height: 7px;
border-right: 1.5px solid currentColor;
border-bottom: 1.5px solid currentColor;
transform: rotate(45deg) translateY(-1px);
opacity: .74;
transition: transform .18s ease, opacity .18s ease;
}
.tw-primary-menu > li.menu-item-has-children:hover > a::after,
.tw-primary-menu > li.menu-item-has-children:focus-within > a::after,
.tw-primary-menu > li.current-menu-ancestor > a::after {
transform: rotate(225deg) translateY(-1px);
opacity: 1;
}
.tw-primary-menu .sub-menu {
list-style: none;
margin: 0;
padding: 10px;
position: absolute;
top: calc(100% + 2px);
left: 0;
min-width: 250px;
background: var(--tw-nav-surface-light);
border: 1px solid rgba(0, 70, 98, 0.12);
box-shadow: 0 20px 34px rgba(0,0,0,.12);
display: grid;
gap: 6px;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(8px);
transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
z-index: 80;
}
.tw-primary-menu > li:hover > .sub-menu,
.tw-primary-menu > li:focus-within > .sub-menu,
.tw-primary-menu .sub-menu > li:hover > .sub-menu,
.tw-primary-menu .sub-menu > li:focus-within > .sub-menu {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0);
}
.tw-primary-menu .sub-menu li {
position: relative;
}
.tw-primary-menu .sub-menu a {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
min-height: 42px;
padding: 10px 12px;
color: #17364b;
font-weight: 700;
background: transparent;
border: 1px solid rgba(0, 70, 98, 0.10);
border-radius: 0;
line-height: 1.25;
transition:
color .18s ease,
background .18s ease,
border-color .18s ease,
transform .18s ease,
box-shadow .18s ease;
}
.tw-primary-menu .sub-menu a:hover,
.tw-primary-menu .sub-menu li:hover > a,
.tw-primary-menu .sub-menu li:focus-within > a {
color: var(--tw-nav-deep);
background: linear-gradient(180deg, rgba(1,176,204,.08), rgba(1,176,204,.03));
border-color: rgba(1,176,204,.26);
transform: translateX(1px);
box-shadow: 0 8px 16px rgba(0,0,0,.05);
}
.tw-primary-menu .sub-menu .menu-item-has-children > a::after {
content: "";
width: 7px;
height: 7px;
margin-left: auto;
border-right: 1.5px solid currentColor;
border-bottom: 1.5px solid currentColor;
transform: rotate(-45deg);
opacity: .78;
}
.tw-primary-menu .sub-menu .sub-menu {
top: -11px;
left: calc(100% - 1px);
}
.tw-menu-item--mega {
position: static !important;
}
.tw-mega-panel {
position: absolute;
top: calc(100% + 2px);
left: 0;
z-index: 95;
width: min(1180px, calc(100vw - 48px));
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(10px);
transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}
.tw-menu-item--mega:hover > .tw-mega-panel,
.tw-menu-item--mega:focus-within > .tw-mega-panel {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0);
}
.tw-primary-menu > .tw-menu-item--mega:last-child .tw-mega-panel,
.tw-primary-menu > .tw-menu-item--mega:nth-last-child(2) .tw-mega-panel {
left: auto;
right: 0;
}
.tw-mega-panel--narrow {
width: min(920px, calc(100vw - 48px));
}
.tw-mega-panel--wide {
width: min(1180px, calc(100vw - 48px));
}
.tw-mega-panel__inner {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(240px, 290px);
gap: 0;
background: var(--tw-nav-surface-light);
border: 1px solid rgba(0, 70, 98, 0.12);
box-shadow: 0 24px 42px rgba(0,0,0,.14);
overflow: hidden;
}
.tw-mega-panel__main {
min-width: 0;
}
.tw-mega-panel__top {
display: grid;
gap: 6px;
padding: 18px 22px 14px;
border-bottom: 1px solid rgba(0, 70, 98, 0.08);
background: linear-gradient(180deg, rgba(0, 70, 98, 0.03), rgba(1, 176, 204, 0.02));
}
.tw-mega-panel__eyebrow {
display: inline-flex;
align-items: center;
width: fit-content;
min-height: 24px;
padding: 0 9px;
font-size: .72rem;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--tw-nav-cyan);
background: rgba(1,176,204,.08);
border: 1px solid rgba(1,176,204,.18);
}
.tw-mega-panel__title {
margin: 0;
color: var(--tw-nav-deep);
font-size: 1.38rem;
line-height: 1.15;
font-weight: 900;
}
.tw-mega-panel__text {
margin: 0;
max-width: 72ch;
color: #4c6476;
font-size: .95rem;
line-height: 1.55;
}
.tw-mega-panel__empty {
margin: 18px 22px 22px;
padding: 14px 16px;
color: #4c6476;
background: rgba(1,176,204,.05);
border: 1px dashed rgba(1,176,204,.22);
}
.tw-mega-grid {
display: grid;
grid-template-columns: repeat(var(--tw-mega-grid-cols, 4), minmax(0, 1fr));
gap: 0;
}
.tw-mega-column {
min-width: 0;
padding: 18px 18px 20px;
border-right: 1px solid rgba(0, 70, 98, 0.08);
}
.tw-mega-column:last-child {
border-right: 0;
}
.tw-mega-column__head {
display: grid;
gap: 5px;
margin-bottom: 12px;
}
.tw-mega-column__title {
display: inline-flex;
align-items: center;
width: fit-content;
color: var(--tw-nav-deep);
font-size: .94rem;
font-weight: 900;
line-height: 1.2;
text-decoration: none;
}
.tw-mega-column__title:hover {
color: var(--tw-nav-cyan);
}
.tw-mega-column__desc {
margin: 0;
color: #678092;
font-size: .78rem;
line-height: 1.45;
}
.tw-mega-links {
display: grid;
gap: 8px;
}
.tw-mega-links__item {
display: flex;
align-items: flex-start;
gap: 10px;
min-height: 50px;
padding: 11px 12px;
color: #17364b;
text-decoration: none;
background: transparent;
border: 1px solid rgba(0, 70, 98, 0.09);
transition:
background .18s ease,
border-color .18s ease,
transform .18s ease,
box-shadow .18s ease,
color .18s ease;
}
.tw-mega-links__item:hover {
color: var(--tw-nav-deep);
background: linear-gradient(180deg, rgba(1,176,204,.08), rgba(1,176,204,.03));
border-color: rgba(1,176,204,.26);
transform: translateY(-1px);
box-shadow: 0 10px 18px rgba(0,0,0,.05);
}
.tw-mega-links__copy {
display: grid;
gap: 4px;
min-width: 0;
flex: 1 1 auto;
}
.tw-mega-links__copy strong {
display: block;
font-size: .88rem;
line-height: 1.28;
font-weight: 800;
}
.tw-mega-links__copy small {
display: block;
color: #678092;
font-size: .74rem;
line-height: 1.45;
}
.tw-mega-links__thumb {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
flex: 0 0 36px;
overflow: hidden;
background: linear-gradient(180deg, rgba(1,176,204,.10), rgba(1,176,204,.04));
border: 1px solid rgba(1,176,204,.18);
}
.tw-mega-links__thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.tw-mega-links__thumb--icon,
.tw-mega-links__arrow {
color: var(--tw-nav-cyan);
}
.tw-mega-links__arrow {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 16px;
margin-top: 1px;
}
.tw-mega-featured {
display: grid;
align-content: start;
gap: 12px;
padding: 16px;
background:
radial-gradient(circle at top right, rgba(1,176,204,.14) 0%, transparent 34%),
linear-gradient(180deg, rgba(0,44,82,.97), rgba(0,70,98,.96));
color: #ffffff;
}
.tw-mega-featured__badge {
display: inline-flex;
width: fit-content;
align-items: center;
min-height: 25px;
padding: 0 10px;
background: rgba(255,255,255,.10);
border: 1px solid rgba(255,255,255,.16);
color: #ffffff;
font-size: .72rem;
font-weight: 800;
letter-spacing: .04em;
text-transform: uppercase;
}
.tw-mega-featured__media {
overflow: hidden;
min-height: 156px;
background: rgba(255,255,255,.06);
border: 1px solid rgba(255,255,255,.12);
}
.tw-mega-featured__media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.tw-mega-featured__body {
display: grid;
gap: 9px;
}
.tw-mega-featured__body h4 {
margin: 0;
font-size: 1.08rem;
line-height: 1.22;
font-weight: 900;
}
.tw-mega-featured__body p {
margin: 0;
color: rgba(255,255,255,.82);
font-size: .85rem;
line-height: 1.58;
}
.tw-mega-featured__button {
display: inline-flex;
align-items: center;
justify-content: center;
width: fit-content;
min-height: 42px;
padding: 0 16px;
background: linear-gradient(180deg, var(--tw-nav-orange), color-mix(in srgb, var(--tw-nav-orange) 78%, var(--tw-nav-bronze) 22%));
border: 1px solid color-mix(in srgb, var(--tw-nav-orange) 48%, var(--tw-nav-deep) 52%);
color: #ffffff;
text-decoration: none;
font-size: .88rem;
font-weight: 900;
letter-spacing: .01em;
transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}
.tw-mega-featured__button:hover {
transform: translateY(-1px);
filter: brightness(1.02);
box-shadow: 0 10px 18px rgba(0,0,0,.14);
}
.tw-dropdown-panel--category-tree {
background: var(--tw-nav-surface-light) !important;
border: 1px solid rgba(0, 70, 98, 0.12) !important;
border-top: 0 !important;
box-shadow: 0 20px 34px rgba(0,0,0,.12) !important;
}
.tw-desktop-nav__categories-head {
display: grid;
gap: 4px;
padding: 0 2px 12px;
margin-bottom: 12px;
border-bottom: 1px solid rgba(0, 70, 98, 0.08);
}
.tw-desktop-nav__categories-head strong {
color: var(--tw-nav-deep);
font-size: .95rem;
font-weight: 900;
}
.tw-desktop-nav__categories-head span {
color: #678092;
font-size: .78rem;
line-height: 1.45;
}
.tw-desktop-nav__categories-scroll {
max-height: min(66vh, 620px);
overflow: auto;
padding-right: 2px;
}
.tw-header-cats-tree,
.tw-header-cat-submenu__body {
display: grid;
gap: 7px;
}
.tw-header-cat-node {
position: relative;
}
.tw-header-cat-link {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
min-height: 46px;
padding: 10px 12px;
color: #17364b;
text-decoration: none;
background: transparent;
border: 1px solid rgba(0, 70, 98, 0.09);
transition: background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease, color .18s ease;
}
.tw-header-cat-link:hover,
.tw-header-cat-node:hover > .tw-header-cat-link,
.tw-header-cat-node:focus-within > .tw-header-cat-link {
color: var(--tw-nav-deep);
background: linear-gradient(180deg, rgba(1,176,204,.08), rgba(1,176,204,.03));
border-color: rgba(1,176,204,.26);
transform: translateY(-1px);
box-shadow: 0 10px 18px rgba(0,0,0,.05);
}
.tw-header-cat-link__main {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
flex: 1 1 auto;
}
.tw-header-cat-link__thumb,
.tw-header-cat-link__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
flex: 0 0 34px;
overflow: hidden;
background: linear-gradient(180deg, rgba(1,176,204,.10), rgba(1,176,204,.04));
border: 1px solid rgba(1,176,204,.18);
color: var(--tw-nav-cyan);
}
.tw-header-cat-link__thumb img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.tw-header-cat-link__label {
display: block;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: .88rem;
line-height: 1.25;
font-weight: 800;
}
.tw-header-cat-link__arrow {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 16px;
color: var(--tw-nav-cyan);
}
.tw-header-cat-submenu {
display: none;
position: absolute;
top: 0;
left: calc(100% + 8px);
width: min(320px, 44vw);
padding: 12px;
background: var(--tw-nav-surface-light);
border: 1px solid rgba(0, 70, 98, 0.12);
box-shadow: 0 20px 34px rgba(0,0,0,.12);
z-index: 10;
}
.tw-header-cat-node:hover > .tw-header-cat-submenu,
.tw-header-cat-node:focus-within > .tw-header-cat-submenu {
display: block;
}
.tw-header-cat-submenu__inner {
display: grid;
gap: 10px;
}
.tw-header-cat-submenu__head {
display: grid;
gap: 3px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(0, 70, 98, 0.08);
}
.tw-header-cat-submenu__head strong {
color: var(--tw-nav-deep);
font-size: .9rem;
font-weight: 900;
}
.tw-header-cat-submenu__head span {
color: #678092;
font-size: .76rem;
line-height: 1.4;
}
.tw-desktop-nav__categories-footer {
padding-top: 12px;
margin-top: 12px;
border-top: 1px solid rgba(0, 70, 98, 0.08);
}
.tw-desktop-nav__categories-all {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
padding: 0 14px;
color: var(--tw-nav-deep);
text-decoration: none;
font-weight: 900;
background: rgba(1,176,204,.06);
border: 1px solid rgba(1,176,204,.18);
transition: background .18s ease, border-color .18s ease, transform .18s ease;
}
.tw-desktop-nav__categories-all:hover {
background: rgba(1,176,204,.10);
border-color: rgba(1,176,204,.28);
transform: translateY(-1px);
}
.tw-mobile-panel[hidden] {
display: none !important;
}
.tw-mobile-panel {
position: fixed;
inset: 0;
z-index: 999;
}
.tw-mobile-panel__overlay {
position: absolute;
inset: 0;
background: rgba(0,0,0,.58);
backdrop-filter: blur(2px);
}
.tw-mobile-panel__drawer {
position: absolute;
top: 0;
left: 0;
width: min(90vw, 380px);
height: 100%;
background:
radial-gradient(circle at top right, rgba(1,176,204,.12) 0%, transparent 30%),
linear-gradient(180deg, rgba(0,44,82,.98), rgba(0,70,98,.96));
border-right: 1px solid rgba(1,176,204,.16);
box-shadow: 0 18px 40px rgba(0,0,0,.30);
display: flex;
flex-direction: column;
}
.tw-mobile-panel__head {
min-height: 66px;
padding: 0 16px;
border-bottom: 1px solid rgba(255,255,255,.10);
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
color: #F3F6FA;
}
.tw-mobile-panel__head strong {
font-size: 1rem;
font-weight: 900;
}
.tw-mobile-panel__head span,
.tw-mobile-panel__head small {
color: rgba(243,246,250,.76);
}
.tw-mobile-panel__close {
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border: 1px solid rgba(255,255,255,.16);
background: rgba(255,255,255,.06);
color: #F3F6FA;
}
.tw-mobile-panel__body {
padding: 14px;
overflow-y: auto;
}
.tw-mobile-panel__menu,
.tw-mobile-menu {
display: grid;
gap: 8px;
}
.tw-mobile-panel__menu li,
.tw-mobile-menu li {
list-style: none;
}
.tw-mobile-panel__menu a,
.tw-mobile-menu li a,
.tw-mobile-extra-links a,
.tw-mobile-quick-links a {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
min-height: 46px;
padding: 11px 13px;
color: #F3F6FA;
text-decoration: none;
background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
border: 1px solid rgba(1,176,204,.16);
transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease;
}
.tw-mobile-panel__menu a:hover,
.tw-mobile-menu li a:hover,
.tw-mobile-extra-links a:hover,
.tw-mobile-quick-links a:hover {
color: #ffffff;
border-color: rgba(1,176,204,.32);
background: linear-gradient(180deg, rgba(1,176,204,.14), rgba(255,255,255,.04));
transform: translateY(-1px);
}
.tw-mobile-panel__menu .sub-menu,
.tw-mobile-menu .sub-menu {
display: grid;
gap: 7px;
padding: 8px 0 0 14px;
}
.tw-mobile-panel__menu .sub-menu a,
.tw-mobile-menu .sub-menu a {
min-height: 42px;
background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.025));
border-color: rgba(255,255,255,.10);
}
.tw-mobile-extra-links,
.tw-mobile-quick-links {
display: grid;
gap: 10px;
margin-top: 18px;
}
.tw-mobile-extra-links a {
border-color: rgba(220,129,36,.22);
background: linear-gradient(180deg, rgba(220,129,36,.16), rgba(255,255,255,.03));
}
.tw-mobile-extra-links a:hover {
border-color: rgba(220,129,36,.34);
background: linear-gradient(180deg, rgba(220,129,36,.22), rgba(255,255,255,.04));
}
@media (max-width: 1200px) {
.tw-mega-panel,
.tw-mega-panel--wide,
.tw-mega-panel--narrow {
width: min(1020px, calc(100vw - 40px));
}
}
@media (max-width: 1100px) {
.tw-mega-panel__inner {
grid-template-columns: minmax(0, 1fr);
}
.tw-mega-featured {
display: none;
}
.tw-mega-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 991.98px) {
.tw-desktop-nav,
.tw-mega-panel,
.tw-header-cat-submenu {
display: none !important;
}
}
@media (max-width: 680px) {
.tw-mobile-panel__drawer {
width: min(92vw, 360px);
}
}
@media (prefers-reduced-motion: reduce) {
.tw-desktop-nav *,
.tw-mobile-panel * {
transition: none !important;
animation: none !important;
scroll-behavior: auto !important;
}
}.tw-mobile-header,
.tw-mobile-panel,
.tw-mobile-search-panel,
.tw-mobile-cart-panel,
.tw-mobile-bottom-bar {
display: none;
}
.tw-mobile-panel[hidden],
.tw-mobile-search-panel[hidden],
.tw-mobile-cart-panel[hidden] {
display: none !important;
}
@media (max-width: 1100px) {
.tw-main-header__inner {
grid-template-columns: 180px minmax(220px, 1fr) auto;
}
.tw-category-grid {
grid-template-columns: repeat(3, 1fr);
}
.tw-product-grid {
grid-template-columns: repeat(3, 1fr);
}
.tw-promo-strip__grid,
.tw-trust-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 1100px) {
body {
padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px));
}
.tw-main-header,
.tw-desktop-nav {
display: none;
}
.tw-mobile-bottom-bar {
display: grid;
}
.tw-mobile-panel.is-open,
.tw-mobile-cart-panel.is-open {
display: block;
}
.tw-mobile-search-panel.is-open {
display: block;
}
.tw-mobile-header {
display: block;
position: sticky;
top: 0;
z-index: 70;
background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,250,252,0.96));
border-bottom: 1px solid rgba(0, 70, 98, 0.10);
box-shadow: 0 10px 24px rgba(0, 44, 82, 0.08);
backdrop-filter: blur(10px);
}
.tw-mobile-header__inner {
min-height: 62px;
display: grid;
grid-template-columns: 42px 1fr auto;
align-items: center;
gap: 10px;
padding: 10px 0;
}
.tw-mobile-logo {
display: flex;
align-items: center;
justify-content: center;
min-width: 0;
}
.tw-mobile-logo .custom-logo-link,
.tw-mobile-logo .tw-site-brand {
display: inline-flex;
align-items: center;
justify-content: center;
max-width: 100%;
}
.tw-mobile-logo img,
.tw-mobile-logo .custom-logo {
max-height: 34px;
width: auto;
object-fit: contain;
}
.tw-mobile-actions {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
}
.tw-mobile-header__conversion-links {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
padding: 0 0 12px;
}
.tw-mobile-header__conversion-links .tw-mobile-panel__quicklink {
display: flex;
align-items: center;
gap: 12px;
padding: 12px 12px;
border-radius: 12px;
text-decoration: none;
color: #002C52;
background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(245,248,251,0.98));
border: 1px solid rgba(0, 70, 98, 0.10);
box-shadow: 0 10px 18px rgba(0, 44, 82, 0.05);
transition:
transform .18s ease,
border-color .18s ease,
background .18s ease,
color .18s ease,
box-shadow .18s ease;
}
.tw-mobile-header__conversion-links .tw-mobile-panel__quicklink:first-child {
background: linear-gradient(135deg, #01B0CC, #11A9A7);
border-color: rgba(1, 73, 100, 0.10);
color: #ffffff;
}
.tw-mobile-header__conversion-links .tw-mobile-panel__quicklink:last-child {
background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,250,252,0.98));
}
.tw-mobile-header__conversion-links .tw-mobile-panel__quicklink:hover {
transform: translateY(-1px);
color: #014964;
border-color: rgba(1, 176, 204, 0.22);
background: linear-gradient(180deg, rgba(255,255,255,1), rgba(241,248,250,1));
box-shadow: 0 14px 24px rgba(0, 44, 82, 0.08);
}
.tw-mobile-header__conversion-links .tw-mobile-panel__quickicon {
width: 38px;
height: 38px;
border-radius: 12px;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 38px;
background: linear-gradient(180deg, rgba(1,176,204,0.14), rgba(17,169,167,0.10));
border: 1px solid rgba(1, 73, 100, 0.10);
color: #014964;
font-size: .98rem;
font-weight: 900;
}
.tw-mobile-header__conversion-links .tw-mobile-panel__quicklink:first-child .tw-mobile-panel__quickicon {
width: 38px;
height: 38px;
border-radius: 12px;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 38px;
background: linear-gradient(180deg, rgba(1,176,204,0.14), rgba(17,169,167,0.10));
border: 1px solid rgba(1, 73, 100, 0.10);
color: #014964;
font-size: .98rem;
font-weight: 900;
}
.tw-mobile-header__conversion-links .tw-mobile-panel__quicklink:last-child .tw-mobile-panel__quickicon {
width: 38px;
height: 38px;
border-radius: 12px;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 38px;
background: linear-gradient(180deg, rgba(1,176,204,0.14), rgba(17,169,167,0.10));
border: 1px solid rgba(1, 73, 100, 0.10);
color: #014964;
font-size: .98rem;
font-weight: 900;
}
.tw-mobile-header__conversion-links .tw-mobile-panel__quicktext {
gap: 4px;
}
.tw-mobile-header__conversion-links .tw-mobile-panel__quicktext strong {
color: inherit;
font-size: .93rem;
line-height: 1.1;
}
.tw-mobile-header__conversion-links .tw-mobile-panel__quicktext small {
color: #5B6E80;
font-size: .78rem;
line-height: 1.2;
}
.tw-mobile-offers-cta {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
margin: 0 0 12px;
padding: 13px 14px;
border-radius: 16px;
text-decoration: none;
color: #ffffff;
background: linear-gradient(135deg, #f97316 0%, #ea580c 38%, #172554 100%);
border: 1px solid rgba(234, 88, 12, 0.28);
box-shadow: 0 14px 26px rgba(23, 37, 84, 0.16);
}
.tw-mobile-offers-cta.is-active {
background: linear-gradient(135deg, #fb923c 0%, #f97316 24%, #1d4ed8 100%);
}
.tw-mobile-offers-cta__copy {
display: flex;
flex-direction: column;
gap: 4px;
min-width: 0;
}
.tw-mobile-offers-cta__eyebrow {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: .72rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: .12em;
color: rgba(255,255,255,0.78);
}
.tw-mobile-offers-cta__copy strong {
display: block;
color: #ffffff;
font-size: .98rem;
line-height: 1.12;
font-weight: 900;
}
.tw-mobile-offers-cta__copy small {
display: block;
color: rgba(255,255,255,0.88);
font-size: .79rem;
line-height: 1.28;
}
.tw-mobile-offers-cta__badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 44px;
height: 44px;
padding: 0 12px;
border-radius: 999px;
background: rgba(255,255,255,0.16);
border: 1px solid rgba(255,255,255,0.28);
color: #ffffff;
font-size: 1rem;
font-weight: 900;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
flex: 0 0 auto;
}
.tw-mobile-offers-cta:hover {
color: #ffffff;
transform: translateY(-1px);
box-shadow: 0 18px 30px rgba(23, 37, 84, 0.2);
}
.tw-mobile-toggle,
.tw-mobile-search-trigger,
.tw-mobile-wa,
.tw-mobile-close {
min-width: 40px;
width: 40px;
min-height: 40px;
height: 40px;
border-radius: 12px;
border: 1px solid rgba(0, 70, 98, 0.10);
background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(244,247,250,0.96));
color: #002C52;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
text-decoration: none;
transition:
transform .18s ease,
border-color .18s ease,
color .18s ease,
background .18s ease,
box-shadow .18s ease;
position: relative;
box-shadow: 0 8px 18px rgba(0, 44, 82, 0.06);
}
.tw-mobile-action-icon {
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
}
.tw-mobile-search-trigger .tw-mobile-action-icon svg {
width: 23px;
height: 23px;
}
.tw-mobile-wa .tw-mobile-action-icon svg {
width: 19px;
height: 19px;
}
.tw-mobile-toggle:hover,
.tw-mobile-search-trigger:hover,
.tw-mobile-wa:hover,
.tw-mobile-close:hover,
.tw-mobile-search-trigger.is-active {
transform: translateY(-1px);
color: #014964;
border-color: rgba(1, 176, 204, 0.24);
background: linear-gradient(180deg, rgba(255,255,255,1), rgba(239,247,249,0.98));
box-shadow: 0 10px 20px rgba(1, 73, 100, 0.10);
}
.tw-mobile-wa {
border-color: rgba(37, 211, 102, 0.20);
background: linear-gradient(180deg, rgba(240,255,246,0.98), rgba(230,250,237,0.98));
color: #147a43;
}
.tw-mobile-wa:hover {
color: #0f6a3a;
border-color: rgba(37, 211, 102, 0.30);
background: linear-gradient(180deg, rgba(244,255,248,1), rgba(232,251,240,1));
box-shadow: 0 10px 20px rgba(37, 211, 102, 0.10);
}
.tw-mobile-search-panel {
border-top: 1px solid rgba(0, 70, 98, 0.08);
background: linear-gradient(180deg, rgba(248,250,252,0.99), rgba(242,246,249,0.98));
box-shadow: inset 0 1px 0 rgba(255,255,255,.80);
}
.tw-mobile-search {
padding: 12px 0 14px;
}
.tw-mobile-search .tw-search-form {
width: 100%;
}
.tw-mobile-search .tw-search-shell {
grid-template-columns: minmax(0, 1fr);
gap: 10px;
}
.tw-mobile-search .tw-search-input {
min-height: 48px;
height: 48px;
border-radius: 10px;
padding: 0 42px 0 44px;
font-size: .96rem;
}
.tw-mobile-search .tw-search-input-icon {
left: 14px;
}
.tw-mobile-search .tw-search-clear {
right: 10px;
width: 24px;
height: 24px;
font-size: 16px;
}
.tw-mobile-search .tw-search-button {
width: 100%;
min-height: 46px;
height: 46px;
padding: 0 14px;
border-radius: 10px;
font-size: .90rem;
gap: 7px;
}
.tw-mobile-search .tw-search-live-panel {
position: static;
top: auto;
left: auto;
width: 100%;
margin-top: 8px;
}
.tw-mobile-search .tw-search-live-panel__inner {
border-radius: 14px;
box-shadow: 0 18px 30px rgba(0, 44, 82, 0.10);
max-height: min(68vh, 560px);
display: flex;
flex-direction: column;
overflow: hidden;
}
.tw-mobile-search .tw-search-live-state {
padding: 14px 14px;
font-size: .90rem;
flex: 0 0 auto;
}
.tw-mobile-search .tw-search-live-results {
display: grid;
gap: 0;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-ms-overflow-style: none;
max-height: min(54vh, 440px);
}
.tw-mobile-search .tw-search-live-results::-webkit-scrollbar {
width: 0;
height: 0;
display: none;
}
.tw-mobile-search .tw-search-live-item {
grid-template-columns: 50px minmax(0, 1fr) auto;
gap: 10px;
padding: 11px 12px;
}
.tw-mobile-search .tw-search-live-thumb {
width: 50px;
height: 50px;
border-radius: 7px;
}
.tw-mobile-search .tw-search-live-title {
font-size: .90rem;
}
.tw-mobile-search .tw-search-live-price {
font-size: .88rem;
}
.tw-mobile-search .tw-search-live-stock {
min-height: 22px;
border-radius: 6px;
font-size: .70rem;
}
.tw-mobile-search .tw-search-live-add {
min-height: 32px;
padding: 0 10px;
border-radius: 7px;
font-size: .79rem;
}
.tw-mobile-search .tw-search-live-footer {
padding: 11px 12px 12px;
flex: 0 0 auto;
border-top: 1px solid rgba(0,70,98,.08);
background: linear-gradient(180deg, rgba(248,250,252,1), rgba(243,247,250,1));
}
.tw-mobile-search .tw-search-live-footer__all {
min-height: 40px;
border-radius: 8px;
font-size: .88rem;
font-weight: 800;
}
.tw-mobile-panel {
position: fixed;
inset: 0;
z-index: 90;
}
.tw-mobile-panel__backdrop {
position: absolute;
inset: 0;
background: rgba(0, 26, 48, 0.34);
backdrop-filter: blur(4px);
}
.tw-mobile-panel__dialog {
position: absolute;
top: 0;
left: 0;
width: min(86vw, 356px);
height: 100%;
background: linear-gradient(180deg, rgba(251,253,255,1), rgba(245,248,251,1));
border-right: 1px solid rgba(0, 70, 98, 0.10);
box-shadow: 16px 0 32px rgba(0, 44, 82, 0.14);
display: flex;
flex-direction: column;
overflow: hidden;
}
.tw-mobile-panel__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 16px 14px 14px;
border-bottom: 1px solid rgba(0,70,98,.08);
background: linear-gradient(180deg, rgba(255,255,255,0.94), rgba(248,251,253,0.94));
}
.tw-mobile-panel__brand {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
}
.tw-mobile-panel__brand-icon {
width: 38px;
height: 38px;
border-radius: 12px;
display: inline-flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #01B0CC, #11A9A7);
border: 1px solid rgba(1, 73, 100, 0.08);
color: #ffffff;
font-size: 1rem;
font-weight: 900;
flex: 0 0 38px;
box-shadow: 0 10px 18px rgba(1, 73, 100, 0.10);
}
.tw-mobile-panel__brand-text {
display: grid;
gap: 2px;
min-width: 0;
}
.tw-mobile-panel__brand-text strong {
color: #002C52;
font-size: .98rem;
line-height: 1.1;
}
.tw-mobile-panel__brand-text span {
color: #5B6E80;
font-size: .80rem;
line-height: 1.15;
}
.tw-mobile-panel__body {
flex: 1;
overflow: auto;
padding: 16px 14px 20px;
background: linear-gradient(180deg, rgba(248,250,252,0.98), rgba(243,247,250,0.98));
}
.tw-mobile-panel__quicklinks {
display: grid;
gap: 10px;
}
.tw-mobile-panel__quicklinks--top {
margin-bottom: 16px;
padding-bottom: 14px;
border-bottom: 1px solid rgba(0,70,98,.08);
}
.tw-mobile-panel__quicklink {
display: flex;
align-items: center;
gap: 12px;
padding: 12px 12px;
border-radius: 12px;
text-decoration: none;
color: #002C52;
background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(245,248,251,0.98));
border: 1px solid rgba(0, 70, 98, 0.10);
box-shadow: 0 10px 18px rgba(0, 44, 82, 0.05);
transition:
transform .18s ease,
border-color .18s ease,
background .18s ease,
color .18s ease,
box-shadow .18s ease;
}
.tw-mobile-panel__quicklink:hover {
transform: translateY(-1px);
color: #014964;
border-color: rgba(1, 176, 204, 0.22);
background: linear-gradient(180deg, rgba(255,255,255,1), rgba(241,248,250,1));
box-shadow: 0 14px 24px rgba(0, 44, 82, 0.08);
}
.tw-mobile-panel__quickicon {
width: 38px;
height: 38px;
border-radius: 12px;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 38px;
background: linear-gradient(180deg, rgba(1,176,204,0.14), rgba(17,169,167,0.10));
border: 1px solid rgba(1, 73, 100, 0.10);
color: #014964;
font-size: .98rem;
font-weight: 900;
}
.tw-mobile-panel__quicktext {
display: grid;
gap: 2px;
min-width: 0;
}
.tw-mobile-panel__quicktext strong {
color: inherit;
font-size: .93rem;
line-height: 1.1;
}
.tw-mobile-panel__quicktext small {
color: #5B6E80;
font-size: .78rem;
line-height: 1.2;
}
.tw-mobile-panel__menu,
.tw-mobile-panel__menu .sub-menu {
margin-top: 8px;
display: grid;
gap: 6px;
padding-left: 10px;
border-left: 2px solid rgba(1, 176, 204, 0.12);
}
.tw-mobile-panel__menu {
display: grid;
gap: 8px;
}
.tw-mobile-panel__menu > li > a {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
min-height: 46px;
padding: 0 12px;
border-radius: 12px;
text-decoration: none;
color: #002C52;
font-weight: 800;
background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(245,248,251,0.98));
border: 1px solid rgba(0, 70, 98, 0.10);
box-shadow: 0 8px 16px rgba(0, 44, 82, 0.04);
transition:
transform .18s ease,
color .18s ease,
border-color .18s ease,
background .18s ease,
box-shadow .18s ease;
}
.tw-mobile-panel__menu > li > a:hover {
transform: translateY(-1px);
color: #014964;
border-color: rgba(1, 176, 204, 0.22);
background: linear-gradient(180deg, rgba(255,255,255,1), rgba(241,248,250,1));
box-shadow: 0 12px 18px rgba(0, 44, 82, 0.06);
}
.tw-mobile-panel__menu .sub-menu {
margin-top: 8px;
display: grid;
gap: 6px;
padding-left: 10px;
border-left: 2px solid rgba(1, 176, 204, 0.12);
}
.tw-mobile-panel__menu .sub-menu a {
display: flex;
align-items: center;
min-height: 38px;
padding: 0 10px;
border-radius: 10px;
text-decoration: none;
color: #415567;
font-weight: 600;
background: rgba(255,255,255,.72);
border: 1px solid rgba(0,70,98,.08);
}
.tw-mobile-panel__menu .sub-menu a:hover {
color: #014964;
border-color: rgba(1, 176, 204, 0.18);
background: rgba(238,248,250,1);
}
.tw-mobile-panel__nav {
margin-top: 4px;
display: grid;
gap: 10px;
}
.tw-mobile-panel__nav::before {
content: 'Explor¨¢ por secciones';
display: block;
margin: 2px 0 2px;
color: #5B6E80;
font-size: .76rem;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
}
.tw-mobile-panel__menu {
margin-top: 0;
padding-left: 0;
border-left: 0;
}
.tw-mobile-panel__menu > li {
position: relative;
list-style: none;
}
.tw-mobile-panel__menu > li > a {
padding-right: 54px;
}
.tw-mobile-panel__menu > li.current-menu-item > a,
.tw-mobile-panel__menu > li.current-menu-ancestor > a,
.tw-mobile-panel__menu > li.current_page_item > a,
.tw-mobile-panel__menu > li.current_page_ancestor > a {
color: #002C52;
border-color: rgba(1, 176, 204, 0.26);
background: linear-gradient(180deg, rgba(255,255,255,1), rgba(237,247,250,1));
box-shadow: 0 12px 22px rgba(0, 44, 82, 0.07);
}
.tw-mobile-panel__menu > li.has-mobile-submenu.is-open > a {
border-color: rgba(1, 176, 204, 0.26);
background: linear-gradient(180deg, rgba(255,255,255,1), rgba(237,247,250,1));
box-shadow: 0 12px 22px rgba(0, 44, 82, 0.07);
}
.tw-mobile-submenu-toggle {
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
width: 34px;
height: 34px;
border-radius: 10px;
border: 1px solid rgba(0, 70, 98, 0.10);
background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(245,248,251,0.98));
color: #014964;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 6px 12px rgba(0, 44, 82, 0.05);
transition:
transform .18s ease,
border-color .18s ease,
background .18s ease,
color .18s ease,
box-shadow .18s ease;
}
.tw-mobile-submenu-toggle:hover {
border-color: rgba(1, 176, 204, 0.22);
background: linear-gradient(180deg, rgba(255,255,255,1), rgba(239,248,250,1));
box-shadow: 0 10px 16px rgba(0, 44, 82, 0.08);
}
.tw-mobile-submenu-toggle span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 14px;
font-size: 1rem;
line-height: 1;
font-weight: 900;
}
.tw-mobile-panel__menu > li.is-open > .tw-mobile-submenu-toggle {
color: #ffffff;
border-color: #01B0CC;
background: linear-gradient(135deg, #01B0CC, #11A9A7);
box-shadow: 0 10px 18px rgba(1, 73, 100, 0.14);
}
.tw-mobile-panel__menu .sub-menu {
margin-top: 10px;
margin-left: 8px;
padding: 4px 0 0 12px;
border-left: 2px solid rgba(1, 176, 204, 0.18);
}
.tw-mobile-panel__menu .sub-menu li {
list-style: none;
position: relative;
}
.tw-mobile-panel__menu .sub-menu li::before {
content: '';
position: absolute;
top: 17px;
left: -12px;
width: 8px;
height: 1px;
background: rgba(1, 176, 204, 0.22);
}
.tw-mobile-panel__menu .sub-menu a {
min-height: 40px;
}
.tw-mobile-panel__menu .sub-menu .current-menu-item > a,
.tw-mobile-panel__menu .sub-menu .current-menu-ancestor > a,
.tw-mobile-panel__menu .sub-menu .current_page_item > a,
.tw-mobile-panel__menu .sub-menu .current_page_ancestor > a {
color: #014964;
border-color: rgba(1, 176, 204, 0.18);
background: rgba(236, 248, 250, 1);
}
.tw-mobile-cart-panel {
position: fixed;
inset: 0;
z-index: 92;
}
.tw-mobile-cart-panel__backdrop {
position: absolute;
inset: 0;
background: rgba(0, 26, 48, 0.30);
backdrop-filter: blur(4px);
}
.tw-mobile-cart-panel__dialog {
position: absolute;
top: 0;
right: 0;
width: min(90vw, 368px);
height: 100%;
background: linear-gradient(180deg, rgba(251,253,255,1), rgba(245,248,251,1));
border-left: 1px solid rgba(0, 70, 98, 0.10);
box-shadow: -16px 0 32px rgba(0, 44, 82, 0.14);
display: flex;
flex-direction: column;
overflow: hidden;
}
.tw-mobile-cart-panel__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 16px 14px 14px;
border-bottom: 1px solid rgba(0,70,98,.08);
background: linear-gradient(180deg, rgba(255,255,255,0.94), rgba(248,251,253,0.94));
}
.tw-mobile-cart-panel__titlewrap {
display: grid;
gap: 2px;
}
.tw-mobile-cart-panel__titlewrap strong {
color: #002C52;
font-size: 1rem;
line-height: 1.1;
}
.tw-mobile-cart-panel__titlewrap span {
color: #5B6E80;
font-size: .82rem;
line-height: 1.1;
}
.tw-mobile-cart-panel__body {
flex: 1;
overflow: auto;
padding: 14px;
background: linear-gradient(180deg, rgba(248,250,252,0.98), rgba(243,247,250,0.98));
}
.tw-mobile-cart-panel__items {
display: grid;
gap: 10px;
}
.tw-mobile-cart-card {
padding: 12px;
border-radius: 14px;
background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(245,248,251,0.98));
border: 1px solid rgba(0, 70, 98, 0.10);
box-shadow: 0 10px 18px rgba(0, 44, 82, 0.05);
}
.tw-mobile-cart-card__top {
display: grid;
grid-template-columns: 54px 1fr auto;
gap: 11px;
align-items: start;
}
.tw-mobile-cart-card__thumb {
width: 54px;
height: 54px;
border-radius: 10px;
overflow: hidden;
background: rgba(255,255,255,.90);
border: 1px solid rgba(0,70,98,.08);
}
.tw-mobile-cart-card__thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.tw-mobile-cart-card__content {
min-width: 0;
display: grid;
gap: 4px;
}
.tw-mobile-cart-card__title,
.tw-mobile-cart-card__title a {
color: #002C52;
font-weight: 800;
font-size: .90rem;
line-height: 1.2;
text-decoration: none;
}
.tw-mobile-cart-card__price {
color: #5B6E80;
font-size: .82rem;
line-height: 1.15;
}
.tw-mobile-cart-card__total {
color: #DC8124;
font-size: .90rem;
font-weight: 900;
line-height: 1.1;
}
.tw-mobile-cart-card__remove {
width: 30px;
height: 30px;
border: 1px solid rgba(0,70,98,.08);
border-radius: 10px;
background: rgba(255,255,255,.88);
color: #002C52;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 900;
cursor: pointer;
transition:
transform .18s ease,
border-color .18s ease,
background .18s ease;
}
.tw-mobile-cart-card__remove:hover {
transform: translateY(-1px);
border-color: rgba(220,129,36,.18);
background: rgba(255,248,241,1);
}
.tw-mobile-cart-card__bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-top: 12px;
padding-top: 10px;
border-top: 1px solid rgba(0,70,98,.08);
}
.tw-mobile-cart-card__qty {
display: flex;
align-items: center;
gap: 8px;
}
.tw-mobile-cart-card__qty button {
width: 30px;
height: 30px;
border: 1px solid rgba(1,176,204,.16);
border-radius: 10px;
background: rgba(255,255,255,.88);
color: #002C52;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 900;
cursor: pointer;
transition:
transform .18s ease,
border-color .18s ease,
background .18s ease,
color .18s ease;
}
.tw-mobile-cart-card__qty button:hover {
transform: translateY(-1px);
border-color: rgba(1,176,204,.28);
color: #014964;
background: rgba(238,248,250,1);
}
.tw-mobile-cart-card__qty span {
min-width: 28px;
text-align: center;
color: #002C52;
font-weight: 900;
font-size: .90rem;
}
.tw-mobile-cart-card__hint {
color: #5B6E80;
font-size: .78rem;
line-height: 1.1;
}
.tw-mobile-cart-panel__subtotal {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-top: 14px;
padding-top: 12px;
border-top: 1px solid rgba(0,70,98,.08);
}
.tw-mobile-cart-panel__subtotal strong:first-child {
color: #002C52;
}
.tw-mobile-cart-panel__subtotal strong:last-child {
color: #DC8124;
font-size: 1rem;
}
.tw-mobile-cart-panel__actions {
display: grid;
gap: 10px;
margin-top: 14px;
}
.tw-mobile-cart-panel__link {
display: flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 0 14px;
border-radius: 12px;
border: 1px solid rgba(0,70,98,.10);
background: linear-gradient(180deg, rgba(255,255,255,1), rgba(245,248,251,1));
color: #002C52;
text-decoration: none;
font-weight: 800;
box-shadow: 0 8px 16px rgba(0, 44, 82, 0.05);
}
.tw-mobile-cart-panel__checkout {
display: flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 0 14px;
border-radius: 12px;
background: linear-gradient(135deg, #01B0CC, #11A9A7);
color: #ffffff;
text-decoration: none;
font-weight: 900;
border: 1px solid rgba(1,73,100,.10);
box-shadow: 0 14px 24px rgba(1,73,100,.12);
}
.tw-mobile-cart-panel__empty {
padding: 16px 14px;
border-radius: 14px;
color: #5B6E80;
background: linear-gradient(180deg, rgba(255,255,255,1), rgba(245,248,251,1));
border: 1px solid rgba(0,70,98,.10);
text-align: center;
}
.tw-mobile-bottom-bar {
position: fixed;
left: 10px;
right: 10px;
bottom: calc(8px + env(safe-area-inset-bottom, 0px));
z-index: 80;
min-height: 68px;
display: grid;
grid-template-columns: repeat(5, 1fr);
align-items: stretch;
gap: 6px;
padding: 7px;
border-radius: 18px;
background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(244,247,250,0.97));
border: 1px solid rgba(0, 70, 98, 0.10);
box-shadow: 0 18px 34px rgba(0, 44, 82, 0.12);
backdrop-filter: blur(12px);
}
.tw-mobile-bottom-bar__item {
position: relative;
min-height: 52px;
border-radius: 13px;
color: #002C52;
text-decoration: none;
border: 1px solid transparent;
background: transparent;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 4px;
font: inherit;
cursor: pointer;
transition:
transform .18s ease,
border-color .18s ease,
background .18s ease,
color .18s ease,
box-shadow .18s ease;
}
.tw-mobile-bottom-bar__item:hover,
.tw-mobile-bottom-bar__item.is-active {
transform: translateY(-1px);
color: #014964;
background: rgba(1,176,204,.06);
border-color: rgba(1, 176, 204, 0.12);
}
.tw-mobile-bottom-bar__item--menu {
background: linear-gradient(135deg, #01B0CC, #11A9A7);
color: #ffffff;
border-color: rgba(1, 73, 100, 0.10);
box-shadow: 0 12px 22px rgba(1, 73, 100, 0.14);
}
.tw-mobile-bottom-bar__item--menu:hover,
.tw-mobile-bottom-bar__item--menu.is-active {
color: #ffffff;
background: linear-gradient(135deg, #01BDE8, #11A9A7);
border-color: rgba(1, 73, 100, 0.16);
}
.tw-mobile-request-trigger {
border-color: rgba(1, 176, 204, 0.22);
background: linear-gradient(180deg, rgba(1,176,204,0.12), rgba(17,169,167,0.10));
color: #014964;
}
.tw-mobile-request-trigger:hover,
.tw-mobile-request-trigger:focus-visible {
color: #003b57;
border-color: rgba(1, 176, 204, 0.32);
background: linear-gradient(180deg, rgba(1,176,204,0.16), rgba(17,169,167,0.14));
box-shadow: 0 10px 20px rgba(1, 73, 100, 0.12);
}
.tw-mobile-bottom-bar__item--home {
color: #002C52;
}
.tw-mobile-bottom-bar__item--home .tw-mobile-bottom-bar__icon {
display: inline-flex;
align-items: center;
justify-content: center;
}
.tw-mobile-bottom-bar__item--home .tw-mobile-bottom-bar__icon svg {
width: 18px;
height: 18px;
}
.tw-mobile-bottom-bar__item--wa {
color: #147a43;
}
.tw-mobile-bottom-bar__item--wa svg {
width: 18px;
height: 18px;
}
.tw-mobile-bottom-bar__icon {
font-size: 1.08rem;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
}
.tw-mobile-bottom-bar__label {
font-size: .70rem;
font-weight: 800;
line-height: 1;
letter-spacing: -0.01em;
}
.tw-mobile-bottom-bar__badge {
position: absolute;
top: 4px;
right: 8px;
min-width: 18px;
height: 18px;
padding: 0 4px;
border-radius: 999px;
background: linear-gradient(180deg, #DC8124, #AA7333);
color: #ffffff;
font-size: .70rem;
font-weight: 900;
display: inline-flex;
align-items: center;
justify-content: center;
box-shadow: 0 6px 14px rgba(170, 115, 51, 0.18);
}
.tw-hero__grid,
.tw-whatsapp-cta__inner {
grid-template-columns: 1fr;
}
.tw-category-grid,
.tw-product-grid,
.tw-repair-grid,
.tw-trust-grid,
.tw-promo-strip__grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 640px) {
body {
padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px));
}
.tw-mobile-header__inner {
grid-template-columns: 38px 1fr auto;
gap: 8px;
min-height: 58px;
padding: 9px 0;
}
.tw-mobile-logo img,
.tw-mobile-logo .custom-logo {
max-height: 30px;
}
.tw-mobile-actions {
gap: 6px;
min-width: 0;
}
.tw-mobile-repairs-trigger,
.tw-mobile-request-trigger {
flex: 0 1 auto;
min-width: 0;
}
.tw-mobile-action-text {
max-width: 112px;
overflow: hidden;
text-overflow: ellipsis;
}
.tw-mobile-toggle,
.tw-mobile-search-trigger,
.tw-mobile-wa,
.tw-mobile-close {
min-width: 38px;
width: 38px;
min-height: 38px;
height: 38px;
border-radius: 11px;
}
.tw-mobile-search-trigger .tw-mobile-action-icon svg {
width: 22px;
height: 22px;
}
.tw-mobile-header__conversion-links {
grid-template-columns: 1fr;
gap: 8px;
padding-bottom: 10px;
}
.tw-mobile-header__conversion-links .tw-mobile-panel__quicklink {
min-height: 68px;
border-radius: 12px;
}
.tw-mobile-search .tw-search-input {
min-height: 46px;
height: 46px;
font-size: .95rem;
}
.tw-mobile-search .tw-search-button {
min-height: 44px;
height: 44px;
font-size: .88rem;
}
.tw-mobile-search .tw-search-live-item {
grid-template-columns: 46px minmax(0, 1fr);
align-items: start;
}
.tw-mobile-search .tw-search-live-thumb {
width: 46px;
height: 46px;
}
.tw-mobile-search .tw-search-live-actions {
grid-column: 2;
justify-content: flex-start;
margin-top: 2px;
}
.tw-mobile-panel__dialog {
width: min(88vw, 320px);
}
.tw-mobile-cart-panel__dialog {
width: min(92vw, 340px);
}
.tw-mobile-bottom-bar {
left: 8px;
right: 8px;
bottom: calc(6px + env(safe-area-inset-bottom, 0px));
min-height: 64px;
gap: 5px;
padding: 6px;
border-radius: 16px;
}
.tw-mobile-bottom-bar__item {
min-height: 48px;
border-radius: 11px;
}
.tw-mobile-bottom-bar__icon {
font-size: 1rem;
}
.tw-mobile-bottom-bar__label {
font-size: .66rem;
}
.tw-mobile-bottom-bar__badge {
top: 3px;
right: 6px;
}
.tw-category-grid,
.tw-product-grid,
.tw-repair-grid,
.tw-trust-grid,
.tw-promo-strip__grid {
grid-template-columns: 1fr;
}
.tw-main {
overflow-x: hidden;
}
}
@media (max-width: 420px) {
body {
padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px));
}
.tw-mobile-header__inner {
min-height: 56px;
gap: 7px;
padding: 8px 0;
}
.tw-mobile-logo img,
.tw-mobile-logo .custom-logo {
max-height: 28px;
}
.tw-mobile-toggle,
.tw-mobile-search-trigger,
.tw-mobile-wa,
.tw-mobile-close {
min-width: 36px;
width: 36px;
min-height: 36px;
height: 36px;
border-radius: 10px;
}
.tw-mobile-search-trigger .tw-mobile-action-icon svg {
width: 21px;
height: 21px;
}
.tw-mobile-header__conversion-links .tw-mobile-panel__quicklink {
min-height: 64px;
padding: 12px 12px 11px;
}
.tw-mobile-header__conversion-links .tw-mobile-panel__quicktext strong {
font-size: .88rem;
}
.tw-mobile-header__conversion-links .tw-mobile-panel__quicktext small {
font-size: .74rem;
}
.tw-mobile-search .tw-search-input {
min-height: 44px;
height: 44px;
font-size: .92rem;
}
.tw-mobile-search .tw-search-button {
min-height: 42px;
height: 42px;
font-size: .84rem;
}
.tw-mobile-search .tw-search-live-title {
font-size: .86rem;
}
.tw-mobile-search .tw-search-live-price {
font-size: .84rem;
}
.tw-mobile-search .tw-search-live-add {
min-height: 30px;
font-size: .76rem;
}
.tw-mobile-panel__dialog {
width: min(90vw, 300px);
}
.tw-mobile-cart-panel__dialog {
width: min(94vw, 320px);
}
.tw-mobile-bottom-bar {
left: 7px;
right: 7px;
bottom: calc(5px + env(safe-area-inset-bottom, 0px));
min-height: 60px;
padding: 6px;
gap: 4px;
border-radius: 15px;
}
.tw-mobile-bottom-bar__item {
min-height: 46px;
}
.tw-mobile-bottom-bar__icon {
font-size: .96rem;
}
.tw-mobile-bottom-bar__label {
font-size: .62rem;
}
} @media (max-width: 1100px) {
.tw-mobile-actions {
gap: 6px;
}
.tw-mobile-repairs-trigger,
.tw-mobile-request-trigger {
min-height: 40px;
padding: 0 12px;
border-radius: 12px;
border: 1px solid rgba(0, 70, 98, 0.10);
background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(244,247,250,0.98));
color: #002C52;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
text-decoration: none;
box-shadow: 0 8px 18px rgba(0, 44, 82, 0.06);
transition:
transform .18s ease,
border-color .18s ease,
color .18s ease,
background .18s ease,
box-shadow .18s ease;
}
.tw-mobile-repairs-trigger:hover,
.tw-mobile-repairs-trigger:focus-visible,
.tw-mobile-request-trigger:hover,
.tw-mobile-request-trigger:focus-visible {
transform: translateY(-1px);
color: #014964;
border-color: rgba(1, 176, 204, 0.24);
background: linear-gradient(180deg, rgba(255,255,255,1), rgba(239,247,249,0.98));
box-shadow: 0 10px 20px rgba(1, 73, 100, 0.10);
}
.tw-mobile-repairs-trigger .tw-mobile-action-icon,
.tw-mobile-request-trigger .tw-mobile-action-icon {
width: 16px;
height: 16px;
flex: 0 0 16px;
}
.tw-mobile-repairs-trigger .tw-mobile-action-icon svg,
.tw-mobile-request-trigger .tw-mobile-action-icon svg {
width: 16px;
height: 16px;
}
.tw-mobile-action-text {
display: inline-block;
font-size: .74rem;
font-weight: 800;
line-height: 1;
letter-spacing: .01em;
white-space: nowrap;
}
.tw-mobile-header__conversion-links {
grid-template-columns: 1fr;
padding-bottom: 12px;
}
.tw-mobile-header__conversion-links .tw-mobile-panel__quicklink:last-child {
display: none;
}
.tw-mobile-search-panel {
border-top: 1px solid rgba(0, 70, 98, 0.08);
}
.tw-mobile-search {
padding-top: 12px;
padding-bottom: 14px;
}
.tw-mobile-search__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 10px;
}
.tw-mobile-search__head strong {
color: #002C52;
font-size: .92rem;
line-height: 1.1;
}
.tw-mobile-search__close {
min-width: 36px;
width: 36px;
min-height: 36px;
height: 36px;
border: 1px solid rgba(0, 70, 98, 0.10);
border-radius: 11px;
background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(244,247,250,0.96));
color: #002C52;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 8px 18px rgba(0, 44, 82, 0.06);
transition:
transform .18s ease,
border-color .18s ease,
color .18s ease,
background .18s ease,
box-shadow .18s ease;
}
.tw-mobile-search__close:hover,
.tw-mobile-search__close:focus-visible {
transform: translateY(-1px);
color: #014964;
border-color: rgba(1, 176, 204, 0.24);
background: linear-gradient(180deg, rgba(255,255,255,1), rgba(239,247,249,0.98));
box-shadow: 0 10px 20px rgba(1, 73, 100, 0.10);
}
.tw-mobile-search__close span {
font-size: 1.35rem;
line-height: 1;
transform: translateY(-1px);
}
.tw-mobile-bottom-bar__item--wa {
color: #128c4a;
border-color: rgba(37, 211, 102, 0.18);
background: linear-gradient(180deg, rgba(244,255,248,0.98), rgba(233,250,239,0.98));
}
.tw-mobile-bottom-bar__item--wa:hover,
.tw-mobile-bottom-bar__item--wa.is-active {
color: #0f6a3a;
border-color: rgba(37, 211, 102, 0.28);
background: linear-gradient(180deg, rgba(246,255,249,1), rgba(236,251,241,1));
box-shadow: 0 12px 24px rgba(37, 211, 102, 0.14);
}
.tw-mobile-bottom-bar__item--wa .tw-mobile-bottom-bar__icon {
display: inline-flex;
align-items: center;
justify-content: center;
}
.tw-mobile-bottom-bar__item--wa .tw-mobile-bottom-bar__icon svg {
width: 18px;
height: 18px;
}
}
@media (max-width: 640px) {
.tw-mobile-repairs-trigger,
.tw-mobile-request-trigger {
padding: 0 10px;
gap: 6px;
}
.tw-mobile-action-text {
font-size: .70rem;
}
}
@media (max-width: 390px) {
.tw-mobile-search-trigger,
.tw-mobile-repairs-trigger,
.tw-mobile-request-trigger,
.tw-mobile-toggle {
min-height: 38px;
height: 38px;
}
.tw-mobile-repairs-trigger,
.tw-mobile-request-trigger {
padding: 0 9px;
}
.tw-mobile-repairs-trigger .tw-mobile-action-icon svg,
.tw-mobile-request-trigger .tw-mobile-action-icon svg {
width: 15px;
height: 15px;
}
.tw-mobile-action-text {
font-size: .67rem;
}
.tw-mobile-search__head strong {
font-size: .86rem;
}
.tw-mobile-bottom-bar__label {
letter-spacing: 0;
}
}
@media (max-width: 1100px) {
.tw-mobile-header__inner {
grid-template-columns: 1fr auto 1fr;
}
.tw-mobile-logo {
grid-column: 2;
}
.tw-mobile-actions {
grid-column: 3;
justify-self: end;
}
}
@media (max-width: 1100px) {
.tw-mobile-header__inner {
grid-template-columns: 44px minmax(0, 1fr) auto;
gap: 10px;
}
.tw-mobile-header__left {
grid-column: 1;
display: flex;
align-items: center;
justify-content: flex-start;
}
.tw-mobile-logo {
grid-column: 2;
justify-content: center;
}
.tw-mobile-actions {
grid-column: 3;
justify-self: end;
}
.tw-mobile-logo img,
.tw-mobile-logo .custom-logo {
max-height: 40px;
}
.tw-mobile-search-trigger {
border-color: rgba(198, 40, 40, 0.22);
}
.tw-mobile-search-trigger .tw-mobile-action-icon {
color: #002C52;
}
.tw-mobile-search-trigger .tw-mobile-action-icon svg {
width: 22px;
height: 22px;
}
}
@media (max-width: 640px) {
.tw-mobile-header__inner {
grid-template-columns: 40px minmax(0, 1fr) auto;
gap: 8px;
}
.tw-mobile-logo img,
.tw-mobile-logo .custom-logo {
max-height: 38px;
}
}
@media (max-width: 420px) {
.tw-mobile-header__inner {
grid-template-columns: 38px minmax(0, 1fr) auto;
}
.tw-mobile-logo img,
.tw-mobile-logo .custom-logo {
max-height: 36px;
}
}
@media (max-width: 480px) {
.tw-mobile-offers-cta {
padding: 12px 13px;
gap: 12px;
margin-bottom: 10px;
}
.tw-mobile-offers-cta__copy strong {
font-size: .93rem;
}
.tw-mobile-offers-cta__copy small {
font-size: .75rem;
}
.tw-mobile-offers-cta__badge {
min-width: 40px;
height: 40px;
padding: 0 10px;
}
} @media (max-width: 1100px) {
body {
padding-bottom: 0 !important;
}
.tw-mobile-bottom-bar,
.tw-auth-hangtab-mobile {
display: none !important;
}
.tw-mobile-header {
background: rgba(255,255,255,.98);
border-bottom: 1px solid rgba(0,44,82,.09);
box-shadow: 0 4px 18px rgba(0,44,82,.07);
backdrop-filter: blur(14px);
}
.tw-mobile-header__inner {
position: relative;
min-height: 64px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 8px 0;
}
.tw-mobile-logo {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: min(34vw, 138px);
pointer-events: auto;
}
.tw-mobile-logo .custom-logo-link,
.tw-mobile-logo .tw-site-brand {
width: 100%;
display: flex;
justify-content: center;
}
.tw-mobile-logo img,
.tw-mobile-logo .custom-logo {
display: block;
width: auto;
max-width: 100%;
max-height: 37px;
object-fit: contain;
}
.tw-mobile-header__right {
display: flex;
align-items: center;
gap: 3px;
margin-left: auto;
}
.tw-mobile-header__icon-button,
.tw-mobile-toggle,
.tw-mobile-search-trigger,
.tw-mobile-cart-trigger {
position: relative;
width: 42px;
height: 42px;
min-width: 42px;
padding: 0;
border: 0;
border-radius: 12px;
background: transparent;
color: #0d2f43;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: none;
transition: background .16s ease, color .16s ease, transform .16s ease;
}
.tw-mobile-header__icon-button:hover,
.tw-mobile-header__icon-button:focus-visible,
.tw-mobile-header__icon-button.is-active,
.tw-mobile-toggle:hover,
.tw-mobile-toggle:focus-visible,
.tw-mobile-toggle.is-active {
color: #014964;
background: #f0f6f8;
outline: none;
transform: none;
box-shadow: none;
}
.tw-mobile-action-icon,
.tw-mobile-action-icon svg {
display: block;
}
.tw-mobile-cart-badge {
position: absolute;
top: 2px;
right: 1px;
min-width: 18px;
height: 18px;
padding: 0 4px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #d92d20;
color: #fff;
border: 2px solid #fff;
font-size: .66rem;
line-height: 1;
font-weight: 800;
box-shadow: 0 2px 6px rgba(217,45,32,.22);
}
.tw-mobile-search-panel {
border-top: 1px solid rgba(0,44,82,.07);
background: #fff;
box-shadow: 0 12px 22px rgba(0,44,82,.08);
}
.tw-mobile-search {
padding-top: 12px;
padding-bottom: 14px;
}
.tw-mobile-search__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 10px;
}
.tw-mobile-search__head strong {
color: #183b4d;
font-size: .93rem;
font-weight: 800;
}
.tw-mobile-search__close {
width: 34px;
height: 34px;
border: 0;
border-radius: 9px;
background: #f3f6f7;
color: #355565;
font: inherit;
font-size: 1.35rem;
line-height: 1;
cursor: pointer;
}
.tw-mobile-panel__backdrop {
background: rgba(12, 31, 43, .42);
backdrop-filter: blur(3px);
}
.tw-mobile-panel__dialog {
width: min(88vw, 360px);
background: #fff;
border-right: 0;
box-shadow: 18px 0 44px rgba(0, 34, 54, .18);
}
.tw-mobile-panel__head {
min-height: 70px;
padding: 14px 16px;
border-bottom: 1px solid #edf1f3;
background: #fff;
}
.tw-mobile-panel__brand-text {
gap: 3px;
}
.tw-mobile-panel__brand-text strong {
color: #102f40;
font-size: 1.08rem;
font-weight: 850;
}
.tw-mobile-panel__brand-text span {
color: #71838c;
font-size: .76rem;
}
.tw-mobile-close {
width: 38px;
height: 38px;
min-width: 38px;
border: 0;
border-radius: 10px;
background: #f3f6f7;
color: #284a5a;
box-shadow: none;
}
.tw-mobile-panel__body {
padding: 12px 14px calc(22px + env(safe-area-inset-bottom, 0px));
background: #fff;
}
.tw-mobile-pro-nav {
display: grid;
gap: 2px;
}
.tw-mobile-pro-nav__item {
position: relative;
min-height: 54px;
display: grid;
grid-template-columns: 36px minmax(0, 1fr) auto auto;
align-items: center;
gap: 10px;
padding: 7px 8px;
border-radius: 12px;
color: #183b4d;
text-decoration: none;
border: 1px solid transparent;
background: transparent;
transition: background .15s ease, border-color .15s ease;
}
.tw-mobile-pro-nav__item:hover,
.tw-mobile-pro-nav__item:focus-visible {
background: #f4f8f9;
border-color: #edf2f4;
outline: none;
}
.tw-mobile-pro-nav__item--shop {
background: #f3f9fa;
}
.tw-mobile-pro-nav__icon {
width: 36px;
height: 36px;
border-radius: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #f1f5f6;
color: #0a5f72;
}
.tw-mobile-pro-nav__item--shop .tw-mobile-pro-nav__icon {
color: #fff;
background: #047c91;
}
.tw-mobile-pro-nav__icon svg {
width: 19px;
height: 19px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.tw-mobile-pro-nav__label {
min-width: 0;
color: inherit;
font-size: .94rem;
font-weight: 760;
line-height: 1.15;
}
.tw-mobile-pro-nav__arrow {
color: #93a2a9;
font-size: 1.45rem;
line-height: 1;
font-weight: 400;
}
.tw-mobile-pro-nav__badge {
min-width: 22px;
height: 22px;
padding: 0 7px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #fff0e5;
color: #a95215;
font-size: .69rem;
font-weight: 850;
}
.tw-mobile-pro-actions {
display: grid;
gap: 9px;
margin-top: 18px;
padding-top: 16px;
border-top: 1px solid #edf1f3;
}
.tw-mobile-pro-actions__primary,
.tw-mobile-pro-actions__secondary {
min-height: 48px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
gap: 9px;
padding: 0 15px;
text-decoration: none;
font-size: .90rem;
font-weight: 820;
}
.tw-mobile-pro-actions__primary {
justify-content: space-between;
background: #047c91;
color: #fff;
box-shadow: 0 8px 18px rgba(4,124,145,.16);
}
.tw-mobile-pro-actions__secondary {
color: #176f46;
background: #f1faf5;
border: 1px solid #dcefe4;
}
.tw-mobile-pro-actions__secondary svg {
width: 20px;
height: 20px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.tw-mobile-cart-panel__dialog {
width: min(92vw, 390px);
background: #fff;
}
.tw-mobile-cart-panel__head {
background: #fff;
}
}
@media (max-width: 390px) {
.tw-mobile-header__inner {
min-height: 60px;
}
.tw-mobile-logo {
width: min(31vw, 116px);
}
.tw-mobile-header__icon-button,
.tw-mobile-toggle,
.tw-mobile-search-trigger,
.tw-mobile-cart-trigger {
width: 39px;
height: 39px;
min-width: 39px;
}
.tw-mobile-header__right {
gap: 0;
}
} @media (max-width:1100px){
.tw-mobile-header__inner{min-height:72px;padding:8px 0}
.tw-mobile-logo{width:min(42vw,176px)}
.tw-mobile-logo .tw-brand-logo--mobile{display:flex;width:100%;justify-content:center;align-items:center}
.tw-mobile-logo .tw-brand-logo--mobile img{display:block;width:100%;max-width:100%;max-height:56px;height:auto;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,44,82,.10))}
}
@media (max-width:520px){
.tw-mobile-header__inner{min-height:68px}
.tw-mobile-logo{width:min(39vw,156px)}
.tw-mobile-logo .tw-brand-logo--mobile img{max-height:50px}
}
@media (max-width:390px){
.tw-mobile-logo{width:min(36vw,138px)}
.tw-mobile-logo .tw-brand-logo--mobile img{max-height:46px}
} @media (max-width:1100px){
.tw-mobile-taxonomy{border:0;margin:0;padding:0}
.tw-mobile-taxonomy>summary{list-style:none;cursor:pointer}
.tw-mobile-taxonomy>summary::-webkit-details-marker{display:none}
.tw-mobile-taxonomy[open]>summary{background:#f4f9fa;border-color:#e8f0f2}
.tw-mobile-taxonomy[open]>summary .tw-mobile-pro-nav__arrow{transform:rotate(180deg)}
.tw-mobile-taxonomy__links{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px 8px 10px 54px}
.tw-mobile-taxonomy__links a{display:flex;align-items:center;min-height:38px;padding:7px 9px;border:1px solid #e7eef1;border-radius:10px;background:#fbfdfe;color:#315064;font-size:.84rem;font-weight:740;line-height:1.2}
.tw-mobile-taxonomy__links a:hover,.tw-mobile-taxonomy__links a:focus-visible{background:#f0f8fa;border-color:#d5e9ee;color:#006f87;outline:0}
.tw-mobile-taxonomy__links .tw-mobile-taxonomy__more{grid-column:1/-1;justify-content:center;background:#002c52;border-color:#002c52;color:#fff;font-weight:850}
.tw-mobile-taxonomy__links--brands{max-height:260px;overflow:auto}
}
@media (max-width:420px){
.tw-mobile-taxonomy__links{grid-template-columns:1fr;padding-left:46px}
} @media (max-width:1100px){
.tw-mobile-offers-trigger{
position:relative;
text-decoration:none !important;
color:#e85d04 !important;
background:#fff8f1 !important;
}
.tw-mobile-offers-trigger:hover,
.tw-mobile-offers-trigger:focus-visible{
color:#c2410c !important;
background:#fff2e6 !important;
}
.tw-mobile-offers-badge{
position:absolute;
top:0;
right:-1px;
min-width:19px;
height:19px;
padding:0 5px;
border-radius:999px;
display:inline-flex;
align-items:center;
justify-content:center;
background:#dc2626;
color:#fff;
border:2px solid #fff;
font-size:.65rem;
line-height:1;
font-weight:950;
box-shadow:0 3px 8px rgba(220,38,38,.28);
animation:tecnosMobileOfferNudge 2.8s ease-in-out infinite;
}
@keyframes tecnosMobileOfferNudge{
0%,72%,100%{transform:scale(1)}
78%{transform:scale(1.12)}
84%{transform:scale(.98)}
90%{transform:scale(1.07)}
}
}
@media (max-width:390px){
.tw-mobile-offers-trigger.tw-mobile-header__icon-button{
width:37px;
height:37px;
min-width:37px;
}
.tw-mobile-offers-badge{
min-width:18px;
height:18px;
font-size:.61rem;
}
}:root{
--tw-shop-card-radius: 8px;
--tw-shop-soft-radius: 6px;
--tw-shop-shadow: 0 8px 22px rgba(0,0,0,.08);
--tw-shop-shadow-hover: 0 14px 28px rgba(0,0,0,.12);
}
.tw-shop-page{
padding-block: 20px 36px;
}
.tw-shop-page__head{
display:grid;
gap:16px;
margin-bottom:22px;
padding:18px;
border-radius:10px;
background:var(--tw-panel, #fff);
border:1px solid var(--tw-border, #d8e1e7);
box-shadow:0 6px 18px rgba(0,0,0,.04);
}
.tw-shop-page__title{
margin:0;
font-size:clamp(1.5rem, 2vw, 2rem);
line-height:1.08;
color:var(--tw-text, #002C52);
}
.tw-shop-page__desc{
color:var(--tw-text-soft, #46636f);
}
.tw-shop-page__toolbar{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:12px 16px;
}
.tw-shop-page__results,
.tw-shop-page__ordering{
color:var(--tw-text-soft, #46636f);
}
.tw-shop-page__ordering select,
.woocommerce-ordering select{
min-height:42px;
padding:0 12px;
border:1px solid var(--tw-border, #d8e1e7);
border-radius:6px;
background:#fff;
color:var(--tw-text, #002C52);
}
.tw-shop-grid{
display:grid;
grid-template-columns:repeat(4, minmax(0,1fr));
gap:18px;
}
@media (max-width: 1200px){
.tw-shop-grid{ grid-template-columns:repeat(3, minmax(0,1fr)); }
}
@media (max-width: 900px){
.tw-shop-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width: 560px){
.tw-shop-grid{ grid-template-columns:1fr; }
}
.tw-home-section--featured-products .tw-shop-grid{
align-items:stretch;
}
.tw-home-section--featured-products .tw-shop-card,
.tw-shop-page .tw-shop-card{
min-height:100%;
}
.tw-shop-card{
display:flex;
flex-direction:column;
min-width:0;
height:100%;
background:var(--tw-panel, #fff);
border:1px solid var(--tw-border, #d8e1e7);
border-radius:var(--tw-shop-card-radius);
overflow:hidden;
box-shadow:var(--tw-shop-shadow);
transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.tw-shop-card:hover{
transform:translateY(-2px);
box-shadow:var(--tw-shop-shadow-hover);
border-color:color-mix(in srgb, var(--tw-accent, #01B0CC) 34%, var(--tw-border, #d8e1e7) 66%);
}
.tw-shop-card__image{
position:relative;
display:block;
aspect-ratio:1 / 1;
background:linear-gradient(180deg, #fff, color-mix(in srgb, var(--tw-bg-soft, #eef6f8) 80%, white 20%));
overflow:hidden;
}
.tw-shop-card__image-frame{
position:relative;
display:block;
width:100%;
height:100%;
}
.tw-shop-card__image-main,
.tw-shop-card__image-secondary,
.tw-shop-card__image img{
width:100%;
height:100%;
object-fit:contain;
object-position:center;
display:block;
padding:14px;
transition:transform .24s ease, opacity .24s ease;
}
.tw-shop-card__image-main,
.tw-shop-card__image-secondary{
position:absolute;
inset:0;
}
.tw-shop-card__image-secondary{
opacity:0;
pointer-events:none;
}
.tw-shop-card:hover .tw-shop-card__image-main,
.tw-shop-card:hover .tw-shop-card__image-secondary,
.tw-shop-card:hover .tw-shop-card__image img{
transform:scale(1.03);
}
.tw-shop-card:hover .tw-shop-card__image-secondary{
opacity:1;
}
.tw-shop-card__image--has-secondary:hover .tw-shop-card__image-main{
opacity:0;
}
.tw-shop-card__badge{
position:absolute;
left:10px;
z-index:2;
display:inline-flex;
align-items:center;
min-height:28px;
padding:0 10px;
font-size:.74rem;
font-weight:800;
border-radius:4px;
color:#fff;
text-transform:uppercase;
letter-spacing:.02em;
}
.tw-shop-card__badge--sale{
top:10px;
background:linear-gradient(180deg, #dc8124, #aa7333);
}
.tw-shop-card__badge--member{
top:44px;
background:linear-gradient(180deg, #01b0cc, #014964);
}
.tw-shop-card__body{
display:flex;
flex-direction:column;
gap:10px;
padding:14px;
flex:1 1 auto;
}
.tw-shop-card__eyebrow{
font-size:.74rem;
font-weight:800;
color:var(--tw-text-soft, #46636f);
text-transform:uppercase;
letter-spacing:.04em;
}
.tw-shop-card__title{
margin:0;
min-height:2.5em;
font-size:1rem;
line-height:1.25;
}
.tw-shop-card__title a{
color:var(--tw-text, #002C52);
text-decoration:none;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}
.tw-shop-card__title a:hover{
color:var(--tw-accent, #01B0CC);
}
.tw-shop-card__summary{
display:none;
}
.tw-shop-card__price-wrap{
display:grid;
align-content:start;
gap:6px;
min-height:68px;
}
.tw-shop-card__price{
color:var(--tw-text, #002C52);
font-weight:900;
font-size:1.08rem;
}
.tw-shop-card__price ins{
text-decoration:none;
color:var(--tw-accent-2, #dc8124);
}
.tw-shop-card__price del{
color:var(--tw-text-soft, #6d8894);
opacity:.8;
margin-right:6px;
}
.tw-shop-card__member-price{
display:flex;
align-items:center;
gap:6px;
min-height:38px;
font-size:.84rem;
color:var(--tw-text-soft, #46636f);
padding:7px 9px;
border-radius:4px;
background:color-mix(in srgb, var(--tw-accent, #01B0CC) 7%, white 93%);
border:1px solid color-mix(in srgb, var(--tw-accent, #01B0CC) 18%, var(--tw-border, #d8e1e7) 82%);
}
.tw-shop-card__member-label{
font-weight:700;
} .tw-shop-card__stock,
.tw-shop-stock{
display:grid;
gap:6px;
}
.tw-shop-card__stock-bar,
.tw-shop-stock__track,
.tw-shop-card__stock-meter{
position:relative;
width:100%;
height:7px;
border-radius:999px;
overflow:hidden;
background:color-mix(in srgb, var(--tw-border, #d8e1e7) 72%, white 28%);
}
.tw-shop-card__stock-text,
.tw-shop-stock__text,
.tw-shop-card__stock-label{
font-size:.81rem;
font-weight:800;
color:var(--tw-text-soft, #46636f);
line-height:1.2;
}
.tw-shop-card__stock-fill,
.tw-shop-stock__fill,
.tw-shop-card__stock-value{
display:block;
height:100%;
border-radius:999px;
background:linear-gradient(90deg, var(--tw-accent, #01B0CC), var(--tw-accent-2, #dc8124));
}
.tw-shop-card__stock.is-low .tw-shop-card__stock-fill,
.tw-shop-stock.is-low .tw-shop-stock__fill,
.tw-shop-card__stock-bar.is-low .tw-shop-card__stock-value{
background:linear-gradient(90deg, #dc8124, #aa7333);
}
.tw-shop-card__stock.is-low .tw-shop-card__stock-text,
.tw-shop-stock.is-low .tw-shop-stock__text,
.tw-shop-card__stock-bar.is-low + .tw-shop-card__stock-label{
color:#8a6737;
}
.tw-shop-card__stock.is-out .tw-shop-card__stock-text,
.tw-shop-stock.is-out .tw-shop-stock__text,
.tw-shop-card__stock-bar.is-out + .tw-shop-card__stock-label{
color:#8a2d2d;
}
.tw-shop-card__stock.is-out .tw-shop-card__stock-fill,
.tw-shop-stock.is-out .tw-shop-stock__fill,
.tw-shop-card__stock-bar.is-out .tw-shop-card__stock-value{
width:100% !important;
background:linear-gradient(90deg, #d35d5d, #a63d3d);
}
.tw-shop-card__actions{
display:grid;
grid-template-columns:minmax(108px, 124px) 1fr;
gap:10px;
align-items:stretch;
margin-top:auto;
padding-top:6px;
}
.tw-shop-card__qty{
display:grid;
grid-template-columns:40px 1fr 40px;
align-items:center;
min-height:46px;
border:1px solid var(--tw-border, #d8e1e7);
border-radius:6px;
overflow:hidden;
background:#fff;
}
.tw-shop-card__qty[hidden]{
display:none !important;
}
.tw-shop-card__qty-btn{
height:42px;
border:0;
background:color-mix(in srgb, var(--tw-bg-soft, #eef6f8) 80%, white 20%);
color:var(--tw-text, #002C52);
font-size:1.1rem;
font-weight:900;
cursor:pointer;
}
.tw-shop-card__qty-btn:hover{
background:color-mix(in srgb, var(--tw-accent, #01B0CC) 9%, white 91%);
color:var(--tw-accent, #01B0CC);
}
.tw-shop-card__qty-input{
width:100%;
height:42px;
border:0;
outline:none;
text-align:center;
font-weight:800;
color:var(--tw-text, #002C52);
background:#fff;
-moz-appearance:textfield;
}
.tw-shop-card__qty-input::-webkit-outer-spin-button,
.tw-shop-card__qty-input::-webkit-inner-spin-button{
-webkit-appearance:none;
margin:0;
}
.tw-shop-card__buy{
width:100%;
min-height:46px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
padding:0 14px;
text-decoration:none;
font-weight:900;
letter-spacing:.01em;
border-radius:6px;
border:1px solid #018ea7;
border:1px solid color-mix(in srgb, var(--tw-accent, #01B0CC) 30%, var(--tw-border, #d8e1e7) 70%);
background:#01B0CC;
background:linear-gradient(180deg, var(--tw-accent, #01B0CC), color-mix(in srgb, var(--tw-accent, #01B0CC) 70%, var(--tw-text, #002C52) 30%));
color:#fff;
-webkit-text-fill-color:#fff;
cursor:pointer;
box-shadow:0 8px 18px rgba(0,0,0,.10);
transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.tw-shop-card__buy:hover{
transform:translateY(-1px);
background:#019bb5;
box-shadow:0 12px 22px rgba(0,0,0,.12);
filter:brightness(1.02);
}
.tw-shop-card__buy--secondary{
background:#fff;
color:var(--tw-text, #002C52);
border-color:var(--tw-border, #d8e1e7);
box-shadow:none;
}
.tw-shop-pagination{
margin-top:24px;
}
.tw-shop-pagination .page-numbers{
display:flex;
flex-wrap:wrap;
gap:8px;
list-style:none;
padding:0;
}
.tw-shop-pagination .page-numbers a,
.tw-shop-pagination .page-numbers span{
min-width:40px;
min-height:40px;
display:inline-flex;
align-items:center;
justify-content:center;
padding:0 10px;
border:1px solid var(--tw-border, #d8e1e7);
border-radius:6px;
background:#fff;
color:var(--tw-text, #002C52);
text-decoration:none;
font-weight:800;
}
.tw-shop-pagination .page-numbers .current{
background:var(--tw-accent, #01B0CC);
color:#fff;
border-color:var(--tw-accent, #01B0CC);
}
.tw-shop-empty{
padding:26px;
border-radius:8px;
} .swal2-popup.tw-shop-swal,
.tw-shop-modal,
.tw-shop-added-modal{
border-radius:4px !important;
}
.swal2-popup.tw-shop-swal{
padding:20px !important;
box-shadow:0 18px 40px rgba(0,0,0,.18) !important;
}
.tw-shop-added,
.tw-shop-added-card,
.tw-shop-modal__card{
display:grid;
grid-template-columns:88px 1fr;
gap:14px;
text-align:left;
align-items:start;
}
.tw-shop-added__thumb,
.tw-shop-modal__thumb{
width:88px;
height:88px;
border-radius:4px;
overflow:hidden;
background:color-mix(in srgb, var(--tw-bg-soft, #eef6f8) 80%, white 20%);
border:1px solid var(--tw-border, #d8e1e7);
}
.tw-shop-added__thumb img,
.tw-shop-modal__thumb img{
width:100%;
height:100%;
object-fit:contain;
display:block;
padding:8px;
}
.tw-shop-added__title,
.tw-shop-modal__title{
margin:0 0 6px;
color:var(--tw-text, #002C52);
font-size:1rem;
font-weight:900;
line-height:1.2;
}
.tw-shop-added__summary,
.tw-shop-modal__summary{
margin:0 0 8px;
color:var(--tw-text-soft, #46636f);
font-size:.88rem;
line-height:1.45;
}
.tw-shop-added__meta,
.tw-shop-modal__meta{
display:flex;
flex-wrap:wrap;
gap:8px 14px;
color:var(--tw-text-soft, #46636f);
font-size:.84rem;
}
.tw-shop-added__meta strong,
.tw-shop-modal__meta strong{
color:var(--tw-text, #002C52);
}
.swal2-popup.tw-shop-swal .swal2-actions{
width:100%;
margin-top:16px !important;
gap:10px;
}
.swal2-popup.tw-shop-swal .swal2-styled,
.tw-shop-modal__actions a,
.tw-shop-modal__actions button{
min-height:44px;
padding:0 16px;
border-radius:4px !important;
font-weight:900 !important;
box-shadow:none !important;
}
.swal2-popup.tw-shop-swal .swal2-confirm{
background:linear-gradient(180deg, var(--tw-accent, #01B0CC), color-mix(in srgb, var(--tw-accent, #01B0CC) 70%, var(--tw-text, #002C52) 30%)) !important;
}
.swal2-popup.tw-shop-swal .swal2-cancel{
background:#fff !important;
color:var(--tw-text, #002C52) !important;
border:1px solid var(--tw-border, #d8e1e7) !important;
}
@media (max-width: 700px){
.tw-shop-card__actions{
grid-template-columns:1fr;
}
}
@media (max-width: 640px){
.tw-shop-page__toolbar{
align-items:stretch;
}
.tw-shop-page__ordering,
.tw-shop-page__ordering form,
.woocommerce-ordering,
.woocommerce-ordering select{
width:100%;
}
.tw-shop-added,
.tw-shop-added-card,
.tw-shop-modal__card{
grid-template-columns:1fr;
}
.tw-shop-added__thumb,
.tw-shop-modal__thumb{
width:72px;
height:72px;
}
} .woocommerce-checkout,
.woocommerce-checkout-page{
--tw-checkout-bg: #f5f8fa;
--tw-checkout-panel: #ffffff;
--tw-checkout-border: color-mix(in srgb, var(--tw-border, #d8e1e7) 82%, white 18%);
--tw-checkout-shadow: 0 14px 34px rgba(0, 25, 43, .08);
}
.tw-checkout{
margin: 18px 0 42px;
}
.tw-checkout__shell{
display: grid;
gap: 22px;
}
.tw-checkout__hero{
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 18px;
align-items: center;
padding: 24px 26px;
background: linear-gradient(180deg, #ffffff 0%, color-mix(in srgb, var(--tw-bg-soft, #eef6f8) 72%, white 28%) 100%);
border: 1px solid var(--tw-checkout-border);
border-radius: 10px;
box-shadow: var(--tw-checkout-shadow);
}
.tw-checkout__eyebrow{
display: inline-flex;
margin: 0 0 8px;
font-weight: 800;
font-size: .78rem;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--tw-accent, #01B0CC);
}
.tw-checkout__title{
margin: 0 0 8px;
color: var(--tw-text, #002C52);
font-size: clamp(1.55rem, 2.6vw, 2.2rem);
line-height: 1.08;
}
.tw-checkout__text{
margin: 0;
max-width: 64ch;
color: var(--tw-text-soft, #46636f);
font-size: .97rem;
line-height: 1.6;
}
.tw-checkout__steps{
display: flex;
flex-wrap: wrap;
gap: 12px;
margin: 0;
padding: 0;
list-style: none;
justify-content: flex-end;
}
.tw-checkout__steps li{
min-width: 98px;
padding: 10px 14px;
border: 1px solid var(--tw-checkout-border);
border-radius: 8px;
background: #fff;
display: grid;
gap: 4px;
justify-items: center;
text-align: center;
}
.tw-checkout__steps li.is-active{
border-color: color-mix(in srgb, var(--tw-accent, #01B0CC) 44%, var(--tw-checkout-border) 56%);
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tw-accent, #01B0CC) 28%, transparent 72%);
}
.tw-checkout__step-num{
width: 28px;
height: 28px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
font-weight: 900;
font-size: .9rem;
color: #fff;
background: linear-gradient(180deg, var(--tw-accent, #01B0CC), color-mix(in srgb, var(--tw-accent, #01B0CC) 70%, var(--tw-text, #002C52) 30%));
}
.tw-checkout__step-label{
color: var(--tw-text, #002C52);
font-size: .84rem;
font-weight: 800;
}
.tw-checkout__grid{
display: grid;
grid-template-columns: minmax(0, 1.45fr) minmax(300px, .72fr);
gap: 22px;
align-items: start;
}
.tw-checkout__main,
.tw-checkout__aside{
min-width: 0;
}
.tw-checkout__main{
display: grid;
gap: 22px;
}
.tw-checkout__panel,
.tw-checkout__sticky-card{
background: var(--tw-checkout-panel);
border: 1px solid var(--tw-checkout-border);
border-radius: 10px;
box-shadow: var(--tw-checkout-shadow);
}
.tw-checkout__panel{
padding: 24px;
}
.tw-checkout__panel-head,
.tw-checkout__section-head,
.tw-checkout__aside-head{
display: grid;
gap: 6px;
}
.tw-checkout__panel-head{
margin: 0 0 18px;
}
.tw-checkout__panel-kicker,
.tw-checkout__aside-kicker{
font-size: .75rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: .08em;
color: var(--tw-accent, #01B0CC);
}
.tw-checkout__panel-title,
.tw-checkout__aside-head h3{
margin: 0;
color: var(--tw-text, #002C52);
font-size: 1.22rem;
line-height: 1.15;
}
.tw-checkout__panel-text,
.tw-checkout__section-head p,
.tw-checkout__help-box p{
margin: 0;
color: var(--tw-text-soft, #46636f);
line-height: 1.55;
}
.tw-checkout__customer-columns{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.tw-checkout__customer-col{
min-width: 0;
}
.tw-checkout__section-card{
display: grid;
gap: 16px;
padding: 18px;
border: 1px solid color-mix(in srgb, var(--tw-checkout-border) 88%, white 12%);
border-radius: 8px;
background: linear-gradient(180deg, #fff 0%, color-mix(in srgb, var(--tw-bg-soft, #eef6f8) 38%, white 62%) 100%);
}
.tw-checkout__section-head{
padding-bottom: 12px;
border-bottom: 1px solid color-mix(in srgb, var(--tw-checkout-border) 82%, white 18%);
}
.tw-checkout__section-head h3{
margin: 0;
color: var(--tw-text, #002C52);
font-size: 1rem;
}
.tw-checkout__review-shell{
display: grid;
gap: 14px;
}
.tw-checkout__sticky-card{
position: sticky;
top: 108px;
padding: 22px;
display: grid;
gap: 18px;
}
.tw-checkout__trust-list{
display: grid;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}
.tw-checkout__trust-list li{
position: relative;
padding-left: 18px;
color: var(--tw-text, #002C52);
font-weight: 700;
line-height: 1.45;
}
.tw-checkout__trust-list li::before{
content: '';
position: absolute;
left: 0;
top: .55em;
width: 8px;
height: 8px;
border-radius: 999px;
background: var(--tw-accent, #01B0CC);
}
.tw-checkout__help-box{
padding: 16px;
border: 1px solid color-mix(in srgb, var(--tw-accent, #01B0CC) 22%, var(--tw-checkout-border) 78%);
border-radius: 8px;
background: color-mix(in srgb, var(--tw-bg-soft, #eef6f8) 64%, white 36%);
}
.tw-checkout__help-box strong{
display: block;
margin: 0 0 6px;
color: var(--tw-text, #002C52);
} .tw-checkout .woocommerce-billing-fields,
.tw-checkout .woocommerce-shipping-fields,
.tw-checkout .woocommerce-additional-fields{
display: grid;
gap: 14px;
}
.tw-checkout .woocommerce-billing-fields__field-wrapper,
.tw-checkout .woocommerce-shipping-fields__field-wrapper,
.tw-checkout .woocommerce-additional-fields__field-wrapper,
.tw-checkout .woocommerce-address-fields__field-wrapper{
display: grid;
gap: 14px;
}
.tw-checkout .form-row{
margin: 0;
}
.tw-checkout label{
display: block;
margin: 0 0 7px;
color: var(--tw-text, #002C52);
font-weight: 800;
font-size: .9rem;
}
.tw-checkout .required{
color: var(--tw-danger, #d04646);
}
.tw-checkout input[type="text"],
.tw-checkout input[type="email"],
.tw-checkout input[type="tel"],
.tw-checkout input[type="password"],
.tw-checkout input[type="number"],
.tw-checkout textarea,
.tw-checkout select,
.tw-checkout .select2-container--default .select2-selection--single,
.tw-checkout .select2-container--default .select2-selection--multiple{
width: 100%;
min-height: 46px;
border-radius: 8px;
border: 1px solid var(--tw-checkout-border);
background: #fff;
color: var(--tw-text, #002C52);
box-shadow: none;
}
.tw-checkout textarea{
min-height: 108px;
padding: 12px 14px;
resize: vertical;
}
.tw-checkout input[type="text"],
.tw-checkout input[type="email"],
.tw-checkout input[type="tel"],
.tw-checkout input[type="password"],
.tw-checkout input[type="number"],
.tw-checkout select{
padding: 0 14px;
}
.tw-checkout .select2-container--default .select2-selection--single .select2-selection__rendered{
line-height: 44px;
padding-left: 14px;
color: var(--tw-text, #002C52);
}
.tw-checkout .select2-container--default .select2-selection--single .select2-selection__arrow{
height: 44px;
right: 8px;
}
.tw-checkout input:focus,
.tw-checkout textarea:focus,
.tw-checkout select:focus,
.tw-checkout .select2-container--default.select2-container--focus .select2-selection--single,
.tw-checkout .select2-container--default.select2-container--focus .select2-selection--multiple{
outline: none;
border-color: color-mix(in srgb, var(--tw-accent, #01B0CC) 48%, var(--tw-checkout-border) 52%);
box-shadow: 0 0 0 4px color-mix(in srgb, var(--tw-accent, #01B0CC) 16%, transparent 84%);
}
.tw-checkout .woocommerce-shipping-fields h3,
.tw-checkout .woocommerce-billing-fields h3,
.tw-checkout .woocommerce-additional-fields h3,
.tw-checkout #ship-to-different-address{
margin: 0 0 12px;
color: var(--tw-text, #002C52);
}
.tw-checkout #ship-to-different-address label{
margin: 0;
} .tw-checkout #order_review_heading{
display: none;
}
.tw-checkout .woocommerce-checkout-review-order-table,
.tw-checkout table.shop_table{
width: 100%;
border-collapse: separate;
border-spacing: 0;
border: 1px solid var(--tw-checkout-border);
border-radius: 8px;
overflow: hidden;
margin: 0 0 14px;
}
.tw-checkout .woocommerce-checkout-review-order-table th,
.tw-checkout .woocommerce-checkout-review-order-table td,
.tw-checkout table.shop_table th,
.tw-checkout table.shop_table td{
padding: 14px 16px;
border-bottom: 1px solid color-mix(in srgb, var(--tw-checkout-border) 84%, white 16%);
color: var(--tw-text, #002C52);
}
.tw-checkout .woocommerce-checkout-review-order-table thead th,
.tw-checkout table.shop_table thead th{
background: color-mix(in srgb, var(--tw-bg-soft, #eef6f8) 72%, white 28%);
font-size: .82rem;
font-weight: 900;
letter-spacing: .05em;
text-transform: uppercase;
}
.tw-checkout .woocommerce-checkout-review-order-table tbody tr:last-child td,
.tw-checkout table.shop_table tbody tr:last-child td,
.tw-checkout .woocommerce-checkout-review-order-table tfoot tr:last-child th,
.tw-checkout .woocommerce-checkout-review-order-table tfoot tr:last-child td{
border-bottom: 0;
}
.tw-checkout .woocommerce-checkout-review-order-table .product-name,
.tw-checkout .woocommerce-checkout-review-order-table .product-total,
.tw-checkout .woocommerce-checkout-review-order-table th,
.tw-checkout .woocommerce-checkout-review-order-table td{
vertical-align: middle;
}
.tw-checkout .woocommerce-checkout-payment{
padding: 16px;
border: 1px solid var(--tw-checkout-border);
border-radius: 8px;
background: linear-gradient(180deg, #fff 0%, color-mix(in srgb, var(--tw-bg-soft, #eef6f8) 40%, white 60%) 100%);
}
.tw-checkout #payment ul.payment_methods{
display: grid;
gap: 10px;
margin: 0 0 16px;
padding: 0;
border: 0;
}
.tw-checkout #payment ul.payment_methods > li{
list-style: none;
margin: 0;
padding: 14px 14px 12px;
border: 1px solid var(--tw-checkout-border);
border-radius: 8px;
background: #fff;
}
.tw-checkout #payment ul.payment_methods > li > label{
display: inline-flex;
align-items: center;
gap: 10px;
margin: 0;
font-size: .95rem;
}
.tw-checkout #payment div.payment_box{
margin: 12px 0 0;
padding: 14px;
border-radius: 8px;
background: color-mix(in srgb, var(--tw-bg-soft, #eef6f8) 70%, white 30%);
color: var(--tw-text-soft, #46636f);
}
.tw-checkout .place-order{
display: grid;
gap: 14px;
margin: 0;
}
.tw-checkout .woocommerce-privacy-policy-text,
.tw-checkout .payment_box p,
.tw-checkout .woocommerce-terms-and-conditions-wrapper{
color: var(--tw-text-soft, #46636f);
line-height: 1.6;
}
.tw-checkout #place_order,
.tw-checkout .button.alt,
.tw-checkout .wc-proceed-to-checkout a.checkout-button{
width: 100%;
min-height: 50px;
border-radius: 8px;
border: 1px solid color-mix(in srgb, var(--tw-accent, #01B0CC) 32%, var(--tw-checkout-border) 68%);
background: linear-gradient(180deg, var(--tw-accent, #01B0CC), color-mix(in srgb, var(--tw-accent, #01B0CC) 70%, var(--tw-text, #002C52) 30%));
color: #fff;
font-weight: 900;
letter-spacing: .01em;
box-shadow: 0 12px 24px rgba(0, 36, 82, .14);
}
.tw-checkout #place_order:hover,
.tw-checkout .button.alt:hover,
.tw-checkout .wc-proceed-to-checkout a.checkout-button:hover{
filter: brightness(1.02);
transform: translateY(-1px);
}
.tw-checkout .woocommerce-form-coupon-toggle,
.tw-checkout .woocommerce-NoticeGroup,
.tw-checkout .woocommerce-error,
.tw-checkout .woocommerce-info,
.tw-checkout .woocommerce-message{
margin-bottom: 16px;
}
.tw-checkout .woocommerce-error,
.tw-checkout .woocommerce-info,
.tw-checkout .woocommerce-message{
border-radius: 8px;
border: 1px solid var(--tw-checkout-border);
background: #fff;
}
@media (max-width: 1100px){
.tw-checkout__grid{
grid-template-columns: 1fr;
}
.tw-checkout__sticky-card{
position: static;
top: auto;
}
}
@media (max-width: 860px){
.tw-checkout__hero{
grid-template-columns: 1fr;
}
.tw-checkout__steps{
justify-content: flex-start;
}
.tw-checkout__customer-columns{
grid-template-columns: 1fr;
}
}
@media (max-width: 640px){
.tw-checkout{
margin-top: 12px;
}
.tw-checkout__hero,
.tw-checkout__panel,
.tw-checkout__sticky-card{
padding: 18px;
}
.tw-checkout__steps{
gap: 8px;
}
.tw-checkout__steps li{
min-width: 82px;
padding: 9px 10px;
}
.tw-checkout .woocommerce-checkout-review-order-table th,
.tw-checkout .woocommerce-checkout-review-order-table td,
.tw-checkout table.shop_table th,
.tw-checkout table.shop_table td{
padding: 12px 10px;
font-size: .92rem;
}
} .tw-checkout__transfer-panel{
display:grid;
gap:16px;
margin:0 0 18px;
padding:18px;
border:1px solid color-mix(in srgb, var(--tw-accent, #01B0CC) 16%, var(--tw-checkout-border) 84%);
border-radius:10px;
background:linear-gradient(180deg, color-mix(in srgb, var(--tw-bg-soft, #eef6f8) 58%, white 42%) 0%, #fff 100%);
}
.tw-checkout__transfer-head{
display:grid;
gap:8px;
}
.tw-checkout__transfer-title{
margin:0;
color:var(--tw-text, #002C52);
font-size:1.02rem;
line-height:1.15;
}
.tw-checkout__transfer-text{
margin:0;
color:var(--tw-text-soft, #46636f);
line-height:1.55;
}
.tw-checkout__transfer-list{
display:grid;
gap:12px;
}
.tw-checkout__transfer-card{
display:grid;
gap:12px;
padding:16px;
border-radius:10px;
border:1px solid color-mix(in srgb, var(--tw-checkout-border) 86%, white 14%);
background:#fff;
box-shadow:0 8px 18px rgba(0, 28, 52, .04);
}
.tw-checkout__transfer-card.is-primary{
border-color:color-mix(in srgb, var(--tw-accent, #01B0CC) 34%, var(--tw-checkout-border) 66%);
box-shadow:0 12px 24px rgba(1, 176, 204, .10);
}
.tw-checkout__transfer-card > header{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:10px;
}
.tw-checkout__transfer-card > header strong,
.tw-checkout__transfer-label{
margin:0;
color:var(--tw-text, #002C52);
font-size:.96rem;
line-height:1.2;
}
.tw-checkout__transfer-card.is-primary > header::after{
content:'Recomendada';
display:inline-flex;
align-items:center;
min-height:26px;
padding:0 10px;
border-radius:999px;
background:color-mix(in srgb, var(--tw-accent, #01B0CC) 14%, white 86%);
border:1px solid color-mix(in srgb, var(--tw-accent, #01B0CC) 22%, var(--tw-checkout-border) 78%);
color:var(--tw-text, #002C52);
font-size:.75rem;
font-weight:900;
letter-spacing:.03em;
text-transform:uppercase;
}
.tw-checkout__transfer-meta{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:10px 14px;
margin:0;
}
.tw-checkout__transfer-meta > div{
display:grid;
gap:4px;
min-width:0;
padding:10px 12px;
border-radius:8px;
background:color-mix(in srgb, var(--tw-bg-soft, #eef6f8) 52%, white 48%);
border:1px solid color-mix(in srgb, var(--tw-checkout-border) 86%, white 14%);
}
.tw-checkout__transfer-meta dt{
margin:0;
color:var(--tw-text-soft, #46636f);
font-size:.75rem;
font-weight:900;
text-transform:uppercase;
letter-spacing:.05em;
}
.tw-checkout__transfer-meta dd{
margin:0;
color:var(--tw-text, #002C52);
font-size:.94rem;
font-weight:800;
line-height:1.35;
word-break:break-word;
}
.tw-checkout__transfer-note{
margin:0;
padding:10px 12px;
border-radius:8px;
border:1px dashed color-mix(in srgb, var(--tw-accent-2, #DC8124) 30%, var(--tw-checkout-border) 70%);
background:color-mix(in srgb, var(--tw-accent-2, #DC8124) 6%, white 94%);
color:var(--tw-text-soft, #46636f);
line-height:1.55;
}
.tw-checkout__aside-accounts{
display:grid;
gap:12px;
padding:16px;
border:1px solid color-mix(in srgb, var(--tw-checkout-border) 84%, white 16%);
border-radius:10px;
background:linear-gradient(180deg, #fff 0%, color-mix(in srgb, var(--tw-bg-soft, #eef6f8) 44%, white 56%) 100%);
}
.tw-checkout__aside-accounts-head{
display:grid;
gap:4px;
}
.tw-checkout__aside-accounts-head strong{
color:var(--tw-text, #002C52);
}
.tw-checkout__aside-accounts-list{
display:grid;
gap:10px;
margin:0;
padding:0;
list-style:none;
}
.tw-checkout__aside-accounts-list li{
display:grid;
gap:2px;
padding:10px 12px;
border-radius:8px;
border:1px solid color-mix(in srgb, var(--tw-checkout-border) 86%, white 14%);
background:#fff;
}
.tw-checkout__aside-account-label{
color:var(--tw-text, #002C52);
font-weight:900;
}
.tw-checkout__aside-account-bank{
color:var(--tw-text-soft, #46636f);
font-size:.86rem;
}
.tw-checkout .woocommerce-checkout-payment .payment_method_woo-mercado-pago-basic > label,
.tw-checkout .woocommerce-checkout-payment .payment_method_woo-mercado-pago-custom > label,
.tw-checkout .woocommerce-checkout-payment .payment_method_woo-mercado-pago-ticket > label,
.tw-checkout .woocommerce-checkout-payment .payment_method_woo-mercado-pago-pix > label{
font-weight:900;
}
.tw-checkout .woocommerce-checkout-payment ul.payment_methods > li:has(input[type="radio"]:checked){
border-color:color-mix(in srgb, var(--tw-accent, #01B0CC) 40%, var(--tw-checkout-border) 60%);
box-shadow:0 0 0 3px color-mix(in srgb, var(--tw-accent, #01B0CC) 12%, transparent 88%);
}
@media (max-width: 860px){
.tw-checkout__transfer-meta{
grid-template-columns:1fr;
}
}
@media (max-width: 640px){
.tw-checkout__transfer-panel,
.tw-checkout__aside-accounts{
padding:14px;
}
.tw-checkout__transfer-card{
padding:14px;
}
.tw-checkout__transfer-card > header{
flex-direction:column;
align-items:flex-start;
}
} .tw-thankyou{
--tw-thankyou-bg:#ffffff;
--tw-thankyou-soft:color-mix(in srgb, var(--tw-bg-soft, #eef6f8) 72%, white 28%);
--tw-thankyou-border:color-mix(in srgb, var(--tw-border, #d4e3ea) 84%, white 16%);
--tw-thankyou-shadow:0 18px 42px rgba(0,44,82,.08);
color:var(--tw-text, #002C52);
}
.tw-thankyou__shell{
display:grid;
gap:22px;
padding:18px 0 10px;
}
.tw-thankyou__shell--failed{
gap:18px;
}
.tw-thankyou__hero{
display:grid;
gap:18px;
padding:24px;
border-radius:18px;
border:1px solid var(--tw-thankyou-border);
background:
radial-gradient(circle at top right, color-mix(in srgb, var(--tw-accent, #01B0CC) 14%, transparent 86%) 0%, transparent 28%),
linear-gradient(180deg, #fff 0%, var(--tw-thankyou-soft) 100%);
box-shadow:var(--tw-thankyou-shadow);
}
.tw-thankyou__hero--failed{
background:
radial-gradient(circle at top right, color-mix(in srgb, #DC8124 18%, transparent 82%) 0%, transparent 32%),
linear-gradient(180deg, #fff 0%, color-mix(in srgb, #DC8124 8%, white 92%) 100%);
}
.tw-thankyou__hero-copy{
display:grid;
gap:10px;
max-width:860px;
}
.tw-thankyou__eyebrow,
.tw-thankyou__section-kicker,
.tw-thankyou__meta-kicker{
display:inline-flex;
align-items:center;
gap:8px;
margin:0;
color:var(--tw-accent-2, #DC8124);
font-size:.76rem;
font-weight:900;
letter-spacing:.08em;
text-transform:uppercase;
}
.tw-thankyou__title{
margin:0;
color:var(--tw-text, #002C52);
font-size:clamp(1.55rem, 2.4vw, 2.35rem);
line-height:1.08;
font-weight:900;
}
.tw-thankyou__text{
margin:0;
max-width:74ch;
color:var(--tw-text-soft, #46636f);
font-size:1rem;
line-height:1.65;
}
.tw-thankyou__meta-row{
display:grid;
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:14px;
}
.tw-thankyou__meta-card{
display:grid;
gap:7px;
padding:16px 18px;
border-radius:14px;
border:1px solid var(--tw-thankyou-border);
background:#fff;
box-shadow:0 10px 24px rgba(0,44,82,.05);
}
.tw-thankyou__meta-card strong{
color:var(--tw-text, #002C52);
font-size:1rem;
line-height:1.35;
}
.tw-thankyou__transfer-panel,
.tw-thankyou__panel,
.tw-thankyou__order-panel{
display:grid;
gap:16px;
padding:22px;
border-radius:18px;
border:1px solid var(--tw-thankyou-border);
background:#fff;
box-shadow:0 14px 36px rgba(0,44,82,.05);
}
.tw-thankyou__section-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:14px;
}
.tw-thankyou__section-head > div{
display:grid;
gap:5px;
}
.tw-thankyou__section-title{
margin:0;
color:var(--tw-text, #002C52);
font-size:1.2rem;
line-height:1.2;
font-weight:900;
}
.tw-thankyou__section-text{
margin:0;
max-width:50ch;
color:var(--tw-text-soft, #46636f);
line-height:1.55;
}
.tw-thankyou__transfer-list{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:14px;
}
.tw-thankyou__transfer-card{
display:grid;
gap:12px;
padding:16px;
border-radius:14px;
border:1px solid var(--tw-thankyou-border);
background:linear-gradient(180deg, #fff 0%, var(--tw-thankyou-soft) 100%);
}
.tw-thankyou__transfer-card.is-primary{
border-color:color-mix(in srgb, var(--tw-accent, #01B0CC) 44%, var(--tw-thankyou-border) 56%);
box-shadow:0 0 0 3px color-mix(in srgb, var(--tw-accent, #01B0CC) 11%, transparent 89%);
}
.tw-thankyou__transfer-label{
margin:0;
color:var(--tw-text, #002C52);
font-size:1.02rem;
font-weight:900;
}
.tw-thankyou__transfer-meta{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:10px 12px;
margin:0;
}
.tw-thankyou__transfer-meta > div,
.tw-thankyou__subpanel{
display:grid;
gap:6px;
padding:12px 14px;
border-radius:12px;
border:1px solid color-mix(in srgb, var(--tw-thankyou-border) 88%, white 12%);
background:color-mix(in srgb, var(--tw-bg-soft, #eef6f8) 52%, white 48%);
}
.tw-thankyou__transfer-meta dt,
.tw-thankyou__info-table dt{
margin:0;
color:var(--tw-text-soft, #46636f);
font-size:.76rem;
font-weight:900;
letter-spacing:.05em;
text-transform:uppercase;
}
.tw-thankyou__transfer-meta dd,
.tw-thankyou__info-table dd{
margin:0;
color:var(--tw-text, #002C52);
font-size:.96rem;
font-weight:800;
line-height:1.45;
word-break:break-word;
}
.tw-thankyou__transfer-note,
.tw-thankyou__note{
margin:0;
padding:12px 14px;
border-radius:12px;
border:1px dashed color-mix(in srgb, var(--tw-accent-2, #DC8124) 30%, var(--tw-thankyou-border) 70%);
background:color-mix(in srgb, var(--tw-accent-2, #DC8124) 7%, white 93%);
color:var(--tw-text-soft, #46636f);
line-height:1.6;
}
.tw-thankyou__grid{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:18px;
}
.tw-thankyou__info-table{
display:grid;
gap:10px;
margin:0;
}
.tw-thankyou__info-table > div{
display:grid;
gap:5px;
padding:10px 0;
border-bottom:1px dashed color-mix(in srgb, var(--tw-thankyou-border) 88%, white 12%);
}
.tw-thankyou__info-table > div:last-child{
border-bottom:none;
padding-bottom:0;
}
.tw-thankyou__info-table--compact > div{
padding:6px 0;
}
.tw-thankyou__subpanel h3{
margin:0;
color:var(--tw-text, #002C52);
font-size:.94rem;
font-weight:900;
}
.tw-thankyou__address{
color:var(--tw-text-soft, #46636f);
line-height:1.65;
}
.tw-thankyou__actions{
display:flex;
flex-wrap:wrap;
gap:12px;
}
.tw-thankyou__button,
.woocommerce .tw-thankyou__button.button,
.woocommerce-page .tw-thankyou__button.button{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:46px;
padding:0 18px;
border-radius:10px;
border:1px solid color-mix(in srgb, var(--tw-accent, #01B0CC) 55%, transparent 45%);
background:linear-gradient(180deg, color-mix(in srgb, var(--tw-accent, #01B0CC) 88%, white 12%) 0%, var(--tw-accent, #01B0CC) 100%);
color:#fff;
font-weight:900;
text-decoration:none;
box-shadow:none;
}
.tw-thankyou__button:hover,
.woocommerce .tw-thankyou__button.button:hover,
.woocommerce-page .tw-thankyou__button.button:hover{
color:#fff;
filter:brightness(.97);
}
.tw-thankyou__button--ghost,
.woocommerce .tw-thankyou__button--ghost.button,
.woocommerce-page .tw-thankyou__button--ghost.button{
background:#fff;
color:var(--tw-text, #002C52);
border-color:var(--tw-thankyou-border);
}
.tw-thankyou__button--ghost:hover,
.woocommerce .tw-thankyou__button--ghost.button:hover,
.woocommerce-page .tw-thankyou__button--ghost.button:hover{
color:var(--tw-text, #002C52);
border-color:color-mix(in srgb, var(--tw-accent, #01B0CC) 34%, var(--tw-thankyou-border) 66%);
}
.tw-thankyou .woocommerce-order-details,
.tw-thankyou .woocommerce-customer-details{
margin:0;
}
.tw-thankyou .woocommerce-order-details__title,
.tw-thankyou .woocommerce-column__title{
margin:0 0 14px;
color:var(--tw-text, #002C52);
font-size:1rem;
font-weight:900;
}
.tw-thankyou .woocommerce-table--order-details,
.tw-thankyou .shop_table.order_details,
.tw-thankyou .woocommerce-table.woocommerce-table--customer-details{
width:100%;
border-collapse:separate;
border-spacing:0;
border:1px solid var(--tw-thankyou-border);
border-radius:14px;
overflow:hidden;
background:#fff;
}
.tw-thankyou .woocommerce-table--order-details th,
.tw-thankyou .woocommerce-table--order-details td,
.tw-thankyou .shop_table.order_details th,
.tw-thankyou .shop_table.order_details td{
padding:12px 14px;
border-bottom:1px solid color-mix(in srgb, var(--tw-thankyou-border) 88%, white 12%);
}
.tw-thankyou .woocommerce-table--order-details tfoot th,
.tw-thankyou .woocommerce-table--order-details tfoot td,
.tw-thankyou .shop_table.order_details tfoot th,
.tw-thankyou .shop_table.order_details tfoot td{
font-weight:900;
}
.tw-thankyou .woocommerce-order-overview,
.tw-thankyou .woocommerce-order-details__title + .woocommerce-order-overview{
margin:0;
}
@media (max-width: 1080px){
.tw-thankyou__meta-row{
grid-template-columns:repeat(2, minmax(0, 1fr));
}
.tw-thankyou__transfer-list,
.tw-thankyou__grid{
grid-template-columns:1fr;
}
}
@media (max-width: 780px){
.tw-thankyou__hero,
.tw-thankyou__transfer-panel,
.tw-thankyou__panel,
.tw-thankyou__order-panel{
padding:18px;
border-radius:16px;
}
.tw-thankyou__meta-row{
grid-template-columns:1fr;
}
.tw-thankyou__transfer-meta{
grid-template-columns:1fr;
}
.tw-thankyou__section-head{
flex-direction:column;
}
}
@media (max-width: 520px){
.tw-thankyou__shell{
gap:16px;
padding-top:12px;
}
.tw-thankyou__hero,
.tw-thankyou__transfer-panel,
.tw-thankyou__panel,
.tw-thankyou__order-panel,
.tw-thankyou__meta-card,
.tw-thankyou__transfer-card{
padding:14px;
}
.tw-thankyou__actions{
flex-direction:column;
}
.tw-thankyou__button,
.woocommerce .tw-thankyou__button.button,
.woocommerce-page .tw-thankyou__button.button{
width:100%;
}
} .woocommerce-checkout .site-main,
.woocommerce-checkout-page .site-main{
overflow:visible;
}
.tw-checkout-flow{
--tw-flow-shell-max: 980px;
--tw-flow-panel-radius: 14px;
--tw-flow-card-radius: 12px;
--tw-flow-soft-bg: color-mix(in srgb, var(--tw-bg-soft, #eef6f8) 70%, white 30%);
--tw-flow-soft-line: color-mix(in srgb, var(--tw-checkout-border, #d8e1e7) 80%, white 20%);
--tw-flow-footer-h: 92px;
position:relative;
padding:0 0 calc(var(--tw-flow-footer-h) + 36px);
}
.tw-checkout-flow[hidden],
.tw-checkout-flow [hidden]{
display:none !important;
}
.tw-checkout-flow__shell{
width:min(100%, var(--tw-flow-shell-max));
margin:0 auto;
display:grid;
gap:22px;
}
.tw-checkout-flow__hero,
.tw-checkout-flow__panel{
background:var(--tw-checkout-panel, #fff);
border:1px solid var(--tw-checkout-border, #d8e1e7);
border-radius:var(--tw-flow-panel-radius);
box-shadow:var(--tw-checkout-shadow, 0 14px 34px rgba(0, 25, 43, .08));
}
.tw-checkout-flow__hero{
padding:24px 26px 20px;
display:grid;
gap:18px;
}
.tw-checkout-flow__hero-copy{
display:grid;
gap:10px;
}
.tw-checkout-flow__eyebrow,
.tw-checkout-flow__kicker{
display:inline-flex;
align-items:center;
gap:8px;
font-size:.73rem;
font-weight:900;
text-transform:uppercase;
letter-spacing:.12em;
color:var(--tw-accent, #01B0CC);
}
.tw-checkout-flow__title{
margin:0;
font-size:clamp(1.8rem, 2.4vw, 2.55rem);
line-height:1.05;
color:var(--tw-text, #002C52);
}
.tw-checkout-flow__text,
.tw-checkout-flow__panel-text,
.tw-checkout-flow__support-head p,
.tw-checkout-flow__support-box p,
.tw-checkout-flow__account-note,
.tw-checkout-flow__empty-step p{
margin:0;
font-size:1rem;
line-height:1.65;
color:var(--tw-text-soft, #46636f);
}
.tw-checkout-flow__steps{
list-style:none;
margin:0;
padding:0;
display:grid;
grid-template-columns:repeat(3, minmax(0,1fr));
gap:12px;
}
.tw-checkout-flow__steps li{
display:flex;
align-items:center;
gap:12px;
min-height:64px;
padding:12px 14px;
border-radius:12px;
border:1px solid var(--tw-flow-soft-line);
background:var(--tw-flow-soft-bg);
transition:border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.tw-checkout-flow__steps li.is-active{
background:color-mix(in srgb, var(--tw-accent, #01B0CC) 10%, white 90%);
border-color:color-mix(in srgb, var(--tw-accent, #01B0CC) 40%, var(--tw-flow-soft-line) 60%);
box-shadow:0 10px 20px rgba(1, 176, 204, .10);
}
.tw-checkout-flow__steps li.is-done{
background:color-mix(in srgb, var(--tw-accent-2, #dc8124) 10%, white 90%);
border-color:color-mix(in srgb, var(--tw-accent-2, #dc8124) 34%, var(--tw-flow-soft-line) 66%);
}
.tw-checkout-flow__step-num{
width:34px;
height:34px;
display:grid;
place-items:center;
flex:0 0 34px;
border-radius:999px;
background:var(--tw-text, #002C52);
color:#fff;
font-size:.95rem;
font-weight:900;
}
.tw-checkout-flow__steps li.is-active .tw-checkout-flow__step-num{
background:var(--tw-accent, #01B0CC);
}
.tw-checkout-flow__steps li.is-done .tw-checkout-flow__step-num{
background:var(--tw-accent-2, #dc8124);
}
.tw-checkout-flow__step-label{
font-size:.96rem;
font-weight:900;
letter-spacing:.01em;
color:var(--tw-text, #002C52);
}
.tw-checkout-flow__content{
display:grid;
gap:18px;
}
.tw-checkout-flow__panel{
padding:24px;
}
.tw-checkout-flow__panel-head{
display:grid;
gap:10px;
margin-bottom:18px;
}
.tw-checkout-flow__panel-title{
margin:0;
font-size:clamp(1.35rem, 1.6vw, 1.7rem);
line-height:1.08;
color:var(--tw-text, #002C52);
}
.tw-checkout-flow__panel-card,
.tw-checkout-flow__support-box,
.tw-checkout-flow__empty-step{
background:linear-gradient(180deg, #fff, color-mix(in srgb, var(--tw-bg-soft, #eef6f8) 45%, white 55%));
border:1px solid var(--tw-flow-soft-line);
border-radius:var(--tw-flow-card-radius);
padding:18px;
}
.tw-checkout-flow__support-grid{
display:grid;
gap:16px;
margin-bottom:18px;
}
.tw-checkout-flow__support-box strong,
.tw-checkout-flow__support-head strong{
display:block;
margin:0 0 8px;
font-size:1.04rem;
color:var(--tw-text, #002C52);
}
.tw-checkout-flow__support-box--help{
background:linear-gradient(180deg, color-mix(in srgb, var(--tw-accent, #01B0CC) 7%, white 93%), #fff);
}
.tw-checkout-flow__support-box--accounts{
display:grid;
gap:14px;
}
.tw-checkout-flow__account-list{
display:grid;
gap:12px;
}
.tw-checkout-flow__account-card{
display:grid;
gap:12px;
padding:16px;
background:#fff;
border:1px solid var(--tw-flow-soft-line);
border-radius:10px;
}
.tw-checkout-flow__account-card.is-primary{
border-color:color-mix(in srgb, var(--tw-accent, #01B0CC) 36%, var(--tw-flow-soft-line) 64%);
box-shadow:0 10px 20px rgba(1, 176, 204, .08);
}
.tw-checkout-flow__account-label{
margin:0;
font-size:1rem;
color:var(--tw-text, #002C52);
}
.tw-checkout-flow__account-meta{
margin:0;
display:grid;
gap:10px;
}
.tw-checkout-flow__account-meta > div{
display:grid;
gap:4px;
padding:10px 12px;
border:1px solid color-mix(in srgb, var(--tw-flow-soft-line) 88%, white 12%);
border-radius:8px;
background:color-mix(in srgb, var(--tw-bg-soft, #eef6f8) 34%, white 66%);
}
.tw-checkout-flow__account-meta dt{
margin:0;
font-size:.74rem;
font-weight:900;
text-transform:uppercase;
letter-spacing:.08em;
color:var(--tw-text-soft, #46636f);
}
.tw-checkout-flow__account-meta dd{
margin:0;
font-size:.95rem;
font-weight:800;
line-height:1.45;
color:var(--tw-text, #002C52);
}
.tw-checkout-flow__account-note{
padding:10px 12px;
border-radius:8px;
background:color-mix(in srgb, var(--tw-accent-2, #dc8124) 8%, white 92%);
border:1px dashed color-mix(in srgb, var(--tw-accent-2, #dc8124) 28%, var(--tw-flow-soft-line) 72%);
}
.tw-checkout-flow .woocommerce-billing-fields,
.tw-checkout-flow .woocommerce-shipping-fields,
.tw-checkout-flow .woocommerce-additional-fields,
.tw-checkout-flow .woocommerce-address-fields{
display:grid;
gap:16px;
}
.tw-checkout-flow .woocommerce-billing-fields__field-wrapper,
.tw-checkout-flow .woocommerce-shipping-fields__field-wrapper,
.tw-checkout-flow .woocommerce-additional-fields__field-wrapper,
.tw-checkout-flow .woocommerce-address-fields__field-wrapper{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:14px 16px;
}
.tw-checkout-flow .form-row{
float:none !important;
width:100% !important;
margin:0 !important;
}
.tw-checkout-flow .form-row-first,
.tw-checkout-flow .form-row-last,
.tw-checkout-flow .form-row-wide{
width:100% !important;
}
.tw-checkout-flow .form-row.notes,
.tw-checkout-flow .woocommerce-additional-fields__field-wrapper,
.tw-checkout-flow .woocommerce-billing-fields__field-wrapper .form-row-wide,
.tw-checkout-flow .woocommerce-shipping-fields__field-wrapper .form-row-wide,
.tw-checkout-flow .woocommerce-address-fields__field-wrapper .form-row-wide{
grid-column:1 / -1;
}
.tw-checkout-flow label{
display:block;
margin-bottom:8px;
font-size:.88rem;
font-weight:800;
color:var(--tw-text, #002C52);
}
.tw-checkout-flow .required{
color:#d33b2f;
}
.tw-checkout-flow input[type="text"],
.tw-checkout-flow input[type="email"],
.tw-checkout-flow input[type="tel"],
.tw-checkout-flow input[type="password"],
.tw-checkout-flow input[type="number"],
.tw-checkout-flow textarea,
.tw-checkout-flow select,
.tw-checkout-flow .select2-container--default .select2-selection--single,
.tw-checkout-flow .select2-container--default .select2-selection--multiple{
width:100%;
min-height:52px;
border-radius:10px;
border:1px solid var(--tw-flow-soft-line);
background:#fff;
color:var(--tw-text, #002C52);
transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.tw-checkout-flow input[type="text"],
.tw-checkout-flow input[type="email"],
.tw-checkout-flow input[type="tel"],
.tw-checkout-flow input[type="password"],
.tw-checkout-flow input[type="number"],
.tw-checkout-flow select{
padding:0 14px;
}
.tw-checkout-flow textarea{
min-height:128px;
padding:14px;
resize:vertical;
}
.tw-checkout-flow .select2-container--default .select2-selection--single .select2-selection__rendered{
min-height:52px;
line-height:50px;
padding-left:14px;
color:var(--tw-text, #002C52);
}
.tw-checkout-flow .select2-container--default .select2-selection--single .select2-selection__arrow{
height:50px;
right:10px;
}
.tw-checkout-flow input:focus,
.tw-checkout-flow textarea:focus,
.tw-checkout-flow select:focus,
.tw-checkout-flow .select2-container--default.select2-container--focus .select2-selection--single,
.tw-checkout-flow .select2-container--default.select2-container--focus .select2-selection--multiple{
outline:none;
border-color:color-mix(in srgb, var(--tw-accent, #01B0CC) 52%, var(--tw-flow-soft-line) 48%);
box-shadow:0 0 0 3px rgba(1, 176, 204, .12);
}
.tw-checkout-flow .woocommerce-billing-fields h3,
.tw-checkout-flow .woocommerce-shipping-fields h3,
.tw-checkout-flow .woocommerce-additional-fields h3,
.tw-checkout-flow #ship-to-different-address,
.tw-checkout-flow #order_review_heading{
margin:0 0 6px;
font-size:1.04rem;
color:var(--tw-text, #002C52);
}
.tw-checkout-flow #ship-to-different-address label{
margin:0;
}
.tw-checkout-flow__review-shell{
display:grid;
gap:16px;
}
.tw-checkout-flow .woocommerce-checkout-review-order-table,
.tw-checkout-flow table.shop_table{
width:100%;
border-collapse:separate;
border-spacing:0;
overflow:hidden;
border:1px solid var(--tw-flow-soft-line);
border-radius:12px;
background:#fff;
}
.tw-checkout-flow .woocommerce-checkout-review-order-table th,
.tw-checkout-flow .woocommerce-checkout-review-order-table td,
.tw-checkout-flow table.shop_table th,
.tw-checkout-flow table.shop_table td{
padding:14px 16px;
border-bottom:1px solid color-mix(in srgb, var(--tw-flow-soft-line) 88%, white 12%);
}
.tw-checkout-flow .woocommerce-checkout-review-order-table thead th,
.tw-checkout-flow table.shop_table thead th{
background:color-mix(in srgb, var(--tw-bg-soft, #eef6f8) 65%, white 35%);
font-size:.78rem;
font-weight:900;
text-transform:uppercase;
letter-spacing:.08em;
color:var(--tw-text-soft, #46636f);
}
.tw-checkout-flow .woocommerce-checkout-review-order-table tbody tr:last-child td,
.tw-checkout-flow table.shop_table tbody tr:last-child td,
.tw-checkout-flow .woocommerce-checkout-review-order-table tfoot tr:last-child th,
.tw-checkout-flow .woocommerce-checkout-review-order-table tfoot tr:last-child td{
border-bottom:none;
}
.tw-checkout-flow .woocommerce-checkout-payment{
display:grid;
gap:16px;
padding:18px;
border:1px solid var(--tw-flow-soft-line);
border-radius:12px;
background:linear-gradient(180deg, #fff, color-mix(in srgb, var(--tw-bg-soft, #eef6f8) 40%, white 60%));
}
.tw-checkout-flow #payment ul.payment_methods{
list-style:none;
margin:0;
padding:0;
display:grid;
gap:12px;
border:none;
}
.tw-checkout-flow #payment ul.payment_methods > li{
margin:0;
padding:14px;
border:1px solid var(--tw-flow-soft-line);
border-radius:10px;
background:#fff;
}
.tw-checkout-flow #payment ul.payment_methods > li > label{
display:flex;
align-items:center;
gap:10px;
margin:0;
font-size:.98rem;
font-weight:900;
color:var(--tw-text, #002C52);
}
.tw-checkout-flow #payment ul.payment_methods > li:has(input[type="radio"]:checked){
border-color:color-mix(in srgb, var(--tw-accent, #01B0CC) 42%, var(--tw-flow-soft-line) 58%);
box-shadow:0 10px 20px rgba(1, 176, 204, .08);
}
.tw-checkout-flow .payment_method_woo-mercado-pago-basic > label,
.tw-checkout-flow .payment_method_woo-mercado-pago-custom > label,
.tw-checkout-flow .payment_method_woo-mercado-pago-ticket > label,
.tw-checkout-flow .payment_method_woo-mercado-pago-pix > label{
color:var(--tw-accent, #01B0CC);
}
.tw-checkout-flow #payment div.payment_box{
margin:12px 0 0;
padding:14px;
border-radius:10px;
background:color-mix(in srgb, var(--tw-bg-soft, #eef6f8) 60%, white 40%);
color:var(--tw-text-soft, #46636f);
}
.tw-checkout-flow .place-order{
display:grid;
gap:14px;
padding-top:6px;
}
.tw-checkout-flow .woocommerce-privacy-policy-text,
.tw-checkout-flow .payment_box p,
.tw-checkout-flow .woocommerce-terms-and-conditions-wrapper{
font-size:.9rem;
line-height:1.7;
color:var(--tw-text-soft, #46636f);
}
.tw-checkout-flow #place_order,
.tw-checkout-flow .button.alt,
.tw-checkout-flow .wc-proceed-to-checkout a.checkout-button{
min-height:54px;
border-radius:10px;
border:1px solid color-mix(in srgb, var(--tw-accent, #01B0CC) 28%, var(--tw-flow-soft-line) 72%);
background:linear-gradient(180deg, var(--tw-accent, #01B0CC), color-mix(in srgb, var(--tw-accent, #01B0CC) 74%, #014964 26%));
color:#fff;
font-size:1rem;
font-weight:900;
letter-spacing:.01em;
}
.tw-checkout-flow #place_order:hover,
.tw-checkout-flow .button.alt:hover,
.tw-checkout-flow .wc-proceed-to-checkout a.checkout-button:hover{
filter:brightness(.97);
transform:translateY(-1px);
}
.tw-checkout-flow__footer{
position:fixed;
left:max(16px, env(safe-area-inset-left));
right:max(16px, env(safe-area-inset-right));
bottom:max(14px, env(safe-area-inset-bottom));
z-index:80;
display:grid;
grid-template-columns:minmax(130px, 180px) minmax(0, 1fr) minmax(160px, 220px);
align-items:center;
gap:14px;
width:min(calc(100% - 32px), var(--tw-flow-shell-max));
margin:0 auto;
padding:14px;
border:1px solid var(--tw-checkout-border, #d8e1e7);
border-radius:16px;
background:rgba(255,255,255,.94);
backdrop-filter:blur(10px);
box-shadow:0 18px 44px rgba(0, 25, 43, .18);
}
.tw-checkout-flow__footer-btn{
min-height:56px;
display:inline-flex;
align-items:center;
justify-content:center;
padding:0 18px;
border-radius:12px;
border:1px solid var(--tw-flow-soft-line);
background:#fff;
color:var(--tw-text, #002C52);
font-size:.98rem;
font-weight:900;
cursor:pointer;
transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.tw-checkout-flow__footer-btn:hover:not(:disabled){
transform:translateY(-1px);
box-shadow:0 10px 20px rgba(0, 25, 43, .08);
}
.tw-checkout-flow__footer-btn:disabled,
.tw-checkout-flow__footer-btn[aria-disabled="true"]{
opacity:.5;
cursor:not-allowed;
}
.tw-checkout-flow__footer-btn--next{
background:linear-gradient(180deg, var(--tw-accent, #01B0CC), color-mix(in srgb, var(--tw-accent, #01B0CC) 74%, #014964 26%));
border-color:color-mix(in srgb, var(--tw-accent, #01B0CC) 46%, var(--tw-flow-soft-line) 54%);
color:#fff;
}
.tw-checkout-flow__footer-total{
min-height:62px;
display:grid;
place-items:center;
gap:4px;
padding:8px 18px;
text-align:center;
border-radius:12px;
border:1px solid color-mix(in srgb, var(--tw-accent-2, #dc8124) 26%, var(--tw-flow-soft-line) 74%);
background:linear-gradient(180deg, color-mix(in srgb, var(--tw-accent-2, #dc8124) 10%, white 90%), #fff);
}
.tw-checkout-flow__footer-total-label{
font-size:.72rem;
font-weight:900;
text-transform:uppercase;
letter-spacing:.12em;
color:var(--tw-text-soft, #46636f);
}
.tw-checkout-flow__footer-total-value{
font-size:clamp(1.05rem, 1.9vw, 1.35rem);
line-height:1.1;
color:var(--tw-text, #002C52);
}
.tw-checkout-flow .woocommerce-NoticeGroup,
.tw-checkout-flow .woocommerce-error,
.tw-checkout-flow .woocommerce-info,
.tw-checkout-flow .woocommerce-message,
.tw-checkout-flow .woocommerce-form-coupon-toggle{
width:min(100%, var(--tw-flow-shell-max));
margin-inline:auto;
}
.tw-checkout-flow .woocommerce-error,
.tw-checkout-flow .woocommerce-info,
.tw-checkout-flow .woocommerce-message{
margin-bottom:18px;
border-radius:12px;
border:1px solid var(--tw-flow-soft-line);
background:#fff;
color:var(--tw-text, #002C52);
}
@media (min-width: 881px){
.tw-checkout-flow__support-grid{
grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr);
align-items:start;
}
}
@media (max-width: 880px){
.tw-checkout-flow{
--tw-flow-footer-h: 164px;
}
.tw-checkout-flow__shell{
width:min(100%, 100%);
}
.tw-checkout-flow__hero,
.tw-checkout-flow__panel{
padding-left:18px;
padding-right:18px;
}
.tw-checkout-flow__steps{
grid-template-columns:1fr;
}
.tw-checkout-flow .woocommerce-billing-fields__field-wrapper,
.tw-checkout-flow .woocommerce-shipping-fields__field-wrapper,
.tw-checkout-flow .woocommerce-additional-fields__field-wrapper,
.tw-checkout-flow .woocommerce-address-fields__field-wrapper,
.tw-checkout-flow__support-grid{
grid-template-columns:1fr;
}
.tw-checkout-flow__footer{
grid-template-columns:1fr 1fr;
grid-template-areas:
"total total"
"prev next";
width:auto;
}
.tw-checkout-flow__footer-total{
grid-area:total;
}
.tw-checkout-flow__footer-btn--prev{
grid-area:prev;
}
.tw-checkout-flow__footer-btn--next{
grid-area:next;
}
}
@media (max-width: 640px){
.tw-checkout-flow{
--tw-flow-footer-h: 176px;
}
.tw-checkout-flow__hero,
.tw-checkout-flow__panel,
.tw-checkout-flow__panel-card,
.tw-checkout-flow__support-box,
.tw-checkout-flow__empty-step{
padding:16px;
}
.tw-checkout-flow__title{
font-size:1.55rem;
}
.tw-checkout-flow__panel-title{
font-size:1.22rem;
}
.tw-checkout-flow__steps li{
min-height:58px;
padding:10px 12px;
}
.tw-checkout-flow__step-num{
width:30px;
height:30px;
flex-basis:30px;
font-size:.88rem;
}
.tw-checkout-flow .woocommerce-checkout-review-order-table th,
.tw-checkout-flow .woocommerce-checkout-review-order-table td,
.tw-checkout-flow table.shop_table th,
.tw-checkout-flow table.shop_table td{
padding:11px 10px;
font-size:.88rem;
}
.tw-checkout-flow__footer{
left:max(10px, env(safe-area-inset-left));
right:max(10px, env(safe-area-inset-right));
bottom:max(10px, env(safe-area-inset-bottom));
gap:10px;
padding:10px;
}
.tw-checkout-flow__footer-btn{
min-height:50px;
padding:0 12px;
font-size:.92rem;
}
} .tw-checkout-flow{
--tw-flow-panel-radius: 14px;
--tw-flow-card-radius: 12px;
}
.tw-checkout-flow__eyebrow,
.tw-checkout-flow__kicker,
.tw-checkout-flow__steps li,
.tw-checkout-flow__step-num,
.tw-checkout-flow__account-note,
.tw-checkout-flow__footer-btn,
.tw-checkout-flow__footer-total,
.tw-checkout-flow #payment ul.payment_methods > li,
.tw-checkout-flow #payment div.payment_box,
.tw-checkout-flow #place_order,
.tw-checkout-flow .button.alt,
.tw-checkout-flow .wc-proceed-to-checkout a.checkout-button,
.tw-checkout-flow .woocommerce-error,
.tw-checkout-flow .woocommerce-info,
.tw-checkout-flow .woocommerce-message{
border-radius: 0 !important;
}
.tw-checkout-flow__steps li,
.tw-checkout-flow__step-num,
.tw-checkout-flow__footer-btn,
.tw-checkout-flow__footer-total,
.tw-checkout-flow #payment ul.payment_methods > li,
.tw-checkout-flow #payment div.payment_box,
.tw-checkout-flow #place_order,
.tw-checkout-flow .button.alt,
.tw-checkout-flow .wc-proceed-to-checkout a.checkout-button{
box-shadow: none !important;
text-shadow: none !important;
filter: none !important;
}
.tw-checkout-flow__eyebrow,
.tw-checkout-flow__kicker{
padding: 6px 10px;
border: 1px solid color-mix(in srgb, var(--tw-accent, #01B0CC) 24%, var(--tw-flow-soft-line) 76%);
background: var(--tw-accent, #01B0CC);
color: #fff;
letter-spacing: .08em;
}
.tw-checkout-flow__steps li{
background: #fff;
}
.tw-checkout-flow__steps li.is-active{
background: color-mix(in srgb, var(--tw-accent, #01B0CC) 8%, #fff 92%);
border-color: color-mix(in srgb, var(--tw-accent, #01B0CC) 38%, var(--tw-flow-soft-line) 62%);
}
.tw-checkout-flow__steps li.is-done{
background: color-mix(in srgb, var(--tw-accent-2, #DC8124) 8%, #fff 92%);
border-color: color-mix(in srgb, var(--tw-accent-2, #DC8124) 34%, var(--tw-flow-soft-line) 66%);
}
.tw-checkout-flow__step-num{
background: var(--tw-text, #002C52);
}
.tw-checkout-flow__steps li.is-active .tw-checkout-flow__step-num{
background: var(--tw-accent, #01B0CC);
}
.tw-checkout-flow__steps li.is-done .tw-checkout-flow__step-num{
background: var(--tw-accent-2, #DC8124);
}
.tw-checkout-flow #payment ul.payment_methods > li{
background: #fff;
}
.tw-checkout-flow #payment ul.payment_methods > li:has(input[type="radio"]:checked){
box-shadow: none !important;
background: color-mix(in srgb, var(--tw-accent, #01B0CC) 5%, #fff 95%);
}
.tw-checkout-flow #payment div.payment_box{
background: color-mix(in srgb, var(--tw-bg-soft, #eef6f8) 42%, #fff 58%);
}
.tw-checkout-flow #place_order,
.tw-checkout-flow .button.alt,
.tw-checkout-flow .wc-proceed-to-checkout a.checkout-button{
border: 1px solid color-mix(in srgb, var(--tw-accent, #01B0CC) 28%, var(--tw-flow-soft-line) 72%);
background: var(--tw-accent, #01B0CC) !important;
color: #fff;
font-weight: 900;
}
.tw-checkout-flow #place_order:hover,
.tw-checkout-flow .button.alt:hover,
.tw-checkout-flow .wc-proceed-to-checkout a.checkout-button:hover,
.tw-checkout-flow__footer-btn:hover:not(:disabled){
transform: none !important;
box-shadow: none !important;
filter: brightness(.96) !important;
}
.tw-checkout-flow__footer{
box-shadow: 0 14px 28px rgba(0, 25, 43, .12);
border-radius: 0;
backdrop-filter: none;
background: rgba(255,255,255,.98);
}
.tw-checkout-flow__footer-btn{
border: 1px solid var(--tw-flow-soft-line);
background: #fff;
}
.tw-checkout-flow__footer-btn--next{
background: var(--tw-accent, #01B0CC);
border-color: color-mix(in srgb, var(--tw-accent, #01B0CC) 40%, var(--tw-flow-soft-line) 60%);
color: #fff;
}
.tw-checkout-flow__footer-total{
border: 1px solid color-mix(in srgb, #11A36A 26%, var(--tw-flow-soft-line) 74%);
background: color-mix(in srgb, #11A36A 8%, #fff 92%);
}
.tw-checkout-flow__footer-total-value{
color: #118551;
font-weight: 900;
} .tw-checkout-flow,
.tw-checkout-flow *,
.tw-checkout-flow input,
.tw-checkout-flow select,
.tw-checkout-flow textarea,
.tw-checkout-flow button{
font-family: var(--wp--preset--font-family--system-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif);
} .tw-checkout-flow ul#shipping_method,
.tw-checkout-flow .woocommerce-shipping-methods{
display:grid;
gap:12px;
margin:10px 0 0;
padding:0;
list-style:none;
}
.tw-checkout-flow ul#shipping_method > li,
.tw-checkout-flow .woocommerce-shipping-methods > li{
position:relative;
display:grid;
gap:8px;
padding:14px 16px;
border:1px solid var(--tw-flow-soft-line, #d8e1e7);
background:#fff;
}
.tw-checkout-flow ul#shipping_method > li:has(input[type="radio"]:checked),
.tw-checkout-flow .woocommerce-shipping-methods > li:has(input[type="radio"]:checked){
border-color: color-mix(in srgb, var(--tw-accent, #01B0CC) 38%, var(--tw-flow-soft-line, #d8e1e7) 62%);
background: color-mix(in srgb, var(--tw-accent, #01B0CC) 5%, #fff 95%);
}
.tw-checkout-flow ul#shipping_method > li > label,
.tw-checkout-flow .woocommerce-shipping-methods > li > label{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin:0;
font-family: inherit;
font-weight:800;
color:var(--tw-text, #002C52);
}
.tw-checkout-flow ul#shipping_method > li > label .amount,
.tw-checkout-flow .woocommerce-shipping-methods > li > label .amount{
color:var(--tw-text, #002C52);
font-weight:900;
}
.tw-checkout-flow ul#shipping_method > li > input[type="radio"],
.tw-checkout-flow .woocommerce-shipping-methods > li > input[type="radio"]{
accent-color: var(--tw-accent, #01B0CC);
}
.tw-checkout-flow ul#shipping_method > li > label::after,
.tw-checkout-flow .woocommerce-shipping-methods > li > label::after{
display:inline-flex;
align-items:center;
min-height:24px;
padding:0 10px;
border:1px solid var(--tw-flow-soft-line, #d8e1e7);
background:#fff;
color:var(--tw-text, #002C52);
font-size:.72rem;
font-weight:900;
letter-spacing:.06em;
text-transform:uppercase;
white-space:nowrap;
content:"Método";
}
.tw-checkout-flow ul#shipping_method > li:has(label[for*="local_pickup"]) > label::after,
.tw-checkout-flow .woocommerce-shipping-methods > li:has(label[for*="local_pickup"]) > label::after{
content:"Retiro";
background: color-mix(in srgb, var(--tw-accent-2, #DC8124) 10%, #fff 90%);
border-color: color-mix(in srgb, var(--tw-accent-2, #DC8124) 30%, var(--tw-flow-soft-line, #d8e1e7) 70%);
}
.tw-checkout-flow ul#shipping_method > li:has(label[for*="free_shipping"]) > label::after,
.tw-checkout-flow .woocommerce-shipping-methods > li:has(label[for*="free_shipping"]) > label::after{
content:"Bonificado";
background: color-mix(in srgb, #11A36A 10%, #fff 90%);
border-color: color-mix(in srgb, #11A36A 28%, var(--tw-flow-soft-line, #d8e1e7) 72%);
color:#0f7a4b;
}
.tw-checkout-flow ul#shipping_method > li:has(label[for*="flat_rate"]) > label::after,
.tw-checkout-flow .woocommerce-shipping-methods > li:has(label[for*="flat_rate"]) > label::after{
content:"Envío";
background: color-mix(in srgb, var(--tw-accent, #01B0CC) 10%, #fff 90%);
border-color: color-mix(in srgb, var(--tw-accent, #01B0CC) 30%, var(--tw-flow-soft-line, #d8e1e7) 70%);
}
.tw-checkout-flow ul#shipping_method > li:has(label[for*="pickup_location"]) > label::after,
.tw-checkout-flow .woocommerce-shipping-methods > li:has(label[for*="pickup_location"]) > label::after{
content:"Sucursal";
background: color-mix(in srgb, var(--tw-accent-2, #DC8124) 10%, #fff 90%);
border-color: color-mix(in srgb, var(--tw-accent-2, #DC8124) 30%, var(--tw-flow-soft-line, #d8e1e7) 70%);
} .tw-checkout-flow ul#shipping_method .description,
.tw-checkout-flow .woocommerce-shipping-methods .description,
.tw-checkout-flow ul#shipping_method small,
.tw-checkout-flow .woocommerce-shipping-methods small{
color:var(--tw-text-soft, #46636f);
font-size:.88rem;
line-height:1.55;
} .tw-shop-page.tw-container{
max-width:1360px;
margin-inline:auto;
}
.tw-shop-page{
padding-block:18px 42px;
}
.tw-shop-page__head{
gap:14px;
margin-bottom:24px;
padding:0;
background:transparent;
border:0;
border-radius:0;
box-shadow:none;
}
.tw-shop-page__head-main{
display:grid;
gap:8px;
}
.tw-shop-page__title{
margin:0;
font-size:clamp(1.55rem, 1.8vw, 2rem);
line-height:1.05;
}
.tw-shop-page__desc{
max-width:860px;
font-size:.98rem;
line-height:1.55;
}
.tw-shop-page__toolbar{
padding:14px 16px;
background:var(--tw-panel, #fff);
border:1px solid var(--tw-border, #d8e1e7);
border-radius:8px;
box-shadow:none;
}
.tw-shop-page__results{
font-size:1rem;
font-weight:700;
color:var(--tw-text, #002C52);
}
.tw-shop-page__ordering select,
.woocommerce-ordering select{
min-width:240px;
min-height:44px;
border-radius:8px;
font-weight:700;
}
.tw-shop-grid{
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:24px;
align-items:stretch;
}
.tw-shop-page .tw-shop-card{
border-radius:8px;
box-shadow:none;
}
.tw-shop-page .tw-shop-card:hover{
transform:translateY(-2px);
box-shadow:0 12px 28px rgba(0,0,0,.08);
}
.tw-shop-page .tw-shop-card__image{
aspect-ratio:1 / 1;
padding:18px;
background:#fff;
display:flex;
align-items:center;
justify-content:center;
}
.tw-shop-page .tw-shop-card__image-main,
.tw-shop-page .tw-shop-card__image-secondary,
.tw-shop-page .tw-shop-card__image img{
width:100%;
height:100%;
object-fit:contain;
}
.tw-shop-page .tw-shop-card__body{
gap:12px;
padding:16px 15px 15px;
}
.tw-shop-page .tw-shop-card__eyebrow{
display:none;
}
.tw-shop-page .tw-shop-card__title{
min-height:3.05em;
font-size:1.03rem;
line-height:1.28;
}
.tw-shop-page .tw-shop-card__title a{
-webkit-line-clamp:2;
}
.tw-shop-page .tw-shop-card__stock{
gap:7px;
}
.tw-shop-page .tw-shop-card__stock-text{
font-size:.95rem;
font-weight:800;
}
.tw-shop-page .tw-shop-card__price-wrap{
min-height:58px;
}
.tw-shop-page .tw-shop-card__price{
font-size:1.28rem;
line-height:1.1;
}
.tw-shop-page .tw-shop-card__member-price{
min-height:34px;
padding:6px 8px;
}
.tw-shop-page .tw-shop-card__actions{
grid-template-columns:108px minmax(0, 1fr);
gap:9px;
padding-top:4px;
}
.tw-shop-page .tw-shop-card__qty{
min-height:44px;
border-radius:8px;
}
.tw-shop-page .tw-shop-card__qty-btn,
.tw-shop-page .tw-shop-card__qty-input{
height:42px;
}
.tw-shop-page .tw-shop-card__buy{
min-height:44px;
padding:0 12px;
font-size:.96rem;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.tw-shop-page .tw-shop-card__buy--secondary{
background:#fff;
}
.tw-shop-pagination{
margin-top:28px;
}
@media (max-width: 1280px){
.tw-shop-grid{
gap:20px;
}
.tw-shop-page .tw-shop-card__actions{
grid-template-columns:1fr;
}
.tw-shop-page .tw-shop-card__qty{
max-width:138px;
}
}
@media (max-width: 1024px){
.tw-shop-page__toolbar{
gap:10px;
}
.tw-shop-page__ordering,
.tw-shop-page__ordering form,
.tw-shop-page__ordering select{
width:100%;
}
.tw-shop-grid{
grid-template-columns:repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 820px){
.tw-shop-grid{
grid-template-columns:repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 560px){
.tw-shop-page__title{
font-size:1.45rem;
}
.tw-shop-page__toolbar{
padding:12px;
}
.tw-shop-grid{
grid-template-columns:1fr;
gap:16px;
}
} .single-product .tw-single-product,
.single-product .tw-single-product *{
font-family: var(--tw-font-body, inherit);
}
.tw-single-product{
padding-block: 18px 34px;
}
.tw-single-product__shell{
display:grid;
gap:24px;
}
.tw-single-product__grid{
display:grid;
grid-template-columns:minmax(320px, 460px) minmax(0, 1fr);
gap:24px;
align-items:start;
}
.tw-single-product__media-card,
.tw-single-product__summary-card{
background:var(--tw-panel, #fff);
border:1px solid var(--tw-border, #d8e1e7);
border-radius:6px;
box-shadow:0 8px 24px rgba(0,0,0,.06);
}
.tw-single-product__media-card{
padding:12px;
position:sticky;
top:98px;
overflow:hidden;
}
.tw-single-product__summary-card{
padding:18px 20px 20px;
}
.tw-single-product__breadcrumbs{
margin:0 0 8px;
font-size:.84rem;
color:var(--tw-text-soft, #617584);
}
.tw-single-product__breadcrumbs a{
color:inherit;
text-decoration:none;
}
.tw-single-product__crumb-sep{
display:inline-flex;
margin-inline:6px;
opacity:.65;
}
.tw-single-product__eyebrow{
margin:0 0 8px;
font-size:.9rem;
color:var(--tw-text-soft, #46636f);
}
.tw-single-product__eyebrow a{
color:inherit;
text-decoration:none;
}
.tw-single-product__meta-top{
display:flex;
flex-wrap:wrap;
gap:8px;
margin:0 0 12px;
}
.tw-single-product__meta-pill{
display:inline-flex;
align-items:center;
min-height:30px;
padding:0 10px;
border:1px solid var(--tw-border, #d8e1e7);
background:#fff;
color:var(--tw-text, #002C52);
font-size:.8rem;
font-weight:800;
border-radius:4px;
}
.tw-single-product__meta-pill--stock.is-high{
border-color:rgba(17,169,167,.25);
color:#0f5f5c;
background:rgba(17,169,167,.08);
}
.tw-single-product__meta-pill--stock.is-mid,
.tw-single-product__meta-pill--stock.is-low{
border-color:rgba(220,129,36,.25);
color:#8e6124;
background:rgba(220,129,36,.08);
}
.tw-single-product__meta-pill--stock.is-out{
border-color:rgba(163,61,61,.22);
color:#8a2d2d;
background:rgba(163,61,61,.08);
}
.tw-single-product .product_title.entry-title,
.tw-single-product .product_title{
margin:0 0 12px;
color:var(--tw-text, #002C52);
font-size:clamp(2rem, 3vw, 2.75rem);
line-height:1.02;
letter-spacing:-.02em;
}
.tw-single-product .price{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:8px 12px;
margin:0 0 14px;
color:var(--tw-accent-2, #dc8124);
font-size:clamp(1.45rem, 2vw, 2rem);
font-weight:900;
}
.tw-single-product .price ins{
text-decoration:none;
color:var(--tw-accent-2, #dc8124);
}
.tw-single-product .price del{
font-size:.72em;
color:var(--tw-text-soft, #6d8894);
opacity:.75;
}
.tw-single-product .woocommerce-product-details__short-description{
margin:0 0 18px;
color:var(--tw-text-soft, #46636f);
font-size:1rem;
line-height:1.65;
}
.tw-product-gallery__topbar,
.tw-product-gallery__stage,
.tw-product-gallery__thumbs,
.tw-product-gallery__thumb,
.tw-product-gallery__main-link,
.tw-product-gallery__image-el,
.woocommerce-product-gallery,
.woocommerce-product-gallery__wrapper,
.flex-viewport,
.flex-control-nav.flex-control-thumbs,
.flex-control-nav,
.woocommerce-product-gallery__trigger{
display:none !important;
}
.tw-simple-gallery{
display:grid;
grid-template-columns:78px minmax(0, 1fr);
gap:12px;
align-items:start;
width:100%;
max-width:100%;
min-width:0;
}
.tw-simple-gallery__thumbs{
display:grid;
gap:10px;
align-content:start;
}
.tw-simple-gallery__thumb{
display:flex;
align-items:center;
justify-content:center;
width:78px;
height:78px;
padding:6px;
border:1px solid var(--tw-border, #d8e1e7);
border-radius:6px;
background:#fff;
cursor:pointer;
transition:border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.tw-simple-gallery__thumb img{
display:block;
width:100%;
height:100%;
object-fit:contain;
}
.tw-simple-gallery__thumb:hover,
.tw-simple-gallery__thumb.is-active{
border-color:var(--tw-accent, #01B0CC);
box-shadow:0 0 0 2px color-mix(in srgb, var(--tw-accent, #01B0CC) 14%, transparent 86%);
transform:translateY(-1px);
}
.tw-simple-gallery__main{
position:relative;
display:flex;
align-items:center;
justify-content:center;
width:100%;
max-width:100%;
min-width:0;
min-height:420px;
padding:10px;
border:1px solid var(--tw-border, #d8e1e7);
border-radius:8px;
background:#fff;
overflow:hidden;
}
.tw-simple-gallery__main-link{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
min-width:0;
text-decoration:none;
}
.tw-simple-gallery__main-image{
display:block;
width:auto;
max-width:100%;
max-height:74vh;
height:auto;
object-fit:contain;
}
.tw-simple-gallery__zoom{
position:absolute;
top:10px;
right:10px;
z-index:2;
display:inline-flex;
align-items:center;
justify-content:center;
width:42px;
height:42px;
border:1px solid var(--tw-border, #d8e1e7);
border-radius:999px;
background:rgba(255,255,255,.96);
color:var(--tw-text, #002C52);
text-decoration:none;
font-size:1.1rem;
font-weight:900;
}
.tw-simple-gallery__zoom:hover{
border-color:var(--tw-accent, #01B0CC);
color:var(--tw-accent, #01B0CC);
}
.tw-single-var__panel{
display:grid;
gap:14px;
padding:16px;
border:1px solid var(--tw-border, #d8e1e7);
border-radius:6px;
background:color-mix(in srgb, var(--tw-bg-soft, #eef6f8) 18%, white 82%);
}
.tw-single-var__head{
display:flex;
flex-wrap:wrap;
gap:12px 18px;
align-items:flex-start;
justify-content:space-between;
}
.tw-single-var__eyebrow{
display:inline-flex;
margin:0 0 6px;
color:var(--tw-accent, #01B0CC);
font-size:.76rem;
font-weight:900;
letter-spacing:.08em;
text-transform:uppercase;
}
.tw-single-var__title{
margin:0 0 4px;
color:var(--tw-text, #002C52);
font-size:1.15rem;
line-height:1.1;
}
.tw-single-var__text{
margin:0;
color:var(--tw-text-soft, #46636f);
line-height:1.55;
}
.tw-single-var__meta-pill{
display:inline-flex;
align-items:center;
min-height:30px;
padding:0 10px;
border:1px solid var(--tw-border, #d8e1e7);
background:#fff;
color:var(--tw-text, #002C52);
border-radius:4px;
font-size:.8rem;
font-weight:800;
}
.tw-single-var__table,
.tw-single-var__table tbody{
display:grid;
width:100%;
gap:10px;
}
.tw-single-var__row{
display:grid;
grid-template-columns:1fr;
gap:8px;
align-items:start;
padding:0;
}
.tw-single-var__label,
.tw-single-var__label label{
margin:0;
color:var(--tw-text, #002C52);
font-size:.96rem;
font-weight:900;
text-transform:none;
}
.tw-single-var__field select,
.tw-single-product form.cart select,
.tw-single-product .variations select{
width:100%;
min-height:48px;
padding:0 14px;
border:1px solid var(--tw-border, #d8e1e7);
border-radius:4px;
background:#fff;
color:var(--tw-text, #002C52);
font-size:.96rem;
font-weight:700;
box-shadow:none;
}
.tw-single-var__reset-wrap{
margin-top:8px;
}
.tw-single-var__reset,
.reset_variations{
display:inline-flex;
align-items:center;
min-height:34px;
padding:0 10px;
border:1px solid var(--tw-border, #d8e1e7);
border-radius:4px;
background:#fff;
color:var(--tw-text, #002C52);
text-decoration:none;
font-size:.84rem;
font-weight:800;
}
.tw-single-product form.cart,
.tw-single-product .variations_form .woocommerce-variation-add-to-cart,
.tw-single-product .single_variation_wrap .woocommerce-variation-add-to-cart{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:10px;
margin-top:14px;
}
.tw-single-product form.cart .quantity,
.tw-single-product .woocommerce-variation-add-to-cart .quantity{
display:inline-flex;
align-items:center;
}
.tw-single-product form.cart .qty,
.tw-single-product .woocommerce-variation-add-to-cart .qty{
width:74px;
min-height:46px;
padding:0 10px;
border:1px solid var(--tw-border, #d8e1e7);
border-radius:4px;
background:#fff;
color:var(--tw-text, #002C52);
text-align:center;
font-weight:900;
}
.tw-single-product .single_add_to_cart_button,
.tw-single-product button.single_add_to_cart_button,
.tw-single-product .button.alt{
min-width:160px;
min-height:46px;
padding:0 20px;
border:1px solid color-mix(in srgb, var(--tw-accent, #01B0CC) 38%, var(--tw-border, #d8e1e7) 62%);
border-radius:4px;
background:var(--tw-accent, #01B0CC);
color:#fff;
font-size:.98rem;
font-weight:900;
letter-spacing:.01em;
text-transform:uppercase;
box-shadow:none;
}
.tw-single-product .single_add_to_cart_button:hover,
.tw-single-product button.single_add_to_cart_button:hover,
.tw-single-product .button.alt:hover{
background:color-mix(in srgb, var(--tw-accent, #01B0CC) 82%, var(--tw-text, #002C52) 18%);
color:#fff;
}
.tw-single-product .single_add_to_cart_button.disabled,
.tw-single-product .single_add_to_cart_button:disabled{
opacity:.55;
cursor:not-allowed;
}
.tw-single-product .stock{
margin:0 0 8px;
font-weight:800;
}
.tw-single-product .product_meta{
margin-top:16px;
padding-top:14px;
border-top:1px solid var(--tw-border, #d8e1e7);
color:var(--tw-text-soft, #46636f);
font-size:.92rem;
line-height:1.6;
}
.tw-single-product .product_meta a{
color:var(--tw-text, #002C52);
text-decoration:none;
}
.tw-single-product__trust-grid{
display:grid;
gap:12px;
margin-top:18px;
padding-top:16px;
border-top:1px solid var(--tw-border, #d8e1e7);
}
.tw-single-product__trust-item{
display:grid;
grid-template-columns:24px 1fr;
gap:10px;
align-items:flex-start;
}
.tw-single-product__trust-icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:24px;
height:24px;
border:1px solid var(--tw-border, #d8e1e7);
border-radius:4px;
background:#fff;
color:var(--tw-accent, #01B0CC);
font-size:.9rem;
font-weight:900;
}
.tw-single-product__trust-item strong{
display:block;
margin:0 0 4px;
color:var(--tw-text, #002C52);
}
.tw-single-product__trust-item p{
margin:0;
color:var(--tw-text-soft, #46636f);
line-height:1.55;
}
.tw-single-product__help-card{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
gap:14px;
margin-top:18px;
padding:16px;
border:1px solid var(--tw-border, #d8e1e7);
border-radius:6px;
background:color-mix(in srgb, var(--tw-bg-soft, #eef6f8) 18%, white 82%);
}
.tw-single-product__help-kicker{
display:inline-flex;
margin:0 0 4px;
color:var(--tw-accent, #01B0CC);
font-size:.76rem;
font-weight:900;
letter-spacing:.08em;
text-transform:uppercase;
}
.tw-single-product__help-copy strong{
display:block;
margin:0 0 6px;
color:var(--tw-text, #002C52);
}
.tw-single-product__help-copy p{
margin:0;
color:var(--tw-text-soft, #46636f);
line-height:1.55;
}
.tw-single-product__help-actions{
display:flex;
flex-wrap:wrap;
gap:10px;
align-items:center;
}
.tw-single-product__help-btn,
.tw-single-product__help-link{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:42px;
padding:0 14px;
border:1px solid var(--tw-border, #d8e1e7);
border-radius:4px;
background:#fff;
color:var(--tw-text, #002C52);
text-decoration:none;
font-weight:800;
}
.tw-single-product__help-btn{
background:#25d366;
border-color:#25d366;
color:#fff;
}
.tw-single-product__after{
margin-top:10px;
}
@media (max-width: 1080px){
.tw-single-product__grid{
grid-template-columns:1fr;
}
.tw-single-product__media-card{
position:static;
}
}
@media (max-width: 767px){
.tw-single-product__summary-card,
.tw-single-product__media-card{
padding:14px;
}
.tw-simple-gallery{
grid-template-columns:1fr;
}
.tw-simple-gallery__thumbs{
order:2;
grid-template-columns:repeat(auto-fit, minmax(64px, 1fr));
}
.tw-simple-gallery__thumb{
width:100%;
height:72px;
}
.tw-simple-gallery__main{
min-height:320px;
}
.tw-single-product .product_title.entry-title,
.tw-single-product .product_title{
font-size:clamp(1.6rem, 7vw, 2.1rem);
}
.tw-single-var__row{
grid-template-columns:1fr;
gap:8px;
}
.tw-single-product form.cart,
.tw-single-product .variations_form .woocommerce-variation-add-to-cart,
.tw-single-product .single_variation_wrap .woocommerce-variation-add-to-cart{
align-items:stretch;
}
.tw-single-product .single_add_to_cart_button,
.tw-single-product button.single_add_to_cart_button,
.tw-single-product .button.alt{
width:100%;
}
} .tw-single-var__field{width:100%;}
.tw-single-var__field .select2,
.tw-single-var__field .select2-container,
.tw-single-var__field .select2-selection{width:100% !important;}
.tw-single-var__value{width:100%;}
.tw-single-var__result{display:grid;gap:12px;}
.tw-single-product .single_variation{display:grid;gap:10px;}
.tw-single-product .woocommerce-variation-price{margin:0;}
.tw-single-product .woocommerce-variation-description{display:none;}
.tw-single-product .woocommerce-variation-availability{margin:0;}
.tw-single-product .woocommerce-variation-add-to-cart{padding-top:6px;border-top:1px solid var(--tw-border, #d8e1e7);}
.tw-single-product .variations{margin:0;}
.tw-single-product .variations td, .tw-single-product .variations th{display:block;width:100%;padding:0;border:0;}
@media (max-width: 1080px){
.tw-single-product__grid{grid-template-columns:minmax(0,1fr);}
} .tw-checkout-review{
display:grid;
gap:16px;
}
.tw-checkout-review__head{
display:grid;
gap:10px;
padding:18px 20px;
border:1px solid var(--tw-flow-soft-line, #d8e1e7);
border-radius:0;
background:#fff;
}
.tw-checkout-review__eyebrow{
display:inline-flex;
align-items:center;
gap:8px;
margin:0 0 4px;
font-size:.72rem;
font-weight:900;
line-height:1;
text-transform:uppercase;
letter-spacing:.14em;
color:var(--tw-accent, #01B0CC);
}
.tw-checkout-review__title{
margin:0;
font-size:1.18rem;
line-height:1.2;
color:var(--tw-text, #002C52);
}
.tw-checkout-review__text{
margin:0;
max-width:68ch;
font-size:.95rem;
line-height:1.65;
color:var(--tw-text-soft, #46636f);
}
.tw-checkout-review__card{
border:1px solid var(--tw-flow-soft-line, #d8e1e7);
border-radius:0;
background:#fff;
overflow:hidden;
}
.tw-checkout-review__table{
margin:0;
}
.tw-checkout-review__table tbody .tw-checkout-review__item{
vertical-align:top;
}
.tw-checkout-review__table td.product-name{
width:auto;
}
.tw-checkout-review__table td.product-total{
width:180px;
white-space:nowrap;
vertical-align:middle;
text-align:right;
font-size:1rem;
font-weight:900;
color:var(--tw-text, #002C52);
}
.tw-checkout-review__product{
display:grid;
grid-template-columns:84px minmax(0, 1fr);
align-items:start;
gap:16px;
}
.tw-checkout-review__thumb{
width:84px;
}
.tw-checkout-review__thumb a,
.tw-checkout-review__thumb span,
.tw-checkout-review__thumb img{
display:block;
}
.tw-checkout-review__thumb a{
border:1px solid color-mix(in srgb, var(--tw-flow-soft-line, #d8e1e7) 88%, white 12%);
background:#fff;
padding:6px;
}
.tw-checkout-review__thumb img{
width:100%;
height:84px;
object-fit:contain;
margin:0;
}
.tw-checkout-review__meta{
min-width:0;
display:grid;
gap:12px;
}
.tw-checkout-review__product-main{
display:grid;
gap:10px;
}
.tw-checkout-review__name{
display:block;
margin:0;
font-size:1rem;
font-weight:800;
line-height:1.45;
color:var(--tw-text, #002C52);
text-decoration:none;
}
.tw-checkout-review__name:hover{
color:var(--tw-accent, #01B0CC);
}
.tw-checkout-review__price-badges{
display:flex;
flex-wrap:wrap;
gap:8px;
}
.tw-checkout-review__badge{
min-height:32px;
display:inline-flex;
align-items:center;
padding:0 10px;
border:1px solid var(--tw-flow-soft-line, #d8e1e7);
background:#fff;
font-size:.78rem;
font-weight:900;
line-height:1;
color:var(--tw-text, #002C52);
}
.tw-checkout-review__badge--unit{
border-color:color-mix(in srgb, var(--tw-accent-2, #dc8124) 30%, var(--tw-flow-soft-line, #d8e1e7) 70%);
color:color-mix(in srgb, var(--tw-accent-2, #dc8124) 90%, #5d3a10 10%);
}
.tw-checkout-review__badge--qty{
border-color:color-mix(in srgb, var(--tw-accent, #01B0CC) 24%, var(--tw-flow-soft-line, #d8e1e7) 76%);
background:color-mix(in srgb, var(--tw-accent, #01B0CC) 7%, white 93%);
}
.tw-checkout-review__meta .wc-item-meta{
margin:0;
padding:0;
list-style:none;
display:grid;
gap:6px;
}
.tw-checkout-review__meta .wc-item-meta li,
.tw-checkout-review__meta .wc-item-meta p,
.tw-checkout-review__meta .wc-item-meta dd,
.tw-checkout-review__meta .wc-item-meta dt{
margin:0;
}
.tw-checkout-review__meta .wc-item-meta dt{
display:inline;
font-size:.74rem;
font-weight:900;
text-transform:uppercase;
letter-spacing:.08em;
color:var(--tw-text-soft, #46636f);
}
.tw-checkout-review__meta .wc-item-meta dd{
display:inline;
margin-left:6px;
color:var(--tw-text, #002C52);
}
.tw-checkout-review__actions{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:8px;
}
.tw-checkout-review__qty-btn,
.tw-checkout-review__remove{
min-height:34px;
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid var(--tw-flow-soft-line, #d8e1e7);
background:#fff;
color:var(--tw-text, #002C52);
font-size:.86rem;
font-weight:900;
line-height:1;
padding:0 12px;
border-radius:0;
box-shadow:none;
cursor:pointer;
transition:border-color .18s ease, background-color .18s ease, color .18s ease, transform .18s ease;
}
.tw-checkout-review__qty-btn{
width:36px;
min-width:36px;
padding:0;
font-size:1rem;
}
.tw-checkout-review__qty-btn:hover,
.tw-checkout-review__remove:hover{
border-color:color-mix(in srgb, var(--tw-accent, #01B0CC) 45%, var(--tw-flow-soft-line, #d8e1e7) 55%);
color:var(--tw-accent, #01B0CC);
background:color-mix(in srgb, var(--tw-accent, #01B0CC) 6%, white 94%);
}
.tw-checkout-review__remove{
padding-inline:14px;
}
.tw-checkout-review__qty-value{
min-width:40px;
min-height:34px;
display:inline-flex;
align-items:center;
justify-content:center;
padding:0 10px;
border:1px solid var(--tw-flow-soft-line, #d8e1e7);
background:#f8fbfc;
font-size:.88rem;
font-weight:900;
color:var(--tw-text, #002C52);
}
.tw-checkout-review .backorder_notification{
margin:0;
padding:10px 12px;
border-left:3px solid var(--tw-accent-2, #dc8124);
background:color-mix(in srgb, var(--tw-accent-2, #dc8124) 8%, white 92%);
font-size:.86rem;
color:var(--tw-text, #002C52);
}
.tw-checkout-review__grand-total-row th,
.tw-checkout-review__grand-total-row td{
font-size:1.02rem;
font-weight:900;
}
@media (max-width: 880px){
.tw-checkout-review__table td.product-total{
width:150px;
}
}
@media (max-width: 680px){
.tw-checkout-review__head{
padding:16px;
}
.tw-checkout-review__product{
grid-template-columns:64px minmax(0, 1fr);
gap:12px;
}
.tw-checkout-review__thumb{
width:64px;
}
.tw-checkout-review__thumb img{
height:64px;
}
.tw-checkout-review__table td.product-total{
width:auto;
text-align:left;
padding-top:0;
}
.tw-checkout-review__table tbody tr.tw-checkout-review__item{
display:grid;
gap:8px;
}
.tw-checkout-review__table tbody tr.tw-checkout-review__item > td{
display:block;
width:100%;
}
.tw-checkout-review__actions{
gap:6px;
}
.tw-checkout-review__qty-btn,
.tw-checkout-review__qty-value,
.tw-checkout-review__remove{
min-height:32px;
}
} .tw-single-product__grid > * {
min-width: 0;
}
.tw-single-product .tw-single-product__media-card .woocommerce-product-gallery,
.tw-single-product .tw-single-product__summary-card.summary.entry-summary,
.woocommerce div.product .tw-single-product__media-card .woocommerce-product-gallery,
.woocommerce div.product .tw-single-product__summary-card.summary.entry-summary {
float: none !important;
width: auto !important;
clear: none !important;
margin: 0 !important;
max-width: none !important;
}
.tw-single-product .tw-single-product__summary-card.summary.entry-summary {
display: block;
}
.tw-single-product .tw-single-product__media-card .woocommerce-product-gallery {
display: block;
}
.tw-single-product .tw-single-var__field select,
.tw-single-product form.cart select,
.tw-single-product .variations select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding-right: 42px;
background-image: linear-gradient(45deg, transparent 50%, var(--tw-text, #002C52) 50%), linear-gradient(135deg, var(--tw-text, #002C52) 50%, transparent 50%);
background-position: calc(100% - 18px) calc(50% - 3px), calc(100% - 12px) calc(50% - 3px);
background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat;
} body.single-product .tw-single-product.tw-single-product,
body.single-product .tw-single-product.tw-single-product .tw-single-product__grid {
width: 100% !important;
max-width: none !important;
}
body.single-product .tw-single-product .tw-single-product__grid {
display: grid !important;
grid-template-columns: minmax(320px, 1fr) minmax(320px, 1fr) !important;
align-items: start !important;
gap: 24px !important;
}
body.single-product .tw-single-product .tw-single-product__media-col,
body.single-product .tw-single-product .tw-single-product__summary-col,
body.single-product .tw-single-product .tw-single-product__media-card,
body.single-product .tw-single-product .tw-single-product__summary-card {
width: auto !important;
max-width: none !important;
min-width: 0 !important;
float: none !important;
clear: none !important;
margin: 0 !important;
}
body.single-product .tw-single-product .tw-single-product__summary-card.summary.entry-summary,
body.single-product .woocommerce div.product .tw-single-product__summary-card.summary.entry-summary,
body.single-product .tw-single-product .tw-single-product__media-card .woocommerce-product-gallery,
body.single-product .woocommerce div.product .tw-single-product__media-card .woocommerce-product-gallery {
float: none !important;
width: 100% !important;
max-width: none !important;
clear: none !important;
margin: 0 !important;
}
body.single-product .tw-single-product .tw-single-product__summary-card.summary.entry-summary {
display: block !important;
}
body.single-product .tw-single-product .tw-single-product__media-card .woocommerce-product-gallery {
display: block !important;
}
@media (max-width: 980px) {
body.single-product .tw-single-product .tw-single-product__grid {
grid-template-columns: minmax(0, 1fr) !important;
}
} @media (max-width: 767px){
.tw-checkout-flow .woocommerce-checkout-review-order-table,
.tw-checkout-flow table.shop_table{
table-layout: fixed;
}
.tw-checkout-review__table thead{
display:none;
}
.tw-checkout-review__table tbody,
.tw-checkout-review__table tfoot{
display:block;
}
.tw-checkout-review__table tbody tr.tw-checkout-review__item > td.product-name,
.tw-checkout-review__table tbody tr.tw-checkout-review__item > td.product-total{
display:block;
width:100%;
padding:0;
border-bottom:0;
}
.tw-checkout-review__table tbody tr.tw-checkout-review__item > td.product-total{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-top:12px;
padding-top:12px;
border-top:1px solid color-mix(in srgb, var(--tw-flow-soft-line, #d8e1e7) 88%, white 12%);
text-align:right;
}
.tw-checkout-review__table tbody tr.tw-checkout-review__item > td.product-total::before{
content:'Subtotal';
flex:0 0 auto;
color:var(--tw-text-soft, #46636f);
font-size:.72rem;
font-weight:900;
letter-spacing:.08em;
text-transform:uppercase;
}
.tw-checkout-review__product{
grid-template-columns:72px minmax(0, 1fr);
gap:12px;
}
.tw-checkout-review__thumb{
width:72px;
}
.tw-checkout-review__thumb img{
height:72px;
}
.tw-checkout-review__name{
font-size:1rem;
line-height:1.35;
}
.tw-checkout-review__price-badges{
gap:6px;
}
.tw-checkout-review__badge{
min-height:30px;
padding:0 9px;
font-size:.74rem;
}
.tw-checkout-review__actions{
display:grid;
grid-template-columns:38px minmax(44px, 56px) 38px minmax(96px, 1fr);
gap:8px;
align-items:center;
}
.tw-checkout-review__qty-btn,
.tw-checkout-review__qty-value,
.tw-checkout-review__remove{
min-height:38px;
}
.tw-checkout-review__remove{
width:100%;
min-width:0;
padding-inline:12px;
}
.tw-checkout-flow table.shop_table tr.woocommerce-shipping-totals,
.tw-checkout-flow table.shop_table tr.shipping{
display:block;
}
.tw-checkout-flow table.shop_table tr.woocommerce-shipping-totals > th,
.tw-checkout-flow table.shop_table tr.woocommerce-shipping-totals > td,
.tw-checkout-flow table.shop_table tr.shipping > th,
.tw-checkout-flow table.shop_table tr.shipping > td{
display:block;
width:100%;
padding:0;
border-bottom:0;
}
.tw-checkout-flow table.shop_table tr.woocommerce-shipping-totals > th,
.tw-checkout-flow table.shop_table tr.shipping > th{
padding:0 0 10px;
color:var(--tw-text-soft, #46636f);
font-size:.74rem;
font-weight:900;
letter-spacing:.08em;
text-transform:uppercase;
}
.tw-checkout-flow ul#shipping_method,
.tw-checkout-flow ul.woocommerce-shipping-methods{
display:grid;
gap:10px;
margin:0;
padding:0;
list-style:none;
}
.tw-checkout-flow ul#shipping_method li,
.tw-checkout-flow ul.woocommerce-shipping-methods li{
display:grid;
grid-template-columns:auto minmax(0, 1fr);
gap:12px;
align-items:start;
margin:0;
padding:14px 12px;
list-style:none;
border:1px solid var(--tw-flow-soft-line, #d8e1e7);
background:#fff;
}
.tw-checkout-flow ul#shipping_method li input[type="radio"],
.tw-checkout-flow ul.woocommerce-shipping-methods li input[type="radio"]{
margin:4px 0 0;
}
.tw-checkout-flow ul#shipping_method li label,
.tw-checkout-flow ul.woocommerce-shipping-methods li label{
display:block;
min-width:0;
margin:0;
color:var(--tw-text, #002C52);
font-weight:800;
line-height:1.45;
}
.tw-checkout-flow ul#shipping_method li label .woocommerce-Price-amount,
.tw-checkout-flow ul#shipping_method li label .amount,
.tw-checkout-flow ul.woocommerce-shipping-methods li label .woocommerce-Price-amount,
.tw-checkout-flow ul.woocommerce-shipping-methods li label .amount{
display:inline;
white-space:nowrap;
font-weight:900;
}
.tw-checkout-flow #payment ul.payment_methods > li{
padding:12px;
}
.tw-checkout-flow #payment ul.payment_methods > li > label{
display:grid;
grid-template-columns:auto minmax(0, 1fr);
align-items:start;
gap:12px;
}
.tw-checkout-flow #payment ul.payment_methods > li > label img{
max-height:28px;
width:auto;
margin-left:auto;
}
.tw-checkout-flow #payment div.payment_box{
padding:12px;
}
.tw-checkout-flow #payment div.payment_box,
.tw-checkout-flow #payment div.payment_box *{
box-sizing:border-box;
min-width:0;
}
.tw-checkout-flow #payment div.payment_box ul,
.tw-checkout-flow #payment div.payment_box ol{
display:grid;
gap:10px;
margin:0;
padding:0;
list-style:none;
}
.tw-checkout-flow #payment div.payment_box li{
list-style:none;
margin:0;
padding:0;
}
.tw-checkout-flow #payment div.payment_box label{
display:grid;
grid-template-columns:auto minmax(0, 1fr);
align-items:start;
gap:12px;
margin:0;
}
.tw-checkout-flow #payment div.payment_box input[type="radio"],
.tw-checkout-flow #payment div.payment_box input[type="checkbox"]{
margin:4px 0 0;
}
.tw-checkout-flow #payment div.payment_box img{
width:44px;
max-width:44px;
height:auto;
object-fit:contain;
}
.tw-checkout-flow #payment div.payment_box p,
.tw-checkout-flow #payment div.payment_box span,
.tw-checkout-flow #payment div.payment_box strong,
.tw-checkout-flow #payment div.payment_box b,
.tw-checkout-flow #payment div.payment_box small{
overflow-wrap:anywhere;
word-break:break-word;
}
} @media (max-width: 640px){
.tw-checkout-flow #payment div.payment_box{
overflow:hidden;
}
.tw-checkout-flow #payment div.payment_box ul,
.tw-checkout-flow #payment div.payment_box ol{
gap:12px;
}
.tw-checkout-flow #payment div.payment_box li{
display:block;
padding:12px;
border:1px solid var(--tw-flow-soft-line, #d8e1e7);
background:#fff;
}
.tw-checkout-flow #payment div.payment_box li + li{
margin-top:0;
}
.tw-checkout-flow #payment div.payment_box li > label,
.tw-checkout-flow #payment div.payment_box li label{
display:flex;
flex-wrap:wrap;
align-items:flex-start;
gap:10px 12px;
width:100%;
}
.tw-checkout-flow #payment div.payment_box li > input[type="radio"],
.tw-checkout-flow #payment div.payment_box li > input[type="checkbox"],
.tw-checkout-flow #payment div.payment_box li label > input[type="radio"],
.tw-checkout-flow #payment div.payment_box li label > input[type="checkbox"]{
flex:0 0 22px;
width:22px;
height:22px;
margin:2px 0 0;
}
.tw-checkout-flow #payment div.payment_box li > img,
.tw-checkout-flow #payment div.payment_box li label > img,
.tw-checkout-flow #payment div.payment_box li picture,
.tw-checkout-flow #payment div.payment_box li picture img,
.tw-checkout-flow #payment div.payment_box li svg,
.tw-checkout-flow #payment div.payment_box li label > svg{
flex:0 0 46px;
width:46px !important;
max-width:46px !important;
height:auto;
object-fit:contain;
margin:0;
}
.tw-checkout-flow #payment div.payment_box li > :not(input):not(img):not(svg):not(picture),
.tw-checkout-flow #payment div.payment_box li label > :not(input):not(img):not(svg):not(picture){
flex:1 1 calc(100% - 80px);
max-width:calc(100% - 80px);
min-width:0;
}
.tw-checkout-flow #payment div.payment_box li span,
.tw-checkout-flow #payment div.payment_box li strong,
.tw-checkout-flow #payment div.payment_box li b,
.tw-checkout-flow #payment div.payment_box li small,
.tw-checkout-flow #payment div.payment_box li em,
.tw-checkout-flow #payment div.payment_box li p,
.tw-checkout-flow #payment div.payment_box li div,
.tw-checkout-flow #payment div.payment_box li label span,
.tw-checkout-flow #payment div.payment_box li label strong,
.tw-checkout-flow #payment div.payment_box li label b,
.tw-checkout-flow #payment div.payment_box li label small,
.tw-checkout-flow #payment div.payment_box li label em,
.tw-checkout-flow #payment div.payment_box li label p,
.tw-checkout-flow #payment div.payment_box li label div{
display:block;
min-width:0;
max-width:100%;
overflow-wrap:anywhere;
word-break:break-word;
text-align:left;
}
.tw-checkout-flow #payment div.payment_box li br{
display:block;
content:"";
}
.tw-checkout-flow #payment div.payment_box li [class*="amount"],
.tw-checkout-flow #payment div.payment_box li [class*="number"],
.tw-checkout-flow #payment div.payment_box li [class*="account"],
.tw-checkout-flow #payment div.payment_box li [class*="bank"],
.tw-checkout-flow #payment div.payment_box li [class*="holder"],
.tw-checkout-flow #payment div.payment_box li [class*="currency"],
.tw-checkout-flow #payment div.payment_box li [class*="label"],
.tw-checkout-flow #payment div.payment_box li [class*="badge"],
.tw-checkout-flow #payment div.payment_box li [class*="tag"],
.tw-checkout-flow #payment div.payment_box li [class*="pill"]{
float:none !important;
clear:both;
white-space:normal;
}
.tw-checkout-flow #payment div.payment_box li [class*="badge"],
.tw-checkout-flow #payment div.payment_box li [class*="tag"],
.tw-checkout-flow #payment div.payment_box li [class*="pill"]{
display:inline-flex;
align-items:center;
width:auto;
max-width:100%;
margin-top:2px;
}
} @media (max-width: 640px){
.tw-checkout-flow #payment div.payment_box li{
padding:14px;
}
.tw-checkout-flow #payment div.payment_box li > label,
.tw-checkout-flow #payment div.payment_box li label{
display:block !important;
position:relative;
width:100%;
min-height:54px;
padding-left:86px;
padding-right:0;
}
.tw-checkout-flow #payment div.payment_box li > input[type="radio"],
.tw-checkout-flow #payment div.payment_box li > input[type="checkbox"],
.tw-checkout-flow #payment div.payment_box li label > input[type="radio"],
.tw-checkout-flow #payment div.payment_box li label > input[type="checkbox"]{
position:absolute;
left:8px;
top:10px;
width:22px;
height:22px;
margin:0;
}
.tw-checkout-flow #payment div.payment_box li > img,
.tw-checkout-flow #payment div.payment_box li label > img,
.tw-checkout-flow #payment div.payment_box li picture,
.tw-checkout-flow #payment div.payment_box li picture img,
.tw-checkout-flow #payment div.payment_box li svg,
.tw-checkout-flow #payment div.payment_box li label > svg{
position:absolute;
left:40px;
top:4px;
width:38px !important;
max-width:38px !important;
height:auto;
margin:0;
}
.tw-checkout-flow #payment div.payment_box li > :not(input):not(img):not(svg):not(picture),
.tw-checkout-flow #payment div.payment_box li label > :not(input):not(img):not(svg):not(picture){
display:block;
width:100%;
max-width:100%;
}
.tw-checkout-flow #payment div.payment_box li,
.tw-checkout-flow #payment div.payment_box li label,
.tw-checkout-flow #payment div.payment_box li label *,
.tw-checkout-flow #payment div.payment_box li > *{
text-align:left !important;
}
.tw-checkout-flow #payment div.payment_box li label br{
display:block;
line-height:0;
margin:0 0 4px;
}
} @media (max-width: 640px){
.tw-checkout-flow__panel{
padding-left:12px;
padding-right:12px;
}
.tw-checkout-flow #payment ul.payment_methods > li{
padding:12px 10px;
}
.tw-checkout-flow #payment div.payment_box{
margin-left:-8px;
margin-right:-8px;
padding:12px 8px;
}
.tw-checkout-flow #payment div.payment_box li{
padding:12px 10px;
}
.tw-checkout-flow #payment div.payment_box li > label,
.tw-checkout-flow #payment div.payment_box li label{
padding-left:80px;
}
.tw-checkout-flow #payment div.payment_box li > input[type="radio"],
.tw-checkout-flow #payment div.payment_box li > input[type="checkbox"],
.tw-checkout-flow #payment div.payment_box li label > input[type="radio"],
.tw-checkout-flow #payment div.payment_box li label > input[type="checkbox"]{
left:6px;
}
.tw-checkout-flow #payment div.payment_box li > img,
.tw-checkout-flow #payment div.payment_box li label > img,
.tw-checkout-flow #payment div.payment_box li picture,
.tw-checkout-flow #payment div.payment_box li picture img,
.tw-checkout-flow #payment div.payment_box li svg,
.tw-checkout-flow #payment div.payment_box li label > svg{
left:36px;
width:36px !important;
max-width:36px !important;
}
} .tw-cart-page{
padding: 24px 0 42px;
}
.tw-cart-page .tw-container{
display:block;
}
.tw-cart-hero{
grid-column:1 / -1;
display:grid;
grid-template-columns:minmax(0, 1fr) 320px;
gap:18px;
padding:24px;
border:1px solid var(--tw-border, #d8e1e7);
border-radius:12px;
background:
linear-gradient(135deg, color-mix(in srgb, var(--tw-accent, #01B0CC) 12%, white 88%), transparent 45%),
linear-gradient(135deg, color-mix(in srgb, var(--tw-accent-2, #DC8124) 10%, white 90%), transparent 55%),
var(--tw-panel, #fff);
box-shadow:0 12px 32px rgba(0,0,0,.06);
}
.tw-cart-hero__content,
.tw-cart-hero__stats{
min-width:0;
}
.tw-cart-hero__eyebrow,
.tw-cart-empty-card__eyebrow,
.tw-cart-proceed__label{
display:inline-flex;
align-items:center;
gap:8px;
font-size:.78rem;
font-weight:900;
text-transform:uppercase;
letter-spacing:.08em;
color:var(--tw-accent-2, #DC8124);
}
.tw-cart-hero__title,
.tw-cart-empty-card__title{
margin:10px 0 10px;
font-size:clamp(1.9rem, 3vw, 2.8rem);
line-height:1.02;
color:var(--tw-text, #002C52);
}
.tw-cart-hero__text,
.tw-cart-empty-card__text{
margin:0;
max-width:70ch;
color:var(--tw-text-soft, #46636f);
font-size:1.02rem;
line-height:1.65;
}
.tw-cart-hero__pills,
.tw-cart-empty-card__grid{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:18px;
}
.tw-cart-hero__pills span,
.tw-cart-empty-card__grid article{
border:1px solid color-mix(in srgb, var(--tw-accent, #01B0CC) 22%, var(--tw-border, #d8e1e7) 78%);
background:color-mix(in srgb, var(--tw-accent, #01B0CC) 6%, white 94%);
color:var(--tw-text, #002C52);
border-radius:999px;
font-size:.92rem;
font-weight:800;
padding:10px 14px;
}
.tw-cart-hero__stat-card,
.tw-cart-card,
.tw-cart-empty-card{
background:var(--tw-panel, #fff);
border:1px solid var(--tw-border, #d8e1e7);
border-radius:12px;
box-shadow:0 10px 24px rgba(0,0,0,.05);
}
.tw-cart-hero__stat-card{
padding:18px;
margin-bottom:12px;
display:grid;
gap:6px;
}
.tw-cart-hero__stat-label{
color:var(--tw-text-soft, #46636f);
font-size:.88rem;
font-weight:700;
}
.tw-cart-hero__stat-value{
font-size:2.25rem;
line-height:1;
color:var(--tw-text, #002C52);
}
.tw-cart-hero__stat-note{
color:var(--tw-accent-2, #DC8124);
font-size:.9rem;
font-weight:800;
}
.tw-cart-hero__actions{
display:grid;
gap:10px;
}
.tw-cart-hero__action,
.tw-cart-btn,
.tw-cart-summary__footer-links a{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:48px;
padding:0 16px;
border-radius:8px;
text-decoration:none;
font-weight:900;
transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.tw-cart-hero__action,
.tw-cart-btn,
.tw-cart-proceed__button{
border:1px solid color-mix(in srgb, var(--tw-accent, #01B0CC) 30%, var(--tw-border, #d8e1e7) 70%);
background:linear-gradient(180deg, var(--tw-accent, #01B0CC), color-mix(in srgb, var(--tw-accent, #01B0CC) 70%, var(--tw-text, #002C52) 30%));
color:#fff;
box-shadow:0 10px 22px rgba(0,0,0,.10);
}
.tw-cart-hero__action:hover,
.tw-cart-btn:hover,
.tw-cart-proceed__button:hover{
color:#fff;
transform:translateY(-1px);
filter:brightness(1.03);
}
.tw-cart-hero__action--ghost,
.tw-cart-btn--ghost,
.tw-cart-summary__footer-links a{
background:#fff;
color:var(--tw-text, #002C52);
border-color:var(--tw-border, #d8e1e7);
box-shadow:none;
}
.tw-cart-hero__action--ghost:hover,
.tw-cart-btn--ghost:hover,
.tw-cart-summary__footer-links a:hover{
color:var(--tw-accent, #01B0CC);
border-color:color-mix(in srgb, var(--tw-accent, #01B0CC) 38%, var(--tw-border, #d8e1e7) 62%);
}
.tw-cart-layout,
.tw-cart-main,
.tw-cart-side,
.tw-cart-summary-wrap,
.tw-cart-summary-grid,
.tw-cart-summary-copy,
.tw-cart-collaterals{
min-width:0;
}
.tw-cart-layout{
margin-top:22px;
}
.tw-cart-summary-wrap{
margin-top:22px;
}
.tw-cart-summary-grid{
display:grid;
grid-template-columns:minmax(0, 1fr) minmax(320px, 430px);
gap:22px;
align-items:start;
}
.tw-cart-summary-copy{
display:grid;
gap:18px;
}
.tw-cart-card{
padding:18px;
}
.tw-cart-card__head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:14px;
margin-bottom:18px;
}
.tw-cart-card__head h2{
margin:0 0 6px;
color:var(--tw-text, #002C52);
font-size:1.3rem;
}
.tw-cart-card__head p{
margin:0;
color:var(--tw-text-soft, #46636f);
}
.tw-cart-card__badge{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:120px;
min-height:42px;
padding:0 14px;
border-radius:999px;
background:color-mix(in srgb, var(--tw-accent, #01B0CC) 10%, white 90%);
color:var(--tw-accent, #01B0CC);
font-size:.9rem;
font-weight:900;
}
.tw-cart-table{
border:0 !important;
margin:0 !important;
width:100%;
}
.tw-cart-table thead th{
border:0;
padding:0 0 12px;
color:var(--tw-text-soft, #46636f);
font-size:.8rem;
font-weight:900;
text-transform:uppercase;
letter-spacing:.04em;
}
.tw-cart-table tbody tr.cart_item{
background:#fff;
}
.tw-cart-table tbody td{
padding:18px 10px 18px 0;
vertical-align:middle;
border-top:1px solid var(--tw-border, #d8e1e7);
}
.tw-cart-table tbody tr:first-child td{
border-top:1px solid var(--tw-border, #d8e1e7);
}
.tw-cart-table .product-remove{
width:48px;
padding-right:10px;
}
.tw-cart-table .product-remove a.remove{
width:38px;
height:38px;
border-radius:8px;
display:inline-flex;
align-items:center;
justify-content:center;
color:#9b3a3a !important;
border:1px solid #e8c3c3;
background:#fff4f4;
font-size:1.5rem;
}
.tw-cart-table .product-remove a.remove:hover{
background:#fee8e8;
color:#8f1f1f !important;
}
.tw-cart-table .product-thumbnail{
width:108px;
}
.tw-cart-table .product-thumbnail img{
width:88px;
height:88px;
object-fit:contain;
border-radius:10px;
background:color-mix(in srgb, var(--tw-bg-soft, #eef6f8) 74%, white 26%);
border:1px solid var(--tw-border, #d8e1e7);
padding:8px;
}
.tw-cart-item__name{
margin:0 0 10px;
font-size:1.12rem;
line-height:1.2;
}
.tw-cart-item__name a{
color:var(--tw-text, #002C52);
text-decoration:none;
}
.tw-cart-item__name a:hover{
color:var(--tw-accent, #01B0CC);
}
.tw-cart-item__meta,
.tw-cart-item__meta p,
.tw-cart-item__meta dl,
.tw-cart-item__meta dd{
margin:0;
color:var(--tw-text-soft, #46636f);
font-size:.92rem;
}
.tw-cart-item__meta dl.variation{
display:flex;
flex-wrap:wrap;
gap:6px 10px;
margin-top:8px;
}
.tw-cart-item__meta dl.variation dt{
font-weight:800;
color:var(--tw-text, #002C52);
}
.tw-cart-item__price,
.tw-cart-item__subtotal,
.tw-cart-page .product-price .amount,
.tw-cart-page .product-subtotal .amount{
color:var(--tw-accent-2, #DC8124);
font-size:1.15rem;
font-weight:900;
}
.tw-cart-item__qty .quantity{
display:inline-flex;
align-items:center;
}
.tw-cart-item__qty .qty{
width:84px;
min-height:44px;
border:1px solid var(--tw-border, #d8e1e7);
border-radius:8px;
text-align:center;
font-weight:900;
color:var(--tw-text, #002C52);
}
.tw-cart-actions-row td.actions{
padding:20px 0 0;
border-top:1px solid var(--tw-border, #d8e1e7);
}
.tw-cart-actions{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
flex-wrap:wrap;
}
.tw-cart-coupon{
display:flex;
flex-wrap:wrap;
gap:10px;
}
.tw-cart-coupon .input-text{
min-width:240px;
min-height:46px;
padding:0 14px;
border:1px solid var(--tw-border, #d8e1e7);
border-radius:8px;
background:#fff;
color:var(--tw-text, #002C52);
}
.tw-cart-actions__buttons{
display:flex;
flex-wrap:wrap;
gap:10px;
}
.tw-cart-summary__highlights{
display:grid;
gap:10px;
margin-bottom:16px;
}
.tw-cart-summary__highlight{
display:grid;
gap:4px;
padding:12px 14px;
border-radius:10px;
background:color-mix(in srgb, var(--tw-panel-2, #f7fbfc) 78%, var(--tw-accent, #01B0CC) 22%);
border:1px solid color-mix(in srgb, var(--tw-accent, #01B0CC) 18%, var(--tw-border, #d8e1e7) 82%);
}
.tw-cart-summary__highlight strong{
color:var(--tw-text, #002C52);
font-size:.95rem;
}
.tw-cart-summary__highlight span{
color:var(--tw-text-soft, #46636f);
font-size:.88rem;
}
.tw-cart-collaterals .cart_totals{
float:none;
width:100%;
padding:18px;
border:1px solid var(--tw-border, #d8e1e7);
border-radius:14px;
background:var(--tw-panel-2, #f7fbfc);
}
.tw-cart-totals__head{
display:grid;
gap:8px;
margin-bottom:16px;
}
.tw-cart-totals__head h2{
margin:0;
color:var(--tw-text, #002C52);
font-size:1.55rem;
}
.tw-cart-totals__head p{
margin:0;
color:var(--tw-text-soft, #46636f);
}
.tw-cart-collaterals .shop_table{
width:100%;
margin:0 0 18px;
border:1px solid var(--tw-border, #d8e1e7);
border-radius:12px;
border-collapse:separate;
border-spacing:0;
overflow:hidden;
background:#fff;
table-layout:fixed;
}
.tw-cart-collaterals .shop_table th,
.tw-cart-collaterals .shop_table td{
padding:14px 16px;
border-top:1px solid var(--tw-border, #d8e1e7);
vertical-align:top;
}
.tw-cart-collaterals .shop_table tr:first-child th,
.tw-cart-collaterals .shop_table tr:first-child td{
border-top:0;
}
.tw-cart-collaterals .shop_table th{
width:38%;
color:var(--tw-text, #002C52);
font-weight:800;
}
.tw-cart-collaterals .shop_table td{
color:var(--tw-text, #002C52);
font-weight:700;
text-align:right;
}
.tw-cart-collaterals .shop_table .amount{
color:var(--tw-accent-2, #DC8124);
font-weight:900;
}
.tw-cart-collaterals .shop_table .shipping td{
text-align:left;
}
.tw-cart-collaterals ul#shipping_method,
.tw-cart-collaterals .woocommerce-shipping-methods{
list-style:none;
padding:0;
margin:0;
display:grid;
gap:10px;
}
.tw-cart-collaterals ul#shipping_method li,
.tw-cart-collaterals .woocommerce-shipping-methods li{
margin:0;
padding:0;
}
.tw-cart-collaterals ul#shipping_method label,
.tw-cart-collaterals .woocommerce-shipping-methods label{
display:block;
color:var(--tw-text, #002C52);
font-weight:700;
line-height:1.55;
}
.tw-cart-collaterals .woocommerce-shipping-destination,
.tw-cart-collaterals .shipping-calculator-button{
display:block;
margin-top:10px;
color:var(--tw-text-soft, #46636f);
font-size:.92rem;
line-height:1.55;
}
.tw-cart-collaterals .order-total th,
.tw-cart-collaterals .order-total td{
background:color-mix(in srgb, var(--tw-accent, #01B0CC) 10%, white 90%);
}
.tw-cart-collaterals .order-total th{
font-size:1.02rem;
}
.tw-cart-collaterals .order-total td,
.tw-cart-collaterals .order-total .amount{
color:var(--tw-text, #002C52);
font-size:1.1rem;
}
.tw-cart-collaterals .wc-proceed-to-checkout{
padding:0;
margin:0;
}
.tw-cart-proceed{
display:grid;
gap:10px;
}
.tw-cart-proceed__button{
width:100%;
min-height:58px;
display:flex;
flex-direction:column;
gap:2px;
border-radius:10px;
}
.tw-cart-proceed__button-text{
font-size:1rem;
line-height:1;
letter-spacing:.04em;
}
.tw-cart-proceed__button-note{
opacity:.9;
font-size:.8rem;
font-weight:700;
}
.tw-cart-summary__footer-links{
display:grid;
gap:10px;
margin-top:14px;
}
.tw-cart-empty-page{
padding:32px 0 48px;
}
.tw-cart-empty-card{
padding:26px;
}
.tw-cart-empty-card__actions{
display:flex;
flex-wrap:wrap;
gap:10px;
margin:22px 0 20px;
}
.tw-cart-empty-card__grid{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
}
.tw-cart-empty-card__grid article{
border-radius:12px;
padding:16px;
}
.tw-cart-empty-card__grid strong{
display:block;
margin-bottom:6px;
color:var(--tw-text, #002C52);
font-size:1rem;
}
.tw-cart-empty-card__grid p{
margin:0;
color:var(--tw-text-soft, #46636f);
}
.tw-cart-page .cart-empty.woocommerce-info,
.tw-cart-page .return-to-shop,
.tw-cart-empty-page .return-to-shop{
display:none !important;
}
@media (max-width: 1100px){
.tw-cart-hero{
grid-template-columns:1fr;
}
.tw-cart-summary-grid{
grid-template-columns:1fr;
}
}
@media (max-width: 840px){
.tw-cart-table,
.tw-cart-table thead,
.tw-cart-table tbody,
.tw-cart-table th,
.tw-cart-table td,
.tw-cart-table tr{
display:block;
width:100%;
}
.tw-cart-table thead{
display:none;
}
.tw-cart-table tbody tr.cart_item{
position:relative;
display:grid;
grid-template-columns:84px 1fr;
gap:12px;
padding:16px 0;
border-top:1px solid var(--tw-border, #d8e1e7);
}
.tw-cart-table tbody td{
border-top:0;
padding:0;
}
.tw-cart-table .product-remove{
position:absolute;
top:16px;
right:0;
width:auto;
}
.tw-cart-table .product-thumbnail{
grid-column:1;
grid-row:1 / span 4;
}
.tw-cart-table .product-name,
.tw-cart-table .product-price,
.tw-cart-table .product-quantity,
.tw-cart-table .product-subtotal{
grid-column:2;
}
.tw-cart-table .product-price::before,
.tw-cart-table .product-quantity::before,
.tw-cart-table .product-subtotal::before{
content:attr(data-title);
display:block;
margin-bottom:4px;
color:var(--tw-text-soft, #46636f);
font-size:.78rem;
font-weight:900;
text-transform:uppercase;
}
.tw-cart-actions{
flex-direction:column;
align-items:stretch;
}
.tw-cart-coupon,
.tw-cart-actions__buttons,
.tw-cart-empty-card__actions{
display:grid;
width:100%;
}
.tw-cart-coupon .input-text,
.tw-cart-btn,
.tw-cart-hero__action{
width:100%;
}
.tw-cart-empty-card__grid{
grid-template-columns:1fr;
}
}
@media (max-width: 560px){
.tw-cart-page,
.tw-cart-empty-page{
padding:18px 0 36px;
}
.tw-cart-hero,
.tw-cart-card,
.tw-cart-empty-card{
padding:18px;
border-radius:10px;
}
.tw-cart-hero__title,
.tw-cart-empty-card__title{
font-size:1.9rem;
}
.tw-cart-hero__pills span{
width:100%;
justify-content:center;
}
} .tw-cart-collaterals{
display:grid;
gap:18px;
}
.tw-cart-totals{
display:grid;
gap:16px;
}
.tw-cart-totals__head{
display:grid;
gap:6px;
}
.tw-cart-totals__eyebrow{
display:inline-flex;
align-items:center;
gap:8px;
font-size:.76rem;
font-weight:900;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--tw-accent-2, #DC8124);
}
.tw-cart-totals__head h2{
margin:0;
color:var(--tw-text, #002C52);
font-size:1.45rem;
font-weight:900;
}
.tw-cart-totals__head p{
margin:0;
color:var(--tw-text-soft, #46636f);
font-size:.95rem;
line-height:1.6;
}
.tw-cart-collaterals .shop_table{
table-layout:fixed;
}
.tw-cart-collaterals .shop_table th{
width:42%;
font-size:.95rem;
vertical-align:top;
}
.tw-cart-collaterals .shop_table td{
width:58%;
text-align:right;
vertical-align:top;
font-size:1rem;
}
.tw-cart-collaterals .shop_table .woocommerce-shipping-destination,
.tw-cart-collaterals .shop_table .woocommerce-shipping-contents,
.tw-cart-collaterals .shop_table .shipping-calculator-button,
.tw-cart-collaterals .shop_table ul#shipping_method{
margin-left:auto;
max-width:100%;
}
.tw-cart-collaterals .shop_table ul#shipping_method{
display:grid;
gap:10px;
padding:0;
list-style:none;
text-align:left;
}
.tw-cart-collaterals .shop_table ul#shipping_method li{
display:grid;
justify-items:end;
gap:4px;
}
.tw-cart-collaterals .shop_table ul#shipping_method label{
color:var(--tw-text, #002C52);
font-weight:700;
line-height:1.45;
}
.tw-cart-collaterals .shop_table .shipping-calculator-button{
display:inline-flex;
margin-top:8px;
color:var(--tw-accent, #01B0CC);
font-weight:800;
}
.tw-cart-collaterals .order-total th,
.tw-cart-collaterals .order-total td{
background:color-mix(in srgb, var(--tw-panel-2, #f7fbfc) 60%, var(--tw-accent, #01B0CC) 40%);
}
.tw-cart-collaterals .order-total th{
color:var(--tw-text, #002C52);
}
.tw-cart-collaterals .order-total td,
.tw-cart-collaterals .order-total .amount{
color:var(--tw-text, #002C52);
font-size:1.18rem;
}
.tw-cart-totals__notes{
display:grid;
gap:10px;
}
.tw-cart-totals__note{
display:grid;
gap:4px;
padding:12px 14px;
border:1px solid var(--tw-border, #d8e1e7);
border-radius:12px;
background:var(--tw-panel-2, #f7fbfc);
}
.tw-cart-totals__note strong{
color:var(--tw-text, #002C52);
font-size:.93rem;
}
.tw-cart-totals__note span{
color:var(--tw-text-soft, #46636f);
font-size:.86rem;
line-height:1.5;
}
@media (max-width: 980px){
.tw-cart-collaterals .shop_table th,
.tw-cart-collaterals .shop_table td{
width:auto;
}
}
@media (max-width: 768px){
.tw-cart-totals__head h2{
font-size:1.25rem;
}
.tw-cart-collaterals .shop_table td{
text-align:left;
}
.tw-cart-collaterals .shop_table ul#shipping_method li{
justify-items:start;
}
} @media (max-width: 767px){
.tw-checkout-flow{
--tw-flow-footer-h: 188px;
}
.tw-checkout-flow__shell{
gap:16px;
}
.tw-checkout-flow__hero,
.tw-checkout-flow__panel{
margin-inline:0;
}
.tw-checkout-flow__hero-copy,
.tw-checkout-flow__panel-head{
gap:8px;
}
.tw-checkout-flow__text,
.tw-checkout-flow__panel-text,
.tw-checkout-flow__support-head p,
.tw-checkout-flow__support-box p,
.tw-checkout-flow__account-note,
.tw-checkout-flow__empty-step p{
font-size:.94rem;
line-height:1.55;
}
.tw-checkout-flow__transfer-lock,
.tw-checkout-review__status{
gap:8px;
}
.tw-checkout-flow__transfer-lock-title,
.tw-checkout-review__status-title{
line-height:1.2;
}
.tw-checkout-flow__transfer-lock-points li,
.tw-checkout-review__status-points li{
padding:10px 11px;
font-size:.82rem;
line-height:1.42;
}
.tw-checkout-flow__support-grid,
.tw-checkout-flow__account-list{
gap:12px;
}
.tw-checkout-flow__account-card{
padding:14px;
}
.tw-checkout-flow__account-meta{
gap:8px;
}
.tw-checkout-flow__account-meta > div{
padding:9px 10px;
}
.tw-checkout-flow #payment ul.payment_methods > li{
padding:12px 11px;
}
.tw-checkout-flow #payment ul.payment_methods > li > label{
grid-template-columns:20px minmax(0, 1fr);
gap:10px;
line-height:1.4;
}
.tw-checkout-flow #payment ul.payment_methods > li > label input[type="radio"]{
margin:3px 0 0;
}
.tw-checkout-flow #payment ul.payment_methods > li > label img{
grid-column:2;
justify-self:start;
margin:2px 0 0;
max-height:24px;
}
.tw-checkout-flow #payment div.payment_box{
margin-top:10px;
padding:12px 11px;
}
.tw-checkout-flow #payment div.payment_box p,
.tw-checkout-flow #payment div.payment_box li,
.tw-checkout-flow .woocommerce-privacy-policy-text,
.tw-checkout-flow .woocommerce-terms-and-conditions-wrapper{
font-size:.86rem;
line-height:1.55;
}
.tw-checkout-flow__footer{
grid-template-columns:1fr 1fr;
row-gap:8px;
padding:10px;
}
.tw-checkout-flow__footer-total{
min-height:56px;
padding:8px 12px;
}
.tw-checkout-flow__footer-total-value{
font-size:1.08rem;
}
}
@media (max-width: 520px){
.tw-checkout-flow{
--tw-flow-footer-h: 196px;
}
.tw-checkout-flow__hero,
.tw-checkout-flow__panel,
.tw-checkout-flow__panel-card,
.tw-checkout-flow__support-box,
.tw-checkout-flow__empty-step{
padding:14px;
}
.tw-checkout-flow__title{
font-size:1.38rem;
}
.tw-checkout-flow__footer{
left:max(8px, env(safe-area-inset-left));
right:max(8px, env(safe-area-inset-right));
bottom:max(8px, env(safe-area-inset-bottom));
}
.tw-checkout-flow__footer-btn{
min-height:48px;
font-size:.88rem;
}
} .tw-single-product{
padding-block: 22px 38px;
}
.tw-single-product__shell{
gap: 28px;
}
.tw-single-product__grid{
grid-template-columns: minmax(360px, 52%) minmax(320px, 48%);
gap: 28px;
}
.tw-single-product__media-card,
.tw-single-product__summary-card{
border-radius: 12px;
border-color: color-mix(in srgb, var(--tw-border, #d8e1e7) 82%, white 18%);
box-shadow: 0 12px 34px rgba(0,0,0,.08);
}
.tw-single-product__media-card{
padding: 14px;
background: linear-gradient(180deg, #f7fbfd 0%, #ffffff 100%);
}
.tw-single-product__summary-card{
padding: 22px 24px 24px;
}
.tw-single-product__prelude{
display: grid;
gap: 12px;
margin-bottom: 16px;
}
.tw-single-product__eyebrow{
margin: 0;
font-size: .84rem;
font-weight: 800;
letter-spacing: .02em;
color: var(--tw-text-soft, #46636f);
}
.tw-single-product__eyebrow a:hover{
color: var(--tw-accent, #01B0CC);
}
.tw-single-product__meta-top{
margin: 0;
}
.tw-single-product__meta-pill{
min-height: 34px;
padding: 0 12px;
border-radius: 7px;
font-size: .78rem;
letter-spacing: .01em;
}
.tw-single-product__meta-pill--stock.is-high,
.tw-single-product__meta-pill--stock.is-mid,
.tw-single-product__meta-pill--stock.is-low,
.tw-single-product__meta-pill--stock.is-out{
border-width: 1px;
}
.tw-single-product__stock,
.tw-single-product .tw-shop-stock{
display: none !important;
}
.tw-single-product .product_title.entry-title,
.tw-single-product .product_title{
margin: 0 0 14px;
font-size: clamp(2.1rem, 3.3vw, 3.15rem);
line-height: .98;
}
.tw-single-product .price{
margin: 0 0 18px;
gap: 8px 14px;
font-size: clamp(1.65rem, 2.5vw, 2.45rem);
}
.tw-single-product .woocommerce-product-details__short-description{
margin: 0 0 20px;
font-size: 1rem;
line-height: 1.72;
}
.tw-single-product__registered-box{
display: grid;
gap: 8px;
padding: 14px 16px;
border: 1px solid color-mix(in srgb, var(--tw-accent, #01B0CC) 18%, var(--tw-border, #d8e1e7) 82%);
border-radius: 10px;
background: linear-gradient(180deg, rgba(1,176,204,.06) 0%, rgba(255,255,255,.98) 100%);
}
.tw-single-product__registered-box.is-active{
border-color: color-mix(in srgb, var(--tw-accent, #01B0CC) 30%, var(--tw-border, #d8e1e7) 70%);
}
.tw-single-product__registered-box.is-locked{
border-color: color-mix(in srgb, var(--tw-accent-2, #dc8124) 24%, var(--tw-border, #d8e1e7) 76%);
background: linear-gradient(180deg, rgba(220,129,36,.08) 0%, rgba(255,255,255,.98) 100%);
}
.tw-single-product__registered-kicker{
font-size: .72rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: .12em;
color: var(--tw-accent, #01B0CC);
}
.tw-single-product__registered-title{
color: var(--tw-text, #002C52);
font-size: 1rem;
font-weight: 900;
line-height: 1.2;
}
.tw-single-product__registered-prices{
display: flex;
flex-wrap: wrap;
gap: 6px 12px;
align-items: baseline;
color: var(--tw-text-soft, #46636f);
}
.tw-single-product__registered-prices strong{
font-size: 1.18rem;
line-height: 1;
color: var(--tw-accent-2, #dc8124);
}
.tw-single-product__registered-prices span{
font-size: .92rem;
}
.tw-simple-gallery{
grid-template-columns: 84px minmax(0, 1fr);
gap: 14px;
}
.tw-simple-gallery__thumbs{
gap: 12px;
}
.tw-simple-gallery__thumb{
width: 84px;
height: 84px;
padding: 7px;
border-radius: 10px;
background: linear-gradient(180deg, #ffffff 0%, #f7fbfd 100%);
}
.tw-simple-gallery__thumb img{
border-radius: 6px;
}
.tw-simple-gallery__main{
min-height: 560px;
padding: 18px;
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(1,176,204,.08), transparent 28%),
linear-gradient(180deg, #fbfdfe 0%, #ffffff 100%);
}
.tw-simple-gallery__main-link{
border-radius: 10px;
}
.tw-simple-gallery__main-image{
width: 100%;
max-width: 100%;
max-height: 72vh;
object-fit: contain;
}
.tw-simple-gallery__zoom{
top: 14px;
right: 14px;
width: 46px;
height: 46px;
border-radius: 999px;
box-shadow: 0 8px 18px rgba(0,0,0,.08);
}
.tw-single-product form.cart,
.tw-single-product .variations_form .woocommerce-variation-add-to-cart,
.tw-single-product .single_variation_wrap .woocommerce-variation-add-to-cart{
gap: 12px;
margin-top: 18px;
}
.tw-single-product form.cart .qty,
.tw-single-product .woocommerce-variation-add-to-cart .qty{
width: 86px;
min-height: 50px;
border-radius: 8px;
font-size: 1rem;
}
.tw-single-product .single_add_to_cart_button,
.tw-single-product button.single_add_to_cart_button,
.tw-single-product .button.alt{
min-width: 190px;
min-height: 50px;
border-radius: 8px;
border-color: color-mix(in srgb, var(--tw-accent-2, #dc8124) 45%, var(--tw-text, #002C52) 55%);
background: linear-gradient(180deg, #dc8124 0%, #b96d1f 100%);
}
.tw-single-product .single_add_to_cart_button:hover,
.tw-single-product button.single_add_to_cart_button:hover,
.tw-single-product .button.alt:hover{
background: linear-gradient(180deg, #e38d34 0%, #c77722 100%);
}
.tw-single-product .product_meta{
margin-top: 20px;
padding-top: 16px;
font-size: .88rem;
}
.tw-single-product__trust-grid{
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin-top: 22px;
padding-top: 18px;
}
.tw-single-product__trust-item{
grid-template-columns: 1fr;
gap: 10px;
padding: 14px;
border: 1px solid var(--tw-border, #d8e1e7);
border-radius: 10px;
background: linear-gradient(180deg, #ffffff 0%, #f8fbfc 100%);
}
.tw-single-product__trust-icon{
width: 34px;
height: 34px;
border-radius: 8px;
}
.tw-single-product__trust-item strong{
margin: 0 0 6px;
}
.tw-single-product__help-card{
margin-top: 18px;
border-radius: 12px;
border-color: color-mix(in srgb, var(--tw-accent, #01B0CC) 12%, var(--tw-border, #d8e1e7) 88%);
background: linear-gradient(135deg, rgba(0,44,82,.98) 0%, rgba(1,73,100,.96) 60%, rgba(1,176,204,.90) 100%);
color: #fff;
}
.tw-single-product__help-kicker,
.tw-single-product__help-copy strong,
.tw-single-product__help-copy p{
color: inherit;
}
.tw-single-product__help-kicker{
opacity: .78;
}
.tw-single-product__help-btn,
.tw-single-product__help-link{
border-radius: 8px;
}
.tw-single-product__help-btn{
background: #fff;
color: var(--tw-text, #002C52);
border-color: rgba(255,255,255,.22);
}
.tw-single-product__help-btn:hover{
color: var(--tw-text, #002C52);
border-color: rgba(255,255,255,.4);
}
.tw-single-product__help-link{
background: rgba(255,255,255,.14);
border-color: rgba(255,255,255,.24);
color: #fff;
}
.tw-single-product__after{
margin-top: 4px;
}
body.single-product .tw-single-product .tw-single-product__grid {
grid-template-columns: minmax(360px, 52%) minmax(320px, 48%) !important;
gap: 28px !important;
}
@media (max-width: 1200px){
.tw-single-product__grid,
body.single-product .tw-single-product .tw-single-product__grid{
grid-template-columns: minmax(320px, 46%) minmax(0, 54%) !important;
}
.tw-simple-gallery__main{
min-height: 500px;
}
}
@media (max-width: 980px){
.tw-single-product__grid,
body.single-product .tw-single-product .tw-single-product__grid{
grid-template-columns: minmax(0,1fr) !important;
}
.tw-single-product__media-card{
position: static;
}
.tw-single-product__trust-grid{
grid-template-columns: 1fr;
}
}
@media (max-width: 760px){
.tw-single-product{
padding-block: 14px 28px;
}
.tw-single-product__shell,
.tw-single-product__grid{
gap: 18px;
}
.tw-single-product__media-card,
.tw-single-product__summary-card{
border-radius: 10px;
}
.tw-single-product__summary-card{
padding: 18px;
}
.tw-simple-gallery{
grid-template-columns: 1fr;
gap: 12px;
}
.tw-simple-gallery__thumbs{
grid-auto-flow: column;
grid-auto-columns: 72px;
overflow-x: auto;
padding-bottom: 4px;
}
.tw-simple-gallery__thumb{
width: 72px;
height: 72px;
}
.tw-simple-gallery__main{
min-height: 360px;
padding: 12px;
}
.tw-single-product .product_title.entry-title,
.tw-single-product .product_title{
font-size: clamp(1.8rem, 9vw, 2.5rem);
}
.tw-single-product .price{
font-size: clamp(1.45rem, 7vw, 2rem);
}
.tw-single-product form.cart,
.tw-single-product .variations_form .woocommerce-variation-add-to-cart,
.tw-single-product .single_variation_wrap .woocommerce-variation-add-to-cart{
flex-direction: column;
align-items: stretch;
}
.tw-single-product form.cart .quantity,
.tw-single-product .woocommerce-variation-add-to-cart .quantity,
.tw-single-product .single_add_to_cart_button,
.tw-single-product button.single_add_to_cart_button,
.tw-single-product .button.alt{
width: 100%;
}
} .tw-single-product__case-box{
margin: 2px 0 0;
}
.tw-single-product__case-box .tw-single-product__registered-prices{
display:grid;
gap:6px;
align-items:start;
}
.tw-single-product__case-box .tw-single-product__registered-prices strong{
color: var(--tw-text, #002C52);
font-size: 1.08rem;
}
.tw-single-product__case-box .tw-single-product__registered-prices span{
color: var(--tw-text-soft, #46636f);
font-size: .94rem;
line-height: 1.6;
}
.tw-single-product__case-pills{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top: 2px;
}
.tw-single-product__case-journey{
display:grid;
gap:16px;
margin-top:18px;
padding:16px;
border:1px solid color-mix(in srgb, var(--tw-accent, #01B0CC) 16%, var(--tw-border, #d8e1e7) 84%);
border-radius:10px;
background:
radial-gradient(circle at top right, rgba(1,176,204,.07), transparent 26%),
linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(245,250,252,.98) 100%);
}
.tw-single-product__case-steps{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:12px;
}
.tw-single-product__case-step{
display:grid;
gap:8px;
padding:14px;
border-radius:10px;
border:1px solid var(--tw-border, #d8e1e7);
background:#fff;
box-shadow:0 8px 18px rgba(0,0,0,.03);
}
.tw-single-product__case-step span{
display:inline-flex;
align-items:center;
justify-content:center;
width:34px;
height:34px;
border-radius:999px;
background:linear-gradient(135deg, #01b0cc, #0190a9);
color:#fff;
font-size:.92rem;
font-weight:900;
line-height:1;
}
.tw-single-product__case-step strong{
display:block;
margin:0;
color:var(--tw-text, #002C52);
font-size:.98rem;
line-height:1.25;
}
.tw-single-product__case-step p{
margin:0;
color:var(--tw-text-soft, #46636f);
font-size:.92rem;
line-height:1.6;
}
.tw-single-product__case-note{
padding:12px 14px;
border-radius:8px;
background:rgba(1,176,204,.08);
border:1px dashed rgba(1,176,204,.24);
color:#0b5f6e;
font-size:.92rem;
line-height:1.6;
}
@media (max-width: 900px){
.tw-single-product__case-steps{
grid-template-columns:1fr;
}
}
@media (max-width: 767px){
.tw-single-product__case-journey{
padding:14px;
gap:14px;
}
.tw-single-product__case-step{
padding:13px;
}
} .tw-case-configurator{
display:grid;
gap:18px;
margin-top:18px;
padding:18px;
border:1px solid color-mix(in srgb, var(--tw-accent, #01B0CC) 14%, var(--tw-border, #d8e1e7) 86%);
border-radius:12px;
background:
radial-gradient(circle at top right, rgba(1,176,204,.06), transparent 28%),
linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(247,251,253,.98) 100%);
box-shadow:0 12px 26px rgba(0,0,0,.03);
}
.tw-case-configurator__head{
display:flex;
flex-wrap:wrap;
align-items:flex-start;
justify-content:space-between;
gap:14px;
}
.tw-case-configurator__badge{
display:inline-flex;
align-items:center;
min-height:36px;
padding:8px 14px;
border-radius:999px;
background:linear-gradient(135deg, #01b0cc, #0196af);
color:#fff;
font-size:.84rem;
font-weight:800;
line-height:1;
white-space:nowrap;
box-shadow:0 10px 20px rgba(1,176,204,.22);
}
.tw-case-configurator__grid{
display:grid;
grid-template-columns:minmax(0, 1.05fr) minmax(280px, .95fr);
gap:18px;
align-items:start;
}
.tw-case-configurator__panel,
.tw-case-configurator__preview{
display:grid;
gap:14px;
}
.tw-case-configurator__panel{
padding:16px;
border-radius:12px;
background:#fff;
border:1px solid var(--tw-border, #d8e1e7);
box-shadow:0 10px 22px rgba(0,0,0,.03);
}
.tw-case-configurator__field{
display:grid;
gap:8px;
}
.tw-case-configurator__row{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:12px;
}
.tw-case-configurator__field label{
color:var(--tw-text, #002C52);
font-size:.9rem;
font-weight:800;
line-height:1.3;
}
.tw-case-configurator__input,
.tw-case-configurator__select,
.tw-case-configurator__textarea{
width:100%;
border:1px solid var(--tw-border, #d8e1e7);
border-radius:10px;
background:#fff;
color:var(--tw-text, #002C52);
font:inherit;
box-shadow:0 2px 6px rgba(0,0,0,.02);
transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
outline:none;
}
.tw-case-configurator__input,
.tw-case-configurator__select{
min-height:46px;
padding:0 14px;
}
.tw-case-configurator__textarea{
min-height:110px;
padding:12px 14px;
resize:vertical;
}
.tw-case-configurator__input:focus,
.tw-case-configurator__select:focus,
.tw-case-configurator__textarea:focus{
border-color:#01b0cc;
box-shadow:0 0 0 4px rgba(1,176,204,.12);
}
.tw-case-configurator__upload{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:14px;
padding:14px;
border-radius:10px;
background:var(--tw-bg-soft, #f5f8fa);
border:1px dashed var(--tw-border, #d8e1e7);
}
.tw-case-configurator__upload-copy{
display:grid;
gap:4px;
}
.tw-case-configurator__upload-copy strong{
color:var(--tw-text, #002C52);
font-size:.96rem;
}
.tw-case-configurator__upload-copy p{
margin:0;
color:var(--tw-text-soft, #46636f);
font-size:.92rem;
line-height:1.55;
}
.tw-case-configurator__upload-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:42px;
padding:0 15px;
border-radius:10px;
background:#eef5f8;
border:1px solid var(--tw-border, #d8e1e7);
color:#7a9098;
font-size:.92rem;
font-weight:800;
line-height:1;
cursor:not-allowed;
white-space:nowrap;
}
.tw-case-configurator__upload-btn input{
display:none;
}
.tw-case-configurator__note{
padding:12px 14px;
border-radius:10px;
background:rgba(0,44,82,.05);
border:1px solid rgba(0,44,82,.08);
color:var(--tw-text-soft, #46636f);
font-size:.9rem;
line-height:1.6;
}
.tw-case-preview-card{
display:grid;
gap:14px;
padding:16px;
border-radius:12px;
background:linear-gradient(180deg, #ffffff 0%, #f6fafc 100%);
border:1px solid var(--tw-border, #d8e1e7);
box-shadow:0 12px 24px rgba(0,0,0,.04);
}
.tw-case-preview-card__phone{
position:relative;
width:min(100%, 320px);
margin:0 auto;
aspect-ratio:.78 / 1;
border-radius:34px;
background:
linear-gradient(180deg, #181b21 0%, #212630 100%);
box-shadow:
0 22px 40px rgba(0,0,0,.18),
inset 0 0 0 2px rgba(255,255,255,.04);
overflow:hidden;
}
.tw-case-preview-card__phone::before{
content:"";
position:absolute;
top:14px;
left:50%;
transform:translateX(-50%);
width:34%;
height:16px;
border-radius:0 0 12px 12px;
background:rgba(255,255,255,.06);
}
.tw-case-preview-card__camera{
position:absolute;
top:28px;
left:18px;
width:82px;
height:82px;
border-radius:24px;
background:
radial-gradient(circle at 30% 30%, rgba(255,255,255,.16), rgba(255,255,255,.02) 42%, rgba(0,0,0,.22) 100%);
box-shadow:
inset 0 0 0 1px rgba(255,255,255,.08),
0 10px 18px rgba(0,0,0,.18);
}
.tw-case-preview-card__camera::before,
.tw-case-preview-card__camera::after{
content:"";
position:absolute;
border-radius:999px;
background:
radial-gradient(circle at 35% 35%, rgba(255,255,255,.18), rgba(255,255,255,.02) 45%, rgba(0,0,0,.3) 100%);
box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.tw-case-preview-card__camera::before{
width:24px;
height:24px;
top:14px;
left:14px;
}
.tw-case-preview-card__camera::after{
width:24px;
height:24px;
top:42px;
left:42px;
}
.tw-case-preview-card__safe{
position:absolute;
left:16%;
right:16%;
top:29%;
bottom:14%;
border:2px dashed rgba(255,255,255,.16);
border-radius:20px;
background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
display:grid;
align-content:center;
justify-items:center;
gap:8px;
padding:18px;
text-align:center;
}
.tw-case-preview-card__text{
max-width:100%;
margin:0;
word-break:break-word;
}
.tw-case-preview-card__text--main{
color:#ffffff;
font-size:1.08rem;
font-weight:900;
letter-spacing:.01em;
line-height:1.2;
}
.tw-case-preview-card__text--secondary{
color:rgba(255,255,255,.78);
font-size:.88rem;
font-weight:600;
line-height:1.45;
}
.tw-case-preview-card__safe.is-left{
justify-items:start;
text-align:left;
}
.tw-case-preview-card__safe.is-right{
justify-items:end;
text-align:right;
}
.tw-case-preview-card__safe.is-bold .tw-case-preview-card__text--main{
font-size:1.18rem;
letter-spacing:.02em;
text-transform:uppercase;
}
.tw-case-preview-card__safe.is-elegant .tw-case-preview-card__text--main{
font-size:1.08rem;
font-weight:700;
letter-spacing:.08em;
}
.tw-case-preview-card__meta{
display:grid;
gap:4px;
text-align:center;
}
.tw-case-preview-card__meta strong{
color:var(--tw-text, #002C52);
font-size:1rem;
line-height:1.25;
}
.tw-case-preview-card__meta span{
color:var(--tw-text-soft, #46636f);
font-size:.9rem;
line-height:1.5;
}
@media (max-width: 980px){
.tw-case-configurator__grid{
grid-template-columns:1fr;
}
}
@media (max-width: 767px){
.tw-case-configurator{
padding:14px;
gap:14px;
}
.tw-case-configurator__panel,
.tw-case-preview-card{
padding:14px;
}
.tw-case-configurator__row{
grid-template-columns:1fr;
}
.tw-case-configurator__upload{
align-items:flex-start;
}
.tw-case-configurator__upload-btn{
width:100%;
}
.tw-case-preview-card__phone{
width:min(100%, 280px);
border-radius:28px;
}
.tw-case-preview-card__camera{
width:72px;
height:72px;
border-radius:22px;
}
} body.woocommerce-checkout{
background:#fff;
}
body.woocommerce-checkout .tw-checkout-flow{
--tw-flow-shell-max:1280px;
--tw-flow-footer-h:70px;
padding:0 0 calc(var(--tw-flow-footer-h) + 18px);
color:#000;
}
body.woocommerce-checkout .tw-checkout-flow__shell{
width:min(100%, var(--tw-flow-shell-max));
gap:0;
}
body.woocommerce-checkout .tw-checkout-flow__hero.tw-checkout-market__topbar{
min-height:90px;
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
padding:0 clamp(18px, 6vw, 110px);
border:0;
border-bottom:1px solid #d2d2d2;
border-radius:0;
background:#fff;
box-shadow:none;
}
.tw-checkout-market__brand{
display:inline-flex;
align-items:center;
max-width:270px;
text-decoration:none;
}
.tw-checkout-market__logo-img{
display:block;
max-width:270px;
max-height:64px;
width:auto;
height:auto;
object-fit:contain;
}
.tw-checkout-market__logo-text{
font-size:1.55rem;
line-height:1;
color:#1674bc;
font-weight:900;
text-transform:uppercase;
}
body.woocommerce-checkout .tw-checkout-market__steps{
width:auto;
min-width:410px;
display:flex;
align-items:stretch;
justify-content:flex-end;
gap:0;
}
body.woocommerce-checkout .tw-checkout-market__steps li{
min-width:122px;
min-height:58px;
display:flex;
align-items:center;
justify-content:center;
gap:10px;
padding:0 18px;
border:0;
border-radius:0 !important;
background:#fff;
color:#111;
box-shadow:none !important;
cursor:pointer;
}
body.woocommerce-checkout .tw-checkout-market__steps li.tw-checkout-market__step-final{
cursor:default;
}
body.woocommerce-checkout .tw-checkout-market__steps li.is-active{
background:#2b91d9;
color:#fff;
}
body.woocommerce-checkout .tw-checkout-market__steps li.is-done{
background:#fff;
color:#111;
}
body.woocommerce-checkout .tw-checkout-market__step-icon{
width:24px;
height:24px;
flex:0 0 24px;
border-radius:999px !important;
background:#6d6d6d !important;
color:#fff !important;
font-size:.95rem;
font-weight:900;
}
body.woocommerce-checkout .tw-checkout-market__steps li.is-active .tw-checkout-market__step-icon{
background:rgba(255,255,255,.18) !important;
border:1px solid rgba(255,255,255,.55);
}
body.woocommerce-checkout .tw-checkout-market__steps .tw-checkout-flow__step-label{
color:inherit;
font-size:.95rem;
font-weight:700;
}
body.woocommerce-checkout .tw-checkout-flow__content{
display:block;
}
body.woocommerce-checkout .tw-checkout-market__panel{
padding:22px clamp(18px, 5vw, 76px) 24px;
border:0;
border-radius:0;
background:#fff;
box-shadow:none;
}
.tw-checkout-market__title{
margin:0 0 40px;
color:#000;
font-size:clamp(1.65rem, 2.1vw, 2rem);
line-height:1.1;
font-weight:500;
}
.tw-checkout-market__grid,
.tw-checkout-market__payment-layout{
display:grid;
grid-template-columns:minmax(0, 1fr) minmax(380px, 610px);
gap:24px;
align-items:start;
}
.tw-checkout-market__column{
min-width:0;
display:grid;
gap:28px;
}
.tw-checkout-market-card,
.tw-checkout-market-summary,
body.woocommerce-checkout .tw-checkout-review__card,
body.woocommerce-checkout .tw-checkout-flow .woocommerce-checkout-payment{
border:1px solid #cfcfcf;
border-radius:0 !important;
background:#fff;
box-shadow:none;
}
.tw-checkout-market-card__head,
.tw-checkout-market-summary__title,
body.woocommerce-checkout .tw-checkout-review__table thead th{
min-height:50px;
display:flex;
align-items:center;
padding:0 16px;
border-bottom:1px solid #d4d4d4;
background:#efefef;
color:#000;
font-size:1rem;
font-weight:500;
letter-spacing:0;
text-transform:none;
}
.tw-checkout-market-card__body{
padding:18px 17px 24px;
}
body.woocommerce-checkout .tw-checkout-flow .woocommerce-billing-fields,
body.woocommerce-checkout .tw-checkout-flow .woocommerce-shipping-fields,
body.woocommerce-checkout .tw-checkout-flow .woocommerce-additional-fields,
body.woocommerce-checkout .tw-checkout-flow .woocommerce-address-fields{
gap:12px;
}
body.woocommerce-checkout .tw-checkout-flow .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout .tw-checkout-flow .woocommerce-shipping-fields__field-wrapper,
body.woocommerce-checkout .tw-checkout-flow .woocommerce-additional-fields__field-wrapper,
body.woocommerce-checkout .tw-checkout-flow .woocommerce-address-fields__field-wrapper{
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:12px 18px;
}
body.woocommerce-checkout .tw-checkout-flow label{
margin-bottom:5px;
color:#000;
font-size:.9rem;
font-weight:600;
}
body.woocommerce-checkout .tw-checkout-flow input[type="text"],
body.woocommerce-checkout .tw-checkout-flow input[type="email"],
body.woocommerce-checkout .tw-checkout-flow input[type="tel"],
body.woocommerce-checkout .tw-checkout-flow input[type="password"],
body.woocommerce-checkout .tw-checkout-flow input[type="number"],
body.woocommerce-checkout .tw-checkout-flow textarea,
body.woocommerce-checkout .tw-checkout-flow select,
body.woocommerce-checkout .tw-checkout-flow .select2-container--default .select2-selection--single,
body.woocommerce-checkout .tw-checkout-flow .select2-container--default .select2-selection--multiple{
min-height:42px;
border:1px solid #cfcfcf;
border-radius:0 !important;
background:#fff;
color:#000;
box-shadow:none;
}
body.woocommerce-checkout .tw-checkout-flow textarea{
min-height:88px;
}
body.woocommerce-checkout .tw-checkout-flow input:focus,
body.woocommerce-checkout .tw-checkout-flow textarea:focus,
body.woocommerce-checkout .tw-checkout-flow select:focus,
body.woocommerce-checkout .tw-checkout-flow .select2-container--default.select2-container--focus .select2-selection--single,
body.woocommerce-checkout .tw-checkout-flow .select2-container--default.select2-container--focus .select2-selection--multiple{
border-color:#2b91d9;
box-shadow:0 0 0 2px rgba(43,145,217,.14);
}
body.woocommerce-checkout .tw-checkout-flow .woocommerce-billing-fields h3,
body.woocommerce-checkout .tw-checkout-flow .woocommerce-shipping-fields h3,
body.woocommerce-checkout .tw-checkout-flow .woocommerce-additional-fields h3,
body.woocommerce-checkout .tw-checkout-flow #ship-to-different-address,
body.woocommerce-checkout .tw-checkout-flow #order_review_heading{
margin:0 0 12px;
color:#000;
font-size:1rem;
font-weight:600;
}
.tw-checkout-market-summary{
min-width:0;
overflow:hidden;
}
.tw-checkout-market-summary__items{
display:grid;
gap:0;
padding:14px 0 10px;
}
.tw-checkout-market-summary__item{
display:grid;
grid-template-columns:64px minmax(0, 1fr) auto;
gap:14px;
align-items:center;
padding:8px 16px;
}
.tw-checkout-market-summary__thumb img{
display:block;
width:64px;
height:64px;
object-fit:contain;
}
.tw-checkout-market-summary__meta{
min-width:0;
display:grid;
gap:3px;
}
.tw-checkout-market-summary__name{
color:#000;
font-size:.98rem;
line-height:1.35;
font-weight:500;
}
.tw-checkout-market-summary__qty,
.tw-checkout-market-summary__meta .wc-item-meta,
.tw-checkout-market-summary__meta .wc-item-meta *{
margin:0;
color:#555;
font-size:.82rem;
line-height:1.35;
}
.tw-checkout-market-summary__price{
color:#000;
font-size:.98rem;
font-weight:700;
white-space:nowrap;
}
.tw-checkout-market-summary__totals{
margin:0 16px 16px;
padding-top:12px;
border-top:1px solid #e1e1e1;
display:grid;
gap:8px;
}
.tw-checkout-market-summary__row{
display:flex;
align-items:center;
justify-content:flex-end;
gap:18px;
color:#000;
font-size:.95rem;
}
.tw-checkout-market-summary__row span{
min-width:110px;
text-align:right;
}
.tw-checkout-market-summary__row strong{
min-width:86px;
text-align:right;
font-weight:500;
}
.tw-checkout-market-summary__row--total{
margin-top:4px;
font-size:1.08rem;
font-weight:800;
}
.tw-checkout-market-summary__row--total em{
display:inline-flex;
align-items:center;
min-height:36px;
margin-left:10px;
padding:0 14px;
border:1px solid #cfcfcf;
border-radius:4px;
background:#fff;
font-style:normal;
font-weight:700;
}
body.woocommerce-checkout .tw-checkout-market__payment-layout{
grid-template-areas:
"payment review"
"buyer review";
}
body.woocommerce-checkout .tw-checkout-market__payment-layout #payment,
body.woocommerce-checkout .tw-checkout-market__payment-layout .woocommerce-checkout-payment{
grid-area:payment;
}
body.woocommerce-checkout .tw-checkout-market__payment-layout .tw-checkout-review{
grid-area:review;
}
body.woocommerce-checkout .tw-checkout-market__payment-layout .tw-checkout-market-card--summary{
grid-area:buyer;
}
body.woocommerce-checkout .tw-checkout-flow .woocommerce-checkout-payment{
padding:0;
gap:0;
overflow:hidden;
}
body.woocommerce-checkout .tw-checkout-flow #payment ul.payment_methods{
gap:0;
padding:16px;
border:0;
}
body.woocommerce-checkout .tw-checkout-flow #payment ul.payment_methods::before{
content:"Forma de pago";
display:flex;
align-items:center;
min-height:50px;
margin:-16px -16px 16px;
padding:0 16px;
border-bottom:1px solid #d4d4d4;
background:#efefef;
color:#000;
font-size:1rem;
font-weight:500;
}
body.woocommerce-checkout .tw-checkout-flow #payment ul.payment_methods > li{
display:grid;
gap:0;
margin:0 0 8px;
padding:0;
border:1px solid #cfcfcf;
border-radius:4px !important;
background:#fff;
overflow:hidden;
}
body.woocommerce-checkout .tw-checkout-flow #payment ul.payment_methods > li > label{
min-height:56px;
display:flex;
align-items:center;
gap:14px;
margin:0;
padding:0 14px;
color:#000;
font-size:1rem;
font-weight:500;
}
body.woocommerce-checkout .tw-checkout-flow #payment ul.payment_methods > li:has(input[type="radio"]:checked),
body.woocommerce-checkout .tw-checkout-flow #payment ul.payment_methods > li.is-selected{
border-color:#2b91d9;
background:#f8fbff;
}
body.woocommerce-checkout .tw-checkout-flow #payment ul.payment_methods > li > label input[type="radio"],
body.woocommerce-checkout .tw-checkout-flow ul#shipping_method > li > input[type="radio"],
body.woocommerce-checkout .tw-checkout-flow .woocommerce-shipping-methods > li > input[type="radio"]{
width:22px;
height:22px;
accent-color:#2b91d9;
}
body.woocommerce-checkout .tw-checkout-flow #payment ul.payment_methods > li > label img{
max-height:32px;
width:auto;
}
body.woocommerce-checkout .tw-checkout-flow #payment div.payment_box{
margin:0;
padding:12px 14px;
border-top:1px solid #e2e2e2;
border-radius:0 !important;
background:#fff;
color:#333;
}
body.woocommerce-checkout .tw-checkout-flow .place-order{
padding:0 16px 16px;
}
body.woocommerce-checkout .tw-checkout-flow #place_order,
body.woocommerce-checkout .tw-checkout-flow .button.alt{
min-height:48px;
border:0;
border-radius:4px !important;
background:#df2b22 !important;
color:#fff;
font-weight:800;
}
body.woocommerce-checkout .tw-checkout-flow ul#shipping_method,
body.woocommerce-checkout .tw-checkout-flow .woocommerce-shipping-methods{
gap:12px;
margin:0;
}
body.woocommerce-checkout .tw-checkout-flow ul#shipping_method > li,
body.woocommerce-checkout .tw-checkout-flow .woocommerce-shipping-methods > li{
display:flex;
align-items:center;
gap:12px;
min-height:50px;
padding:0 12px;
border:1px solid #cfcfcf;
border-radius:4px;
background:#fff;
}
body.woocommerce-checkout .tw-checkout-flow ul#shipping_method > li:has(input[type="radio"]:checked),
body.woocommerce-checkout .tw-checkout-flow .woocommerce-shipping-methods > li:has(input[type="radio"]:checked){
border-color:#2b91d9;
background:#fbfdff;
}
body.woocommerce-checkout .tw-checkout-flow ul#shipping_method > li > label,
body.woocommerce-checkout .tw-checkout-flow .woocommerce-shipping-methods > li > label{
min-height:auto;
display:flex;
align-items:center;
justify-content:flex-start;
gap:8px;
margin:0;
color:#000;
font-weight:500;
}
body.woocommerce-checkout .tw-checkout-flow ul#shipping_method > li > label::after,
body.woocommerce-checkout .tw-checkout-flow .woocommerce-shipping-methods > li > label::after{
display:none;
}
body.woocommerce-checkout .tw-checkout-review{
gap:0;
}
body.woocommerce-checkout .tw-checkout-review__status{
margin:0 0 14px;
border-radius:0;
}
body.woocommerce-checkout .tw-checkout-review__card{
overflow:hidden;
}
body.woocommerce-checkout .tw-checkout-review__table{
border:0;
border-radius:0;
margin:0;
}
body.woocommerce-checkout .tw-checkout-review__table thead th{
text-align:left;
}
body.woocommerce-checkout .tw-checkout-review__table thead th.product-total{
justify-content:flex-end;
text-align:right;
}
body.woocommerce-checkout .tw-checkout-review__table th,
body.woocommerce-checkout .tw-checkout-review__table td{
border-bottom:0;
padding:12px 14px;
}
body.woocommerce-checkout .tw-checkout-review__product{
grid-template-columns:70px minmax(0, 1fr);
gap:14px;
}
body.woocommerce-checkout .tw-checkout-review__thumb,
body.woocommerce-checkout .tw-checkout-review__thumb img{
width:70px;
height:70px;
}
body.woocommerce-checkout .tw-checkout-review__thumb a{
padding:0;
border:0;
}
body.woocommerce-checkout .tw-checkout-review__name{
color:#000;
font-size:1rem;
font-weight:500;
line-height:1.45;
}
body.woocommerce-checkout .tw-checkout-review__price-badges{
display:none;
}
body.woocommerce-checkout .tw-checkout-review__actions{
gap:10px;
}
body.woocommerce-checkout .tw-checkout-review__qty-btn,
body.woocommerce-checkout .tw-checkout-review__qty-value,
body.woocommerce-checkout .tw-checkout-review__remove{
min-height:28px;
border:0;
background:transparent;
color:#9b9b9b;
padding:0;
font-size:1rem;
}
body.woocommerce-checkout .tw-checkout-review__qty-value{
min-width:22px;
color:#000;
font-weight:600;
}
body.woocommerce-checkout .tw-checkout-review__remove{
width:28px;
min-width:28px;
color:transparent;
position:relative;
}
body.woocommerce-checkout .tw-checkout-review__remove::before{
content:"🗑";
color:#aaa;
font-size:1rem;
}
body.woocommerce-checkout .tw-checkout-review__table td.product-total{
width:110px;
color:#000;
font-weight:700;
}
body.woocommerce-checkout .tw-checkout-review__table tfoot th,
body.woocommerce-checkout .tw-checkout-review__table tfoot td{
padding:7px 14px;
color:#000;
font-size:.95rem;
text-align:right;
}
body.woocommerce-checkout .tw-checkout-review__table tfoot th{
font-weight:500;
}
body.woocommerce-checkout .tw-checkout-review__grand-total-row th,
body.woocommerce-checkout .tw-checkout-review__grand-total-row td{
padding-top:12px;
font-size:1.05rem;
font-weight:800;
}
body.woocommerce-checkout .tw-checkout-review__grand-total-row th::after{
content:"IVA inc.";
display:inline-flex;
align-items:center;
min-height:40px;
margin-left:12px;
padding:0 14px;
border:1px solid #cfcfcf;
border-radius:4px;
background:#fff;
font-weight:700;
}
.tw-checkout-market-user-summary{
display:grid;
gap:16px;
}
.tw-checkout-market-user-summary__row{
display:grid;
grid-template-columns:minmax(140px, 1fr) minmax(0, 1fr);
gap:18px;
color:#000;
font-size:.98rem;
}
.tw-checkout-market-user-summary__row span{
font-weight:500;
}
.tw-checkout-market-user-summary__row strong{
font-weight:500;
}
body.woocommerce-checkout .tw-checkout-market__footer{
left:0;
right:0;
bottom:0;
width:100%;
max-width:none;
min-height:66px;
grid-template-columns:minmax(170px, 280px) minmax(220px, 1fr) minmax(170px, 280px);
gap:0;
padding:0 clamp(18px, 6vw, 96px);
border:0;
border-top:1px solid #cfcfcf;
border-radius:0;
background:#fff;
box-shadow:0 -12px 28px rgba(0,0,0,.12);
}
body.woocommerce-checkout .tw-checkout-market__footer .tw-checkout-flow__footer-btn{
min-height:52px;
border-radius:999px !important;
font-size:.98rem;
font-weight:800;
text-transform:uppercase;
}
body.woocommerce-checkout .tw-checkout-market__footer .tw-checkout-flow__footer-btn--prev{
justify-self:start;
min-width:225px;
border:1px solid #d3d3d3;
background:#fff;
color:#202020;
}
body.woocommerce-checkout .tw-checkout-market__footer .tw-checkout-flow__footer-btn--next{
justify-self:end;
min-width:225px;
border:0;
background:#df2b22;
color:#fff;
}
body.woocommerce-checkout .tw-checkout-market__footer .tw-checkout-flow__footer-btn--next::after{
content:"â–¶";
margin-left:16px;
font-size:.9rem;
}
body.woocommerce-checkout .tw-checkout-market__footer .tw-checkout-flow__footer-total{
min-height:66px;
display:flex;
align-items:center;
justify-content:center;
gap:14px;
border:0;
border-left:1px solid #d3d3d3;
border-right:1px solid #d3d3d3;
border-radius:0 !important;
background:#fff;
}
body.woocommerce-checkout .tw-checkout-market__footer .tw-checkout-flow__footer-total-label{
display:none;
}
body.woocommerce-checkout .tw-checkout-market__footer .tw-checkout-flow__footer-total-value{
color:#000;
font-size:1.45rem;
font-weight:800;
}
.tw-checkout-market__iva-badge{
display:inline-flex;
align-items:center;
min-height:66px;
margin:-1px 0;
padding:0 18px;
border-left:1px solid #d3d3d3;
border-right:1px solid #d3d3d3;
color:#000;
font-size:1.1rem;
font-weight:800;
}
@media (max-width: 980px){
body.woocommerce-checkout .tw-checkout-flow__hero.tw-checkout-market__topbar{
min-height:auto;
flex-direction:column;
align-items:center;
padding:14px 12px 0;
}
body.woocommerce-checkout .tw-checkout-market__steps{
width:100%;
min-width:0;
justify-content:center;
}
body.woocommerce-checkout .tw-checkout-market__steps li{
flex:1 1 0;
min-width:0;
}
.tw-checkout-market__grid,
.tw-checkout-market__payment-layout,
body.woocommerce-checkout .tw-checkout-market__payment-layout{
grid-template-columns:1fr;
grid-template-areas:none;
}
body.woocommerce-checkout .tw-checkout-market__payment-layout #payment,
body.woocommerce-checkout .tw-checkout-market__payment-layout .woocommerce-checkout-payment,
body.woocommerce-checkout .tw-checkout-market__payment-layout .tw-checkout-review,
body.woocommerce-checkout .tw-checkout-market__payment-layout .tw-checkout-market-card--summary{
grid-area:auto;
}
body.woocommerce-checkout .tw-checkout-market__footer{
grid-template-columns:1fr 1fr;
grid-template-areas:
"total total"
"prev next";
min-height:132px;
padding:8px 12px;
gap:8px;
}
body.woocommerce-checkout .tw-checkout-market__footer .tw-checkout-flow__footer-total{
grid-area:total;
min-height:54px;
}
body.woocommerce-checkout .tw-checkout-market__footer .tw-checkout-flow__footer-btn--prev{
grid-area:prev;
min-width:0;
width:100%;
}
body.woocommerce-checkout .tw-checkout-market__footer .tw-checkout-flow__footer-btn--next{
grid-area:next;
min-width:0;
width:100%;
}
.tw-checkout-market__iva-badge{
min-height:54px;
}
}
@media (max-width: 640px){
body.woocommerce-checkout .tw-checkout-flow{
--tw-flow-footer-h:132px;
}
body.woocommerce-checkout .tw-checkout-market__panel{
padding:18px 12px 22px;
}
.tw-checkout-market__title{
margin-bottom:18px;
}
body.woocommerce-checkout .tw-checkout-flow .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout .tw-checkout-flow .woocommerce-shipping-fields__field-wrapper,
body.woocommerce-checkout .tw-checkout-flow .woocommerce-additional-fields__field-wrapper,
body.woocommerce-checkout .tw-checkout-flow .woocommerce-address-fields__field-wrapper{
grid-template-columns:1fr;
}
.tw-checkout-market-summary__item{
grid-template-columns:56px minmax(0, 1fr);
}
.tw-checkout-market-summary__price{
grid-column:2;
justify-self:start;
}
.tw-checkout-market-summary__thumb img{
width:56px;
height:56px;
}
body.woocommerce-checkout .tw-checkout-review__table thead{
display:block;
}
body.woocommerce-checkout .tw-checkout-review__product{
grid-template-columns:60px minmax(0, 1fr);
}
body.woocommerce-checkout .tw-checkout-review__thumb,
body.woocommerce-checkout .tw-checkout-review__thumb img{
width:60px;
height:60px;
}
body.woocommerce-checkout .tw-checkout-review__table td.product-total{
width:auto;
}
body.woocommerce-checkout .tw-checkout-market__steps .tw-checkout-flow__step-label{
font-size:.82rem;
}
} .tw-shop-card__badge--mobile-discount{
display:none;
}
@media (max-width: 767px){
.tw-shop-page{
padding-block:10px 28px;
}
.tw-shop-page.tw-container{
width:100%;
padding-inline:10px;
}
.tw-shop-page__head{
padding:12px;
margin-bottom:12px;
}
.tw-shop-page__title{
font-size:1.25rem;
}
.tw-shop-page__desc{
font-size:.9rem;
}
.tw-shop-page__toolbar{
padding:0;
gap:8px;
}
.tw-shop-page__results{
font-size:.84rem;
}
.tw-shop-page__ordering select,
.woocommerce-ordering select{
min-width:0;
width:100%;
min-height:38px;
font-size:.88rem;
}
.tw-shop-page .tw-shop-grid{
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:10px;
align-items:stretch;
}
.tw-shop-page .tw-shop-card{
border-radius:6px;
border-color:#eceff2;
background:#fff;
box-shadow:0 2px 10px rgba(0,0,0,.05);
overflow:hidden;
}
.tw-shop-page .tw-shop-card:hover{
transform:none;
box-shadow:0 2px 10px rgba(0,0,0,.05);
}
.tw-shop-page .tw-shop-card__image{
aspect-ratio:1 / 1;
padding:8px 8px 2px;
background:#fff;
display:flex;
align-items:center;
justify-content:center;
}
.tw-shop-page .tw-shop-card__image-main,
.tw-shop-page .tw-shop-card__image-secondary,
.tw-shop-page .tw-shop-card__image img{
width:100%;
height:100%;
object-fit:contain;
object-position:center;
padding:10px 6px 6px;
transform:none !important;
}
.tw-shop-page .tw-shop-card__badge--sale,
.tw-shop-page .tw-shop-card__badge--member{
display:none;
}
.tw-shop-page .tw-shop-card__badge--mobile-discount{
top:7px;
left:50%;
transform:translateX(-50%);
display:inline-flex;
align-items:center;
justify-content:center;
width:max-content;
max-width:calc(100% - 16px);
min-height:24px;
padding:0 8px;
border-radius:5px;
background:#039c17;
color:#fff;
font-size:.78rem;
font-weight:700;
line-height:1;
letter-spacing:0;
text-transform:none;
white-space:nowrap;
box-shadow:0 2px 5px rgba(0,0,0,.12);
}
.tw-shop-page .tw-shop-card__badge--mobile-discount::before{
content:'âš™';
display:inline-block;
margin-right:4px;
font-size:.86em;
line-height:1;
}
.tw-shop-page .tw-shop-card__body{
gap:0;
padding:5px 8px 8px;
text-align:center;
}
.tw-shop-page .tw-shop-card__eyebrow,
.tw-shop-page .tw-shop-card__summary,
.tw-shop-page .tw-shop-card__stock,
.tw-shop-page .tw-shop-card__member-price,
.tw-shop-page .tw-shop-card__qty{
display:none !important;
}
.tw-shop-page .tw-shop-card__title{
min-height:3.35em;
margin:0 0 7px;
display:flex;
align-items:center;
justify-content:center;
font-size:.92rem;
line-height:1.18;
font-weight:500;
}
.tw-shop-page .tw-shop-card__title a{
color:#161616;
-webkit-line-clamp:3;
text-align:center;
}
.tw-shop-page .tw-shop-card__price-wrap{
min-height:0;
display:block;
margin-inline:-2px;
margin-bottom:2px;
}
.tw-shop-page .tw-shop-card__price{
min-height:37px;
display:flex;
align-items:center;
justify-content:center;
gap:6px;
width:100%;
padding:6px 5px;
border-radius:5px 5px 0 0;
background:#6930f4;
color:#fff;
font-size:1rem;
line-height:1;
font-weight:500;
overflow:hidden;
}
.tw-shop-page .tw-shop-card__price::before{
content:'Precio';
flex:0 0 auto;
color:rgba(255,255,255,.82);
font-size:.86rem;
font-weight:500;
}
.tw-shop-page .tw-shop-card__price .woocommerce-Price-amount,
.tw-shop-page .tw-shop-card__price bdi{
color:#fff;
font-size:1.24rem;
font-weight:500;
line-height:1;
white-space:nowrap;
}
.tw-shop-page .tw-shop-card__price .woocommerce-Price-currencySymbol{
color:#fff;
font-size:.9em;
}
.tw-shop-page .tw-shop-card__price del{
display:none;
}
.tw-shop-page .tw-shop-card__price ins{
color:#fff;
text-decoration:none;
}
.tw-shop-page .tw-shop-card__actions{
display:block;
margin-top:0;
padding:0;
}
.tw-shop-page .tw-shop-card__buy{
min-height:38px;
width:100%;
padding:0 7px;
border:0;
border-radius:0 0 5px 5px;
background:#666;
box-shadow:none;
color:#fff;
-webkit-text-fill-color:#fff;
font-size:.9rem;
font-weight:800;
letter-spacing:.01em;
text-transform:uppercase;
white-space:nowrap;
}
.tw-shop-page .tw-shop-card__buy::before{
content:'🛒';
display:inline-block;
margin-right:6px;
font-size:.95rem;
line-height:1;
}
.tw-shop-page .tw-shop-card__buy:hover{
transform:none;
filter:none;
box-shadow:none;
background:#5f5f5f;
}
.tw-shop-page .tw-shop-pagination{
margin-top:18px;
}
}
@media (max-width: 374px){
.tw-shop-page.tw-container{
padding-inline:8px;
}
.tw-shop-page .tw-shop-grid{
gap:8px;
}
.tw-shop-page .tw-shop-card__title{
font-size:.84rem;
}
.tw-shop-page .tw-shop-card__price{
gap:4px;
font-size:.92rem;
}
.tw-shop-page .tw-shop-card__price::before{
font-size:.78rem;
}
.tw-shop-page .tw-shop-card__price .woocommerce-Price-amount,
.tw-shop-page .tw-shop-card__price bdi{
font-size:1.07rem;
}
.tw-shop-page .tw-shop-card__buy{
font-size:.8rem;
}
} .woocommerce-checkout .tw-checkout-simple{
--tw-simple-max: 960px;
--tw-simple-line: #dbe5ea;
--tw-simple-soft: #f5f9fa;
--tw-simple-text: #002c52;
--tw-simple-muted: #5f7480;
--tw-simple-accent: #01b0cc;
padding: 10px 0 50px;
}
.tw-checkout-simple__shell{
width: min(100%, var(--tw-simple-max));
margin: 0 auto;
display: grid;
gap: 16px;
}
.tw-checkout-simple__top,
.tw-checkout-simple__card,
.tw-checkout-simple__notice,
.tw-checkout-simple__final-hint{
background: #fff;
border: 1px solid var(--tw-simple-line);
box-shadow: 0 10px 26px rgba(0, 44, 82, .06);
}
.tw-checkout-simple__top{
padding: 22px;
display: flex;
align-items: center;
gap: 22px;
}
.tw-checkout-simple__brand{
flex: 0 0 auto;
display: inline-flex;
align-items: center;
text-decoration: none;
}
.tw-checkout-simple__logo-img{max-width: 150px; max-height: 54px; width: auto; height: auto;}
.tw-checkout-simple__logo-text{font-size: 1.35rem; color: var(--tw-simple-text);}
.tw-checkout-simple__top-copy{display: grid; gap: 5px; min-width: 0;}
.tw-checkout-simple__eyebrow{font-size: .72rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; color: var(--tw-simple-accent);}
.tw-checkout-simple__top h1{margin: 0; color: var(--tw-simple-text); font-size: clamp(1.55rem, 2.6vw, 2rem); line-height: 1.05;}
.tw-checkout-simple__top p{margin: 0; color: var(--tw-simple-muted); line-height: 1.5;}
.tw-checkout-simple__notice{
padding: 13px 16px;
display: flex;
gap: 10px;
align-items: center;
flex-wrap: wrap;
background: #f2fbfd;
}
.tw-checkout-simple__notice strong{color: var(--tw-simple-text);}
.tw-checkout-simple__notice span{color: var(--tw-simple-muted);}
.tw-checkout-simple__card{overflow: hidden;}
.tw-checkout-simple__card-head{
padding: 16px 18px;
border-bottom: 1px solid var(--tw-simple-line);
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
background: #fff;
}
.tw-checkout-simple__card-head > div{
display: grid;
grid-template-columns: 30px auto;
gap: 2px 10px;
align-items: center;
}
.tw-checkout-simple__card-head strong{color: var(--tw-simple-text); font-size: 1.06rem;}
.tw-checkout-simple__card-head small{grid-column: 2; color: var(--tw-simple-muted); line-height: 1.4;}
.tw-checkout-simple__step{
grid-row: 1 / span 2;
width: 30px;
height: 30px;
display: grid;
place-items: center;
background: var(--tw-simple-text);
color: #fff;
font-weight: 900;
}
.tw-checkout-simple__edit{
min-height: 38px;
padding: 0 13px;
border: 1px solid var(--tw-simple-line);
background: #fff;
color: var(--tw-simple-text);
font-weight: 800;
cursor: pointer;
}
.tw-checkout-simple__customer-fields{padding: 18px;}
.tw-checkout-simple__customer-fields .woocommerce-billing-fields > h3{display: none;}
.tw-checkout-simple__customer-fields .woocommerce-billing-fields__field-wrapper{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 13px 14px;
}
.tw-checkout-simple__customer-fields .form-row{float: none !important; width: 100% !important; margin: 0 !important;}
.tw-checkout-simple__customer-fields .form-row-wide{grid-column: 1 / -1;}
.tw-checkout-simple__customer-fields label{display: block; margin: 0 0 6px; color: var(--tw-simple-text); font-size: .86rem; font-weight: 800;}
.tw-checkout-simple__customer-fields input,
.tw-checkout-simple__customer-fields select,
.tw-checkout-simple__customer-fields textarea,
.tw-checkout-simple__customer-fields .select2-selection{
min-height: 46px;
border: 1px solid #cfdde4 !important;
border-radius: 6px !important;
background: #fff;
}
.tw-checkout-simple__customer-fields input,
.tw-checkout-simple__customer-fields select,
.tw-checkout-simple__customer-fields textarea{padding: 10px 12px;}
.tw-checkout-simple__customer-fields input:focus,
.tw-checkout-simple__customer-fields select:focus,
.tw-checkout-simple__customer-fields textarea:focus{outline: none; border-color: var(--tw-simple-accent) !important; box-shadow: 0 0 0 3px rgba(1,176,204,.10);}
.tw-checkout-address-hidden{display: none !important;}
.tw-checkout-simple__saved{
padding: 16px 18px;
display: grid;
grid-template-columns: repeat(3, minmax(0,1fr));
gap: 10px;
background: #fbfdfe;
}
.tw-checkout-simple__saved > div{
min-width: 0;
padding: 11px 12px;
border: 1px solid var(--tw-simple-line);
background: #fff;
display: grid;
gap: 3px;
}
.tw-checkout-simple__saved span{font-size: .72rem; text-transform: uppercase; letter-spacing: .06em; color: var(--tw-simple-muted); font-weight: 800;}
.tw-checkout-simple__saved strong{overflow-wrap: anywhere; color: var(--tw-simple-text); font-size: .92rem;}
.tw-checkout-simple__review{padding: 18px;}
.tw-checkout-simple__review .tw-checkout-review__card,
.tw-checkout-simple__review .woocommerce-checkout-payment{
border: 1px solid var(--tw-simple-line);
box-shadow: none;
}
.tw-checkout-simple__review .woocommerce-checkout-payment{margin-top: 14px; padding: 14px; background: #fff;}
.tw-checkout-simple__review #payment ul.payment_methods{display: grid; gap: 9px; margin: 0; padding: 0; border: 0; list-style: none;}
.tw-checkout-simple__review #payment ul.payment_methods > li{padding: 12px 13px; border: 1px solid var(--tw-simple-line); background: #fff;}
.tw-checkout-simple__review #payment ul.payment_methods > li:has(input[type="radio"]:checked){border-color: var(--tw-simple-accent); background: #f3fcfd;}
.tw-checkout-simple__review #payment ul.payment_methods > li > label{font-weight: 900; color: var(--tw-simple-text);}
.tw-checkout-simple__review #payment div.payment_box{margin: 10px 0 0; padding: 12px; background: var(--tw-simple-soft); border-radius: 4px;}
.tw-checkout-simple__review ul#shipping_method,
.tw-checkout-simple__review .woocommerce-shipping-methods{display: grid; gap: 8px; margin: 0; padding: 0; list-style: none;}
.tw-checkout-simple__review ul#shipping_method > li,
.tw-checkout-simple__review .woocommerce-shipping-methods > li{padding: 10px 12px; border: 1px solid var(--tw-simple-line); background: #fff;}
.tw-checkout-simple__review ul#shipping_method > li:has(input:checked),
.tw-checkout-simple__review .woocommerce-shipping-methods > li:has(input:checked){border-color: var(--tw-simple-accent); background: #f3fcfd;}
.tw-checkout-simple__review .woocommerce-terms-and-conditions-checkbox-text input,
.tw-checkout-simple__review #terms{
position: absolute !important;
opacity: 0 !important;
pointer-events: none !important;
}
.tw-checkout-simple__review .woocommerce-terms-and-conditions-wrapper{margin-top: 4px; color: var(--tw-simple-muted); font-size: .82rem; line-height: 1.45;}
.tw-checkout-simple__review .woocommerce-terms-and-conditions-wrapper label{margin: 0; font-weight: 500; color: var(--tw-simple-muted);}
.tw-checkout-simple__review .woocommerce-privacy-policy-text{font-size: .82rem; line-height: 1.45; color: var(--tw-simple-muted);}
.tw-checkout-simple__review #place_order{
width: 100%;
min-height: 58px;
margin-top: 4px;
border: 0 !important;
border-radius: 6px !important;
background: var(--tw-simple-accent) !important;
color: #fff !important;
font-size: 1.06rem;
font-weight: 900;
box-shadow: none !important;
cursor: pointer;
}
.tw-checkout-simple__review #place_order:hover{filter: brightness(.96);}
.tw-checkout-simple__final-hint{
padding: 12px 15px;
display: flex;
align-items: center;
gap: 10px;
background: #f6fbf8;
color: #315d47;
}
.tw-checkout-simple__final-hint > span{font-weight: 900; color: #168254;}
.tw-checkout-simple__final-hint p{margin: 0; line-height: 1.45; font-size: .9rem;}
.tw-checkout-simple .woocommerce-form-coupon-toggle{margin-bottom: 12px;}
.tw-checkout-simple .woocommerce-error,
.tw-checkout-simple .woocommerce-info,
.tw-checkout-simple .woocommerce-message{border-radius: 6px;} .tw-checkout-simple #ship-to-different-address,
.tw-checkout-simple .shipping_address,
.tw-checkout-simple .woocommerce-shipping-fields{display: none !important;}
@media (max-width: 720px){
.woocommerce-checkout .tw-checkout-simple{padding-top: 0;}
.tw-checkout-simple__shell{gap: 10px;}
.tw-checkout-simple__top{padding: 16px; align-items: flex-start; flex-direction: column; gap: 10px;}
.tw-checkout-simple__logo-img{max-width: 120px; max-height: 44px;}
.tw-checkout-simple__card-head{padding: 14px; align-items: flex-start;}
.tw-checkout-simple__card-head > div{grid-template-columns: 28px auto;}
.tw-checkout-simple__step{width: 28px; height: 28px;}
.tw-checkout-simple__customer-fields,
.tw-checkout-simple__review{padding: 14px;}
.tw-checkout-simple__customer-fields .woocommerce-billing-fields__field-wrapper{grid-template-columns: 1fr;}
.tw-checkout-simple__customer-fields .form-row{grid-column: 1 / -1;}
.tw-checkout-simple__saved{grid-template-columns: 1fr; padding: 14px;}
.tw-checkout-simple__review .woocommerce-checkout-review-order-table th,
.tw-checkout-simple__review .woocommerce-checkout-review-order-table td{padding: 10px 8px; font-size: .86rem;}
.tw-checkout-simple__final-hint{margin-bottom: 8px;}
} @media (min-width: 1500px){
.tw-shop-grid{
grid-template-columns:repeat(5,minmax(0,1fr));
gap:14px;
}
.tw-shop-card__body{padding:12px;gap:8px;}
.tw-shop-card__image-main,
.tw-shop-card__image-secondary,
.tw-shop-card__image img{padding:12px;}
} .tw-simple-gallery__main-link{
appearance:none;
-webkit-appearance:none;
border:0;
padding:0;
margin:0;
background:transparent;
cursor:zoom-in;
font:inherit;
color:inherit;
}
.tw-simple-gallery__zoom{
appearance:none;
-webkit-appearance:none;
cursor:zoom-in;
padding:0;
}
.tw-simple-gallery__zoom svg{
width:21px;
height:21px;
fill:currentColor;
}
.tw-simple-gallery__nav{
position:absolute;
top:50%;
z-index:3;
display:inline-flex;
align-items:center;
justify-content:center;
width:42px;
height:52px;
padding:0 0 3px;
border:1px solid rgba(216,225,231,.92);
border-radius:999px;
background:rgba(255,255,255,.92);
box-shadow:0 8px 24px rgba(0,44,82,.09);
color:var(--tw-text, #002C52);
font-size:2rem;
font-weight:400;
line-height:1;
cursor:pointer;
opacity:.82;
transform:translateY(-50%);
transition:opacity .18s ease, transform .18s ease, border-color .18s ease, color .18s ease;
}
.tw-simple-gallery__nav:hover,
.tw-simple-gallery__nav:focus-visible{
opacity:1;
color:var(--tw-accent, #01B0CC);
border-color:var(--tw-accent, #01B0CC);
outline:none;
}
.tw-simple-gallery__nav--prev{left:14px;}
.tw-simple-gallery__nav--next{right:14px;}
.tw-simple-gallery__counter{
position:absolute;
left:14px;
bottom:14px;
z-index:3;
display:inline-flex;
align-items:center;
min-height:30px;
padding:5px 10px;
border:1px solid rgba(216,225,231,.9);
border-radius:999px;
background:rgba(255,255,255,.9);
box-shadow:0 5px 16px rgba(0,44,82,.07);
color:var(--tw-text-soft, #46636f);
font-size:.78rem;
font-weight:800;
line-height:1;
backdrop-filter:blur(8px);
}
body.tw-gallery-lightbox-open{
overflow:hidden !important;
overscroll-behavior:none;
}
.tw-gallery-lightbox[hidden]{
display:none !important;
}
.tw-gallery-lightbox{
position:fixed;
inset:0;
z-index:2147483000;
display:flex;
align-items:center;
justify-content:center;
padding:22px;
opacity:0;
visibility:hidden;
transition:opacity .18s ease, visibility .18s ease;
}
.tw-gallery-lightbox.is-open{
opacity:1;
visibility:visible;
}
.tw-gallery-lightbox__backdrop{
position:absolute;
inset:0;
background:rgba(4,16,27,.88);
backdrop-filter:blur(10px);
cursor:zoom-out;
}
.tw-gallery-lightbox__dialog{
position:relative;
z-index:1;
display:grid;
grid-template-rows:auto minmax(0,1fr) auto;
width:min(1180px, 96vw);
height:min(900px, 94vh);
max-height:94vh;
overflow:hidden;
border:1px solid rgba(255,255,255,.16);
border-radius:20px;
background:rgba(13,28,41,.96);
box-shadow:0 30px 90px rgba(0,0,0,.42);
color:#fff;
transform:translateY(8px) scale(.992);
transition:transform .18s ease;
}
.tw-gallery-lightbox.is-open .tw-gallery-lightbox__dialog{
transform:translateY(0) scale(1);
}
.tw-gallery-lightbox__topbar{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
min-height:62px;
padding:10px 12px 10px 20px;
border-bottom:1px solid rgba(255,255,255,.11);
background:rgba(8,22,34,.78);
}
.tw-gallery-lightbox__meta{
display:flex;
min-width:0;
align-items:center;
gap:14px;
}
.tw-gallery-lightbox__meta strong{
min-width:0;
overflow:hidden;
color:#fff;
font-size:.95rem;
font-weight:800;
text-overflow:ellipsis;
white-space:nowrap;
}
.tw-gallery-lightbox__meta span{
flex:0 0 auto;
padding:5px 9px;
border:1px solid rgba(255,255,255,.14);
border-radius:999px;
background:rgba(255,255,255,.08);
color:rgba(255,255,255,.75);
font-size:.76rem;
font-weight:800;
}
.tw-gallery-lightbox__close{
display:inline-flex;
flex:0 0 auto;
align-items:center;
justify-content:center;
width:42px;
height:42px;
padding:0 0 4px;
border:1px solid rgba(255,255,255,.16);
border-radius:999px;
background:rgba(255,255,255,.08);
color:#fff;
font-size:2rem;
font-weight:300;
line-height:1;
cursor:pointer;
transition:background .16s ease, border-color .16s ease, transform .16s ease;
}
.tw-gallery-lightbox__close:hover,
.tw-gallery-lightbox__close:focus-visible{
border-color:rgba(255,255,255,.38);
background:rgba(255,255,255,.16);
outline:none;
transform:rotate(4deg);
}
.tw-gallery-lightbox__viewport{
position:relative;
display:flex;
min-width:0;
min-height:0;
align-items:center;
justify-content:center;
padding:20px 76px;
overflow:hidden;
background:
radial-gradient(circle at 50% 38%, rgba(255,255,255,.07), transparent 40%),
#07131d;
touch-action:pan-y;
}
.tw-gallery-lightbox__image{
display:block;
width:auto;
height:auto;
max-width:100%;
max-height:100%;
object-fit:contain;
user-select:none;
-webkit-user-drag:none;
filter:drop-shadow(0 16px 34px rgba(0,0,0,.26));
}
.tw-gallery-lightbox__nav{
position:absolute;
top:50%;
z-index:2;
display:inline-flex;
align-items:center;
justify-content:center;
width:52px;
height:64px;
padding:0 0 5px;
border:1px solid rgba(255,255,255,.18);
border-radius:999px;
background:rgba(6,18,29,.58);
color:#fff;
font-size:2.8rem;
font-weight:300;
line-height:1;
cursor:pointer;
transform:translateY(-50%);
transition:background .16s ease, border-color .16s ease, transform .16s ease;
}
.tw-gallery-lightbox__nav:hover,
.tw-gallery-lightbox__nav:focus-visible{
border-color:rgba(255,255,255,.42);
background:rgba(18,42,59,.9);
outline:none;
}
.tw-gallery-lightbox__nav--prev{left:16px;}
.tw-gallery-lightbox__nav--next{right:16px;}
.tw-gallery-lightbox__thumbs{
display:flex;
gap:9px;
align-items:center;
min-height:86px;
padding:10px 16px;
overflow-x:auto;
overflow-y:hidden;
border-top:1px solid rgba(255,255,255,.1);
background:rgba(8,22,34,.9);
scrollbar-width:thin;
}
.tw-gallery-lightbox__thumb{
display:flex;
flex:0 0 62px;
width:62px;
height:62px;
align-items:center;
justify-content:center;
padding:4px;
border:2px solid transparent;
border-radius:10px;
background:#fff;
opacity:.66;
cursor:pointer;
transition:opacity .16s ease, border-color .16s ease, transform .16s ease;
}
.tw-gallery-lightbox__thumb img{
display:block;
width:100%;
height:100%;
border-radius:6px;
object-fit:contain;
}
.tw-gallery-lightbox__thumb:hover,
.tw-gallery-lightbox__thumb:focus-visible,
.tw-gallery-lightbox__thumb.is-active{
opacity:1;
border-color:var(--tw-accent, #01B0CC);
outline:none;
transform:translateY(-1px);
}
@media (max-width: 760px){
.tw-simple-gallery__nav{
width:38px;
height:46px;
background:rgba(255,255,255,.86);
}
.tw-simple-gallery__nav--prev{left:8px;}
.tw-simple-gallery__nav--next{right:8px;}
.tw-simple-gallery__counter{left:10px;bottom:10px;}
.tw-gallery-lightbox{
padding:0;
}
.tw-gallery-lightbox__dialog{
width:100vw;
height:100dvh;
max-height:100dvh;
border:0;
border-radius:0;
}
.tw-gallery-lightbox__topbar{
min-height:58px;
padding:8px 8px 8px 14px;
}
.tw-gallery-lightbox__meta{
gap:8px;
}
.tw-gallery-lightbox__meta strong{
font-size:.83rem;
}
.tw-gallery-lightbox__viewport{
padding:12px 48px;
}
.tw-gallery-lightbox__nav{
width:40px;
height:52px;
border-color:rgba(255,255,255,.12);
background:rgba(6,18,29,.46);
font-size:2.2rem;
}
.tw-gallery-lightbox__nav--prev{left:5px;}
.tw-gallery-lightbox__nav--next{right:5px;}
.tw-gallery-lightbox__thumbs{
min-height:74px;
padding:8px 10px max(8px, env(safe-area-inset-bottom));
}
.tw-gallery-lightbox__thumb{
flex-basis:54px;
width:54px;
height:54px;
}
}
@media (prefers-reduced-motion: reduce){
.tw-gallery-lightbox,
.tw-gallery-lightbox__dialog,
.tw-gallery-lightbox__thumb,
.tw-gallery-lightbox__close,
.tw-gallery-lightbox__nav,
.tw-simple-gallery__nav{
transition:none !important;
}
} .woocommerce-checkout .tw-checkout-simple__top,
.woocommerce-checkout .tw-checkout-simple__card{
border-radius:20px;
}
.woocommerce-checkout .tw-checkout-simple__notice,
.woocommerce-checkout .tw-checkout-simple__final-hint{
border-radius:16px;
}
.woocommerce-checkout .tw-checkout-simple__card-head{
background:linear-gradient(180deg,#fff 0%,#fbfdfe 100%);
}
.tw-checkout-review__delivery-intro > td{
padding:18px 0 10px !important;
border:0 !important;
background:transparent !important;
}
.tw-checkout-review__section-heading,
.tw-checkout-payment-intro{
display:flex;
align-items:flex-start;
gap:12px;
padding:14px 15px;
border:1px solid #dce8ed;
border-radius:16px;
background:linear-gradient(135deg,#f4fbfd 0%,#ffffff 62%,#f7fbfc 100%);
}
.tw-checkout-review__section-icon,
.tw-checkout-payment-intro__icon{
width:42px;
height:42px;
flex:0 0 42px;
display:grid;
place-items:center;
border-radius:13px;
background:#e9f8fb;
font-size:1.35rem;
box-shadow:inset 0 0 0 1px rgba(1,176,204,.10);
}
.tw-checkout-review__section-heading > span:last-child,
.tw-checkout-payment-intro > span:last-child{
min-width:0;
display:grid;
gap:3px;
}
.tw-checkout-review__section-heading strong,
.tw-checkout-payment-intro strong{
color:#002c52;
font-size:1rem;
line-height:1.2;
}
.tw-checkout-review__section-heading small,
.tw-checkout-payment-intro small{
color:#607783;
font-size:.82rem;
line-height:1.45;
}
.tw-checkout-simple__review tr.woocommerce-shipping-totals.shipping > th,
.tw-checkout-simple__review tr.shipping > th.tw-delivery-native-heading{
display:none !important;
}
.tw-checkout-simple__review tr.woocommerce-shipping-totals.shipping > td.tw-delivery-options-cell,
.tw-checkout-simple__review tr.shipping > td.tw-delivery-options-cell{
width:100% !important;
padding:0 0 16px !important;
text-align:left !important;
border-top:0 !important;
}
.tw-checkout-simple__review ul#shipping_method,
.tw-checkout-simple__review .woocommerce-shipping-methods{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px !important;
width:100%;
margin:0 !important;
padding:0 !important;
}
.tw-checkout-simple__review ul#shipping_method > li.tw-delivery-option,
.tw-checkout-simple__review .woocommerce-shipping-methods > li.tw-delivery-option{
position:relative;
min-width:0;
margin:0 !important;
padding:0 !important;
border:0 !important;
background:transparent !important;
list-style:none !important;
}
.tw-delivery-option > input[type="radio"]{
position:absolute !important;
width:1px !important;
height:1px !important;
opacity:0 !important;
pointer-events:none;
}
.tw-delivery-option__label{
position:relative;
min-height:122px;
height:100%;
display:grid !important;
grid-template-columns:48px minmax(0,1fr);
align-items:start;
gap:11px;
margin:0 !important;
padding:15px !important;
border:1.5px solid #dbe5ea;
border-radius:16px;
background:#fff;
color:#17384a !important;
cursor:pointer;
box-shadow:0 7px 20px rgba(0,44,82,.04);
transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease;
}
.tw-delivery-option__label:hover{
border-color:#9fdbe5;
box-shadow:0 10px 24px rgba(0,44,82,.07);
transform:translateY(-1px);
}
.tw-delivery-option:focus-within .tw-delivery-option__label{
outline:3px solid rgba(1,176,204,.16);
outline-offset:2px;
}
.tw-delivery-option.is-selected .tw-delivery-option__label{
border-color:#01a9c4;
background:linear-gradient(180deg,#f4fcfd 0%,#fff 100%);
box-shadow:0 0 0 3px rgba(1,176,204,.10),0 10px 26px rgba(0,44,82,.08);
}
.tw-delivery-option.is-selected .tw-delivery-option__label::after{
content:"✓";
position:absolute;
top:10px;
right:10px;
width:24px;
height:24px;
display:grid;
place-items:center;
border-radius:999px;
background:#079a67;
color:#fff;
font-size:.78rem;
font-weight:950;
box-shadow:0 3px 9px rgba(7,154,103,.20);
}
.tw-delivery-option__icon{
width:48px;
height:48px;
display:grid;
place-items:center;
border-radius:14px;
font-size:1.45rem;
background:#eef8fa;
border:1px solid #dbeef2;
}
.tw-delivery-option--express .tw-delivery-option__icon{background:#fff7e8;border-color:#f8dfac;}
.tw-delivery-option--pickup .tw-delivery-option__icon{background:#eefaf4;border-color:#cfeedd;}
.tw-delivery-option__copy{
min-width:0;
display:grid;
gap:7px;
padding-right:20px;
}
.tw-delivery-option__title{
display:block;
color:#002c52;
font-size:.96rem;
line-height:1.3;
font-weight:900;
}
.tw-delivery-option__title .woocommerce-Price-amount{
display:block;
width:max-content;
max-width:100%;
margin-top:7px;
padding:5px 9px;
border-radius:999px;
background:#edf8fb;
color:#006f85;
font-size:.92rem;
font-weight:950;
}
.tw-delivery-option--pickup .tw-delivery-option__title .woocommerce-Price-amount{
background:#eefaf4;
color:#08734f;
}
.tw-delivery-option__meta{
color:#6c7f89;
font-size:.78rem;
line-height:1.4;
font-weight:650;
}
.tw-delivery-pickup-info{
display:none;
margin-top:10px;
padding:13px 14px;
border:1px solid #cfe8da;
border-radius:14px;
background:#f5fbf8;
color:#315d47;
line-height:1.45;
box-shadow:0 7px 18px rgba(8,115,79,.05);
}
.tw-delivery-option--pickup.is-selected .tw-delivery-pickup-info{
display:grid;
gap:5px;
}
.tw-delivery-pickup-info__title{
color:#075b3f;
font-size:.9rem;
font-weight:950;
}
.tw-delivery-pickup-info__address,
.tw-delivery-pickup-info__hours,
.tw-delivery-pickup-info__note{
font-size:.79rem;
}
.tw-delivery-pickup-info__map{
width:max-content;
margin-top:3px;
color:#006f85 !important;
font-size:.78rem;
font-weight:900;
text-decoration:none !important;
}
.tw-delivery-pickup-info__map:hover{text-decoration:underline !important;}
.tw-checkout-simple__review .woocommerce-checkout-payment{
overflow:hidden;
padding:16px !important;
border-radius:18px !important;
}
.tw-checkout-payment-intro{
margin:0 0 12px;
}
.tw-checkout-simple__review #payment ul.payment_methods{
gap:10px !important;
}
.tw-checkout-simple__review #payment ul.payment_methods > li.tw-payment-option{
position:relative;
padding:0 !important;
border:0 !important;
background:transparent !important;
}
.tw-payment-option > input[type="radio"]{
position:absolute !important;
width:1px !important;
height:1px !important;
opacity:0 !important;
}
.tw-checkout-simple__review #payment ul.payment_methods > li.tw-payment-option > label{
position:relative;
min-height:58px;
display:flex !important;
align-items:center;
gap:11px;
margin:0 !important;
padding:12px 44px 12px 13px;
border:1.5px solid #dbe5ea;
border-radius:14px;
background:#fff;
color:#17384a !important;
cursor:pointer;
transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.tw-checkout-simple__review #payment ul.payment_methods > li.tw-payment-option.is-selected > label{
border-color:#01a9c4;
background:#f4fcfd;
box-shadow:0 0 0 3px rgba(1,176,204,.09);
}
.tw-checkout-simple__review #payment ul.payment_methods > li.tw-payment-option.is-selected > label::after{
content:"✓";
position:absolute;
right:13px;
top:50%;
transform:translateY(-50%);
width:23px;
height:23px;
display:grid;
place-items:center;
border-radius:999px;
background:#079a67;
color:#fff;
font-size:.75rem;
font-weight:950;
}
.tw-payment-option__icon{
width:34px;
height:34px;
flex:0 0 34px;
display:grid;
place-items:center;
border-radius:10px;
background:#eef8fa;
font-size:1.05rem;
}
.tw-checkout-simple__review #payment div.payment_box{
margin:9px 0 0 !important;
border:1px solid #e1eaee;
border-radius:12px !important;
background:#f7fafb !important;
}
@media (max-width:760px){
.woocommerce-checkout .tw-checkout-simple__top,
.woocommerce-checkout .tw-checkout-simple__card{
border-radius:16px;
}
.tw-checkout-review__delivery-intro > td{
padding:14px 0 9px !important;
}
.tw-checkout-review__section-heading,
.tw-checkout-payment-intro{
gap:10px;
padding:12px;
border-radius:14px;
}
.tw-checkout-review__section-icon,
.tw-checkout-payment-intro__icon{
width:38px;
height:38px;
flex-basis:38px;
border-radius:11px;
font-size:1.2rem;
}
.tw-checkout-simple__review ul#shipping_method,
.tw-checkout-simple__review .woocommerce-shipping-methods{
grid-template-columns:1fr !important;
gap:9px !important;
}
.tw-delivery-option__label{
min-height:0;
grid-template-columns:44px minmax(0,1fr);
gap:10px;
padding:13px !important;
border-radius:14px;
}
.tw-delivery-option__icon{
width:44px;
height:44px;
border-radius:12px;
font-size:1.3rem;
}
.tw-delivery-option__copy{gap:5px;}
.tw-delivery-option__title{font-size:.94rem;}
.tw-delivery-option__meta{font-size:.76rem;}
.tw-delivery-pickup-info{
margin-top:7px;
padding:12px;
border-radius:12px;
}
.tw-delivery-pickup-info__address,
.tw-delivery-pickup-info__hours,
.tw-delivery-pickup-info__note{
font-size:.77rem;
}
.tw-checkout-simple__review .woocommerce-checkout-payment{
margin-top:12px !important;
padding:12px !important;
border-radius:16px !important;
}
.tw-checkout-simple__review #payment ul.payment_methods > li.tw-payment-option > label{
min-height:56px;
padding:11px 42px 11px 12px;
border-radius:13px;
}
} .tw-cart-simple-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
margin-bottom:14px;
padding:18px 20px;
border:1px solid var(--tw-border,#d8e1e7);
border-radius:16px;
background:#fff;
box-shadow:0 8px 22px rgba(0,44,82,.06);
}
.tw-cart-simple-head__copy{min-width:0}
.tw-cart-simple-head__step{
display:block;
margin-bottom:4px;
color:var(--tw-accent-2,#DC8124);
font-size:.72rem;
font-weight:900;
letter-spacing:.08em;
text-transform:uppercase;
}
.tw-cart-simple-head__title{
margin:0;
color:var(--tw-text,#002C52);
font-size:clamp(1.45rem,2.5vw,2rem);
line-height:1.1;
}
.tw-cart-simple-head p{
margin:5px 0 0;
color:var(--tw-text-soft,#46636f);
font-size:.95rem;
line-height:1.45;
}
.tw-cart-simple-head__count{
flex:0 0 auto;
display:inline-flex;
align-items:center;
justify-content:center;
min-height:38px;
padding:0 13px;
border-radius:999px;
background:color-mix(in srgb,var(--tw-accent,#01B0CC) 10%,white 90%);
color:var(--tw-accent,#01B0CC);
font-size:.84rem;
font-weight:900;
}
.tw-cart-card--items{padding:16px}
.tw-cart-actions--simple{
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}
.tw-cart-update-hidden{
position:absolute !important;
width:1px !important;
height:1px !important;
padding:0 !important;
margin:-1px !important;
overflow:hidden !important;
clip:rect(0,0,0,0) !important;
white-space:nowrap !important;
border:0 !important;
}
.tw-cart-autosave-note{
color:var(--tw-text-soft,#46636f);
font-size:.82rem;
font-weight:700;
}
.tw-cart-coupon-disclosure{
min-width:min(100%,360px);
border:1px solid var(--tw-border,#d8e1e7);
border-radius:12px;
background:#fff;
overflow:hidden;
}
.tw-cart-coupon-disclosure summary{
padding:11px 13px;
cursor:pointer;
color:var(--tw-text,#002C52);
font-size:.88rem;
font-weight:850;
list-style:none;
}
.tw-cart-coupon-disclosure summary::-webkit-details-marker{display:none}
.tw-cart-coupon-disclosure summary::after{
content:'+';
float:right;
color:var(--tw-accent,#01B0CC);
font-size:1.1rem;
line-height:1;
}
.tw-cart-coupon-disclosure[open] summary::after{content:'−'}
.tw-cart-coupon-disclosure .tw-cart-coupon{
padding:0 11px 11px;
}
.tw-cart-card--summary-simple{
margin-top:14px;
padding:0;
border:0;
background:transparent;
box-shadow:none;
}
.tw-cart-card--summary-simple .tw-cart-collaterals .cart_totals.tw-cart-totals--simple{
width:100%;
padding:0;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
display:grid;
gap:14px;
}
.tw-cart-delivery,
.tw-cart-final{
padding:18px;
border:1px solid var(--tw-border,#d8e1e7);
border-radius:16px;
background:#fff;
box-shadow:0 8px 22px rgba(0,44,82,.06);
}
.tw-cart-section-title{
display:flex;
align-items:flex-start;
gap:11px;
margin-bottom:14px;
}
.tw-cart-section-title__number{
flex:0 0 28px;
width:28px;
height:28px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:999px;
background:var(--tw-text,#002C52);
color:#fff;
font-size:.78rem;
font-weight:900;
}
.tw-cart-section-title h2{
margin:0;
color:var(--tw-text,#002C52);
font-size:1.25rem;
line-height:1.2;
}
.tw-cart-section-title p{
margin:4px 0 0;
color:var(--tw-text-soft,#46636f);
font-size:.88rem;
line-height:1.45;
}
.tw-cart-section-title--final{margin-bottom:10px}
.tw-cart-delivery-options ul#shipping_method,
.tw-cart-delivery-options .woocommerce-shipping-methods{
list-style:none;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
margin:0;
padding:0;
}
.tw-cart-delivery-options ul#shipping_method li,
.tw-cart-delivery-options .woocommerce-shipping-methods li,
.tw-cart-delivery-options .tw-shipping-option{
position:relative;
display:grid;
grid-template-columns:22px minmax(0,1fr);
align-items:center;
gap:9px;
min-height:82px;
margin:0;
padding:13px;
border:1.5px solid var(--tw-border,#d8e1e7);
border-radius:14px;
background:#fff;
cursor:pointer;
transition:border-color .15s ease,box-shadow .15s ease,background .15s ease,transform .15s ease;
}
.tw-cart-delivery-options ul#shipping_method li:hover,
.tw-cart-delivery-options .woocommerce-shipping-methods li:hover{
border-color:color-mix(in srgb,var(--tw-accent,#01B0CC) 55%,var(--tw-border,#d8e1e7) 45%);
transform:translateY(-1px);
}
.tw-cart-delivery-options ul#shipping_method li.is-selected,
.tw-cart-delivery-options .woocommerce-shipping-methods li.is-selected{
border-color:var(--tw-accent,#01B0CC);
background:color-mix(in srgb,var(--tw-accent,#01B0CC) 6%,white 94%);
box-shadow:0 0 0 3px color-mix(in srgb,var(--tw-accent,#01B0CC) 12%,transparent 88%);
}
.tw-cart-delivery-options input[type="radio"]{
width:19px;
height:19px;
margin:0;
accent-color:var(--tw-accent,#01B0CC);
}
.tw-cart-delivery-options label{
min-width:0;
display:grid !important;
grid-template-columns:auto minmax(0,1fr);
align-items:center;
gap:8px;
margin:0 !important;
color:var(--tw-text,#002C52) !important;
font-size:.9rem;
font-weight:850 !important;
line-height:1.35 !important;
cursor:pointer;
}
.tw-cart-delivery-options label .amount{
color:var(--tw-accent-2,#DC8124);
font-weight:900;
}
.tw-shipping-option__icon{
grid-row:1 / span 2;
font-size:1.5rem;
line-height:1;
}
.tw-cart-delivery-options .woocommerce-shipping-destination{
margin:10px 0 0;
color:var(--tw-text-soft,#46636f);
font-size:.8rem;
line-height:1.45;
}
.tw-cart-delivery-options .shipping-calculator-button{
display:inline-flex;
margin-top:8px;
color:var(--tw-accent,#01B0CC);
font-size:.84rem;
font-weight:850;
}
.tw-cart-pickup-info{
display:grid;
grid-template-columns:28px minmax(0,1fr);
gap:10px;
margin-top:12px;
padding:12px 13px;
border:1px solid #cce9db;
border-radius:12px;
background:#f2fbf6;
color:#174f35;
}
.tw-cart-pickup-info[hidden]{display:none !important}
.tw-cart-pickup-info__icon{font-size:1.25rem}
.tw-cart-pickup-info strong,
.tw-cart-pickup-info span,
.tw-cart-pickup-info small,
.tw-cart-pickup-info a{display:block}
.tw-cart-pickup-info strong{font-size:.9rem}
.tw-cart-pickup-info span{margin-top:2px;font-size:.82rem;line-height:1.4}
.tw-cart-pickup-info small{margin-top:4px;font-size:.76rem;line-height:1.4;color:#47735f}
.tw-cart-pickup-info a{margin-top:7px;color:#087d58;font-size:.8rem;font-weight:850;text-decoration:underline}
.tw-cart-delivery__next-note{
margin:10px 0 0;
color:var(--tw-text-soft,#46636f);
font-size:.79rem;
line-height:1.4;
}
.tw-cart-final .tw-cart-final-table{
width:100%;
margin:0;
border:0;
border-collapse:collapse;
background:transparent;
table-layout:auto;
}
.tw-cart-final .tw-cart-final-table th,
.tw-cart-final .tw-cart-final-table td{
padding:9px 0;
border:0;
border-bottom:1px solid var(--tw-border,#d8e1e7);
background:transparent;
font-size:.94rem;
}
.tw-cart-final .tw-cart-final-table th{
width:50%;
color:var(--tw-text-soft,#46636f);
text-align:left;
font-weight:750;
}
.tw-cart-final .tw-cart-final-table td{
width:50%;
color:var(--tw-text,#002C52);
text-align:right;
font-weight:850;
}
.tw-cart-final .tw-cart-final-table .amount{
color:inherit;
font-weight:900;
}
.tw-cart-final .tw-cart-final-table .order-total th,
.tw-cart-final .tw-cart-final-table .order-total td{
padding-top:13px;
border-bottom:0;
color:var(--tw-text,#002C52);
font-size:1.16rem;
font-weight:950;
}
.tw-cart-final .tw-cart-final-table .order-total td,
.tw-cart-final .tw-cart-final-table .order-total .amount{
color:var(--tw-accent-2,#DC8124);
font-size:1.35rem;
}
.tw-cart-free{color:#168052}
.tw-cart-totals--simple .tw-cart-proceed{margin:0}
.tw-cart-totals--simple .tw-cart-proceed__button{
min-height:58px;
display:flex;
align-items:center;
justify-content:center;
border-radius:13px;
font-size:1rem;
letter-spacing:.01em;
}
.tw-cart-totals--simple .tw-cart-proceed__button-text{font-size:1rem;line-height:1.2}
.tw-cart-trust-line{
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
gap:7px 15px;
color:var(--tw-text-soft,#46636f);
font-size:.78rem;
font-weight:750;
}
@media (max-width: 767px){
.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-message{
display:none !important;
}
.tw-cart-page{
padding:10px 0 28px;
}
.tw-cart-simple-head{
align-items:flex-start;
margin-bottom:10px;
padding:12px 13px;
border-radius:13px;
box-shadow:none;
}
.tw-cart-simple-head__step{font-size:.65rem;margin-bottom:3px}
.tw-cart-simple-head__title{font-size:1.35rem}
.tw-cart-simple-head p{
margin-top:4px;
font-size:.82rem;
line-height:1.35;
}
.tw-cart-simple-head__count{
min-height:30px;
padding:0 9px;
font-size:.72rem;
}
.tw-cart-layout{margin-top:0}
.tw-cart-card--items{
padding:10px 12px;
border-radius:13px;
box-shadow:none;
}
.tw-cart-table tbody tr.cart_item{
grid-template-columns:72px minmax(0,1fr);
gap:8px 11px;
padding:12px 0;
}
.tw-cart-table .product-remove{
top:10px;
right:0;
}
.tw-cart-table .product-remove a.remove{
width:30px;
height:30px;
border-radius:999px;
font-size:1.15rem;
}
.tw-cart-table .product-thumbnail{
width:72px;
grid-row:1 / span 3;
}
.tw-cart-table .product-thumbnail img{
width:68px;
height:68px;
padding:5px;
border-radius:10px;
}
.tw-cart-item__name{
margin:0 34px 5px 0;
font-size:.94rem;
line-height:1.28;
}
.tw-cart-item__meta,
.tw-cart-item__meta p,
.tw-cart-item__meta dl,
.tw-cart-item__meta dd{
font-size:.78rem;
line-height:1.35;
}
.tw-cart-item__meta .stock.in-stock{display:none !important}
.tw-cart-table .product-price{display:none !important}
.tw-cart-table .product-quantity,
.tw-cart-table .product-subtotal{
display:flex !important;
align-items:center;
justify-content:space-between;
gap:8px;
}
.tw-cart-table .product-quantity::before,
.tw-cart-table .product-subtotal::before{
display:inline-block;
margin:0;
font-size:.68rem;
}
.tw-cart-item__qty .qty{
width:54px;
min-height:36px;
border-radius:8px;
font-size:.88rem;
}
.tw-cart-item__subtotal,
.tw-cart-page .product-subtotal .amount{
font-size:1rem;
}
.tw-cart-actions-row td.actions{padding-top:10px}
.tw-cart-actions--simple{
display:grid;
gap:7px;
}
.tw-cart-coupon-disclosure{
min-width:0;
width:100%;
border-radius:10px;
}
.tw-cart-coupon-disclosure summary{
padding:9px 10px;
font-size:.79rem;
}
.tw-cart-coupon-disclosure .tw-cart-coupon{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:7px;
padding:0 8px 8px;
}
.tw-cart-coupon .input-text{
min-width:0;
width:100%;
min-height:40px;
font-size:.85rem;
}
.tw-cart-coupon .tw-cart-btn{
width:auto;
min-height:40px;
padding:0 12px;
font-size:.8rem;
}
.tw-cart-autosave-note{
text-align:center;
font-size:.7rem;
}
.tw-cart-card--summary-simple{margin-top:10px}
.tw-cart-delivery,
.tw-cart-final{
padding:13px;
border-radius:13px;
box-shadow:none;
}
.tw-cart-section-title{
gap:8px;
margin-bottom:10px;
}
.tw-cart-section-title__number{
flex-basis:24px;
width:24px;
height:24px;
font-size:.68rem;
}
.tw-cart-section-title h2{font-size:1.04rem}
.tw-cart-section-title p{font-size:.76rem;margin-top:2px}
.tw-cart-delivery-options ul#shipping_method,
.tw-cart-delivery-options .woocommerce-shipping-methods{
grid-template-columns:1fr;
gap:7px;
}
.tw-cart-delivery-options ul#shipping_method li,
.tw-cart-delivery-options .woocommerce-shipping-methods li,
.tw-cart-delivery-options .tw-shipping-option{
min-height:58px;
grid-template-columns:20px minmax(0,1fr);
gap:8px;
padding:9px 10px;
border-radius:11px;
}
.tw-cart-delivery-options input[type="radio"]{
width:18px;
height:18px;
}
.tw-cart-delivery-options label{
gap:7px;
font-size:.84rem;
line-height:1.3 !important;
}
.tw-shipping-option__icon{font-size:1.25rem}
.tw-cart-delivery-options .woocommerce-shipping-destination{
display:none !important;
}
.tw-cart-delivery-options .shipping-calculator-button{
margin-top:6px;
font-size:.76rem;
}
.tw-cart-pickup-info{
grid-template-columns:23px minmax(0,1fr);
margin-top:8px;
padding:9px 10px;
border-radius:10px;
}
.tw-cart-pickup-info__icon{font-size:1.05rem}
.tw-cart-pickup-info strong{font-size:.81rem}
.tw-cart-pickup-info span{font-size:.74rem}
.tw-cart-pickup-info small,.tw-cart-pickup-info a{font-size:.7rem}
.tw-cart-delivery__next-note{
margin-top:7px;
font-size:.7rem;
}
.tw-cart-final .tw-cart-final-table th,
.tw-cart-final .tw-cart-final-table td{
display:table-cell !important;
width:50% !important;
padding:7px 0;
font-size:.82rem;
}
.tw-cart-final .tw-cart-final-table td{
text-align:right !important;
}
.tw-cart-final .tw-cart-final-table td::before{display:none !important}
.tw-cart-final .tw-cart-final-table .order-total th,
.tw-cart-final .tw-cart-final-table .order-total td{
font-size:1rem;
padding-top:10px;
}
.tw-cart-final .tw-cart-final-table .order-total td,
.tw-cart-final .tw-cart-final-table .order-total .amount{
font-size:1.18rem;
}
.tw-cart-totals--simple .tw-cart-proceed__button{
min-height:52px;
border-radius:11px;
}
.tw-cart-totals--simple .tw-cart-proceed__button-text{font-size:.92rem}
.tw-cart-trust-line{
gap:5px 10px;
font-size:.68rem;
}
} body.woocommerce-cart .tw-content-wrap{
padding-top:14px;
}
body.woocommerce-cart .tw-page-card{
padding:0;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
}
body.woocommerce-cart .tw-page-title{
display:none !important;
}
body.woocommerce-cart .tw-page-content{
color:var(--tw-text,#002C52);
}
body.woocommerce-cart .tw-cart-page > .tw-container{
width:100%;
max-width:none;
}
@media (max-width:767px){
body.woocommerce-cart .tw-content-wrap{
width:min(100% - 16px,var(--tw-container));
padding:8px 0 24px;
}
}
.tw-cart-delivery-options ul#shipping_method li,
.tw-cart-delivery-options .woocommerce-shipping-methods li{
justify-items:stretch;
}:root {
--tw-shadow: 0 16px 40px rgba(4, 42, 66, .09);
--tw-shadow-soft: 0 8px 24px rgba(4, 42, 66, .07);
--tw-shadow-hover: 0 22px 52px rgba(4, 42, 66, .13);
--tw-radius: 18px;
--tw-radius-sm: 12px;
--tw-radius-lg: 24px;
--tw-focus: 0 0 0 4px color-mix(in srgb, var(--tw-accent) 16%, transparent);
}
html { background: var(--tw-bg); }
body {
background:
radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--tw-accent) 5%, transparent), transparent 30rem),
var(--tw-bg);
color: var(--tw-text);
font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
::selection {
background: color-mix(in srgb, var(--tw-accent) 24%, transparent);
color: var(--tw-text);
}
.tw-container { width: min(100% - clamp(24px, 4vw, 48px), var(--tw-container)); }
.tw-main { overflow: clip; }
.tw-content-wrap { padding: clamp(34px, 5vw, 64px) 0; }
.tw-card,
.tw-category-card,
.tw-product-card,
.tw-repair-card,
.tw-trust-item,
.tw-shop-card {
border-color: color-mix(in srgb, var(--tw-border) 88%, white 12%);
box-shadow: var(--tw-shadow-soft);
}
.tw-card { border-radius: var(--tw-radius-lg); }
.tw-section-kicker {
color: var(--tw-accent);
letter-spacing: .11em;
font-weight: 850;
}
.tw-section-head h2,
.tw-page-title,
.tw-post-title {
letter-spacing: -.035em;
line-height: 1.08;
}
.tw-btn {
min-height: 48px;
border-radius: 14px;
padding-inline: 20px;
font-weight: 800;
letter-spacing: -.01em;
box-shadow: none;
}
.tw-btn:hover { transform: translateY(-2px); box-shadow: var(--tw-shadow-soft); }
.tw-btn:focus-visible { outline: none; box-shadow: var(--tw-focus); }
.tw-btn--accent {
background: linear-gradient(135deg, var(--tw-accent), color-mix(in srgb, var(--tw-accent) 74%, var(--tw-accent-2) 26%));
color: var(--tw-button-text);
}
.tw-btn--ghost { background: var(--tw-panel); } .tw-header {
background: color-mix(in srgb, var(--tw-header-bg) 94%, transparent) !important;
border-bottom-color: color-mix(in srgb, var(--tw-border) 82%, transparent) !important;
box-shadow: 0 10px 32px rgba(4, 42, 66, .07) !important;
backdrop-filter: blur(18px) saturate(1.15);
}
.tw-header.is-scrolled {
background: color-mix(in srgb, var(--tw-header-bg) 97%, transparent) !important;
box-shadow: 0 12px 36px rgba(4, 42, 66, .10) !important;
}
.tw-main-header__inner {
min-height: 82px;
grid-template-columns: 205px minmax(360px, 1fr) auto;
gap: clamp(14px, 2vw, 24px);
}
.tw-site-brand,
.custom-logo-link { transition: transform .18s ease, opacity .18s ease; }
.tw-site-brand:hover,
.custom-logo-link:hover { transform: translateY(-1px); } .tw-search-shell { gap: 8px; }
.tw-search-input {
min-height: 50px;
height: 50px;
border-radius: 15px;
border-color: color-mix(in srgb, var(--tw-border) 90%, var(--tw-accent) 10%);
background: color-mix(in srgb, var(--tw-panel) 96%, var(--tw-bg-soft) 4%);
padding-left: 46px;
font-size: .96rem;
font-weight: 650;
box-shadow: inset 0 1px 0 rgba(255,255,255,.62);
}
.tw-search-input:hover { border-color: color-mix(in srgb, var(--tw-accent) 34%, var(--tw-border) 66%); }
.tw-search-input:focus {
border-color: var(--tw-accent);
background: var(--tw-panel);
box-shadow: var(--tw-focus), 0 12px 28px rgba(4, 42, 66, .08);
}
.tw-search-input-icon { left: 17px; }
.tw-search-clear {
right: 11px;
width: 28px;
height: 28px;
border: 0;
border-radius: 9px;
background: var(--tw-bg-soft);
}
.tw-search-button {
height: 50px;
min-height: 50px;
border: 0;
border-radius: 15px;
padding-inline: 18px;
background: linear-gradient(135deg, var(--tw-accent), color-mix(in srgb, var(--tw-accent) 72%, var(--tw-accent-2) 28%));
color: var(--tw-button-text);
box-shadow: 0 10px 22px color-mix(in srgb, var(--tw-accent) 18%, transparent);
}
.tw-search-button:hover {
transform: translateY(-2px);
box-shadow: 0 14px 30px color-mix(in srgb, var(--tw-accent) 22%, transparent);
}
.tw-search-live-panel { top: calc(100% + 12px); }
.tw-search-live-panel__inner {
border-radius: 18px;
border-color: color-mix(in srgb, var(--tw-border) 88%, var(--tw-accent) 12%);
box-shadow: 0 24px 60px rgba(2, 31, 50, .18);
background: color-mix(in srgb, var(--tw-panel) 97%, transparent);
backdrop-filter: blur(20px) saturate(1.08);
}
.tw-search-live-results { max-height: min(520px, 64vh); overflow: auto; overscroll-behavior: contain; }
.tw-search-live-item { padding: 13px 15px; gap: 14px; }
.tw-search-live-item + .tw-search-live-item { border-top-color: color-mix(in srgb, var(--tw-border) 76%, transparent); }
.tw-search-live-item:hover { background: color-mix(in srgb, var(--tw-accent) 5%, var(--tw-panel) 95%); }
.tw-search-live-thumb { border-radius: 12px; overflow: hidden; background: var(--tw-bg-soft); }
.tw-search-live-title { font-weight: 800; letter-spacing: -.01em; }
.tw-search-live-stock--in { color: var(--tw-success); }
.tw-search-live-stock--out { color: var(--tw-danger); }
.tw-search-live-add {
border-radius: 11px !important;
min-height: 36px;
padding-inline: 13px !important;
font-weight: 800 !important;
}
.tw-search-live-footer { border-top-color: var(--tw-border); background: color-mix(in srgb, var(--tw-bg-soft) 55%, var(--tw-panel) 45%); }
.tw-search-live-footer__all { border-radius: 10px; } .tw-desktop-nav {
background: color-mix(in srgb, var(--tw-header-bg) 96%, var(--tw-bg-soft) 4%);
border-top: 1px solid color-mix(in srgb, var(--tw-border) 78%, transparent);
border-bottom: 1px solid color-mix(in srgb, var(--tw-border) 86%, transparent);
box-shadow: none;
}
.tw-desktop-nav__layout,
.tw-primary-menu { min-height: 54px; }
.tw-primary-menu { gap: 4px; padding-block: 5px; }
.tw-primary-menu > li > a {
min-height: 42px;
border-radius: 11px;
color: var(--tw-header-text);
padding-inline: 14px;
font-weight: 780;
}
.tw-primary-menu > li:hover > a,
.tw-primary-menu > li:focus-within > a,
.tw-primary-menu > li.current-menu-item > a,
.tw-primary-menu > li.current-menu-ancestor > a,
.tw-primary-menu > li.current-menu-parent > a {
color: var(--tw-text);
background: color-mix(in srgb, var(--tw-accent) 9%, var(--tw-panel) 91%);
border-color: color-mix(in srgb, var(--tw-accent) 18%, var(--tw-border) 82%);
box-shadow: none;
}
.tw-primary-menu > li.current-menu-item::after,
.tw-primary-menu > li.current-menu-ancestor::after,
.tw-primary-menu > li.current-menu-parent::after,
.tw-primary-menu > li:hover::after,
.tw-primary-menu > li:focus-within::after { bottom: 2px; left: 16px; right: 16px; border-radius: 999px; }
.tw-action-link--categories-nav {
min-height: 42px !important;
border-radius: 12px !important;
background: var(--tw-accent) !important;
border-color: transparent !important;
box-shadow: none !important;
}
.tw-primary-menu .sub-menu,
.tw-mega-menu,
.tw-desktop-nav__categories-panel {
border-radius: 16px !important;
border-color: color-mix(in srgb, var(--tw-border) 88%, var(--tw-accent) 12%) !important;
box-shadow: 0 22px 52px rgba(3, 34, 54, .16) !important;
overflow: hidden;
} .tw-home-section { padding: clamp(34px, 5vw, 68px) 0; }
.tw-home-section + .tw-home-section { border-top: 1px solid color-mix(in srgb, var(--tw-border) 56%, transparent); }
.tw-hero { padding-top: clamp(30px, 5vw, 58px); padding-bottom: clamp(30px, 5vw, 58px); }
.tw-hero__content h1,
.tw-home-slider__content h1 {
font-size: clamp(2.2rem, 4.7vw, 4.6rem);
line-height: .99;
letter-spacing: -.055em;
text-wrap: balance;
}
.tw-hero__content p,
.tw-home-slider__content p { font-size: clamp(1rem, 1.4vw, 1.14rem); line-height: 1.65; }
.tw-hero-card,
.tw-home-slider__visual,
.tw-home-slider__card { border-radius: var(--tw-radius-lg); }
.tw-category-grid { gap: 18px; }
.tw-category-card {
min-height: 136px;
border-radius: 18px;
background: var(--tw-panel);
padding: 20px 16px;
}
.tw-category-card:hover {
transform: translateY(-5px);
border-color: color-mix(in srgb, var(--tw-accent) 30%, var(--tw-border) 70%);
box-shadow: var(--tw-shadow-hover);
}
.tw-category-card span { font-size: 1.7rem; }
.tw-category-card strong { letter-spacing: -.015em; }
.tw-promo-item {
border-radius: 14px;
background: var(--tw-panel);
box-shadow: 0 6px 18px rgba(4, 42, 66, .04);
}
.tw-product-card,
.tw-repair-card,
.tw-trust-item {
border-radius: 18px;
background: var(--tw-panel);
}
.tw-product-card:hover,
.tw-repair-card:hover { transform: translateY(-5px); box-shadow: var(--tw-shadow-hover); }
.tw-product-card__body { padding: 18px; }
.tw-product-card__price { color: var(--tw-accent-2); }
.tw-repair-card__media,
.tw-repair-card__thumb { border-radius: 0; }
.tw-repair-card__body,
.tw-repair-card__content { padding: 20px 20px 22px; } .tw-shop-page { padding-top: clamp(28px, 4vw, 48px); }
.tw-shop-page__head {
border-radius: 22px !important;
background: color-mix(in srgb, var(--tw-panel) 96%, var(--tw-bg-soft) 4%) !important;
border-color: var(--tw-border) !important;
box-shadow: var(--tw-shadow-soft) !important;
}
.tw-shop-page__title { letter-spacing: -.04em; }
.tw-shop-page__ordering select,
.woocommerce select,
.woocommerce input.input-text,
.woocommerce textarea,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
border-radius: 12px !important;
border-color: var(--tw-border) !important;
background: var(--tw-panel) !important;
color: var(--tw-text) !important;
}
.tw-shop-card {
border-radius: 18px !important;
background: var(--tw-panel) !important;
overflow: hidden;
}
.tw-shop-card:hover { transform: translateY(-5px) !important; box-shadow: var(--tw-shadow-hover) !important; }
.tw-shop-card__image { background: color-mix(in srgb, var(--tw-bg-soft) 74%, white 26%) !important; }
.tw-shop-card__body { padding: 18px !important; }
.tw-shop-card__title { letter-spacing: -.02em; }
.tw-shop-card__buy,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
border-radius: 12px !important;
font-weight: 800 !important;
}
.tw-shop-card__buy:not(.tw-shop-card__buy--secondary),
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background: var(--tw-accent) !important;
color: var(--tw-button-text) !important;
}
.tw-shop-card__stock-fill,
.tw-shop-stock__fill,
.tw-shop-card__stock-value { background: var(--tw-success) !important; }
.tw-single-product__media-card,
.tw-single-product__summary-card,
.woocommerce-cart .cart_totals,
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-account .woocommerce-MyAccount-content {
border-radius: 20px !important;
} .tw-footer {
margin-top: clamp(44px, 7vw, 86px);
background:
radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--tw-accent) 18%, transparent), transparent 28rem),
radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--tw-accent-2) 14%, transparent), transparent 25rem),
var(--tw-footer-bg) !important;
color: var(--tw-footer-text);
}
.tw-footer__card {
border-radius: 20px;
box-shadow: 0 18px 46px rgba(0,0,0,.18);
}
.tw-footer__lead,
.tw-footer__info-item p,
.tw-footer__links-list a,
.tw-footer-nav a,
.tw-footer__note,
.tw-footer__copy,
.tw-footer__credit { color: color-mix(in srgb, var(--tw-footer-text) 78%, transparent); }
.tw-footer__title,
.tw-footer__info-item strong,
.tw-footer__card-title,
.tw-footer__note strong { color: var(--tw-footer-text); } a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible { outline: none; box-shadow: var(--tw-focus); }
@media (max-width: 1100px) {
.tw-main-header__inner { grid-template-columns: 180px minmax(300px, 1fr) auto; }
}
@media (max-width: 991px) {
.tw-container { width: min(100% - 24px, var(--tw-container)); }
.tw-mobile-header {
background: color-mix(in srgb, var(--tw-header-bg) 96%, transparent) !important;
backdrop-filter: blur(18px);
}
.tw-mobile-search .tw-search-input { border-radius: 14px; }
.tw-search-live-panel { position: fixed; left: 12px; right: 12px; width: auto; top: 118px; }
.tw-search-live-panel__inner { max-height: calc(100vh - 145px); overflow: auto; }
.tw-home-section { padding: 34px 0; }
}
@media (max-width: 767px) {
:root { --tw-radius: 16px; --tw-radius-lg: 20px; }
.tw-hero__content h1,
.tw-home-slider__content h1 { font-size: clamp(2rem, 10vw, 3.1rem); }
.tw-category-card,
.tw-product-card,
.tw-repair-card,
.tw-shop-card { border-radius: 16px !important; }
.tw-search-button__text { display: none; }
.tw-search-button { width: 50px; padding: 0; }
.tw-footer__card { border-radius: 18px; }
}
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
} .tw-topbar {
background: color-mix(in srgb, var(--tw-footer-bg) 94%, var(--tw-accent) 6%) !important;
border-bottom-color: color-mix(in srgb, var(--tw-accent) 18%, transparent) !important;
}
.tw-topbar__left,
.tw-topbar__right a { color: color-mix(in srgb, var(--tw-footer-text) 82%, transparent) !important; }
.tw-topbar__right a:hover { color: color-mix(in srgb, var(--tw-accent) 76%, white 24%) !important; }
.tw-auth-hangtab {
background: linear-gradient(135deg, var(--tw-accent-2), color-mix(in srgb, var(--tw-accent-2) 72%, var(--tw-accent) 28%)) !important;
color: var(--tw-button-text) !important;
box-shadow: 0 14px 30px color-mix(in srgb, var(--tw-accent-2) 24%, transparent) !important;
}
.tw-auth-hangtab::before {
background: color-mix(in srgb, var(--tw-accent-2) 72%, black 28%) !important;
} @media (max-width: 767px) {
.tw-shop-card .js-tw-shop-buy,
.tw-shop-card .js-tw-shop-buy:link,
.tw-shop-card .js-tw-shop-buy:visited {
background: linear-gradient(180deg, #014964 0%, #002c52 100%) !important;
border-color: #002c52 !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
text-shadow: none !important;
}
.tw-shop-card .js-tw-shop-buy:hover,
.tw-shop-card .js-tw-shop-buy:focus,
.tw-shop-card .js-tw-shop-buy:active {
background: linear-gradient(180deg, #016082 0%, #013b59 100%) !important;
border-color: #013b59 !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
.tw-single-product .single_add_to_cart_button,
.tw-single-product button.single_add_to_cart_button,
.tw-single-product .button.alt {
background: linear-gradient(180deg, #dc8124 0%, #b96d1f 100%) !important;
border-color: #b96d1f !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
} @media (min-width: 1101px) {
html { font-size: 15px; }
.tw-container {
width: min(100% - 32px, var(--tw-container));
}
.tw-topbar__inner { min-height: 34px; }
.tw-topbar { font-size: .86rem; }
.tw-main-header__inner {
min-height: 72px;
grid-template-columns: 190px minmax(340px, 1fr) auto;
gap: 16px;
}
.tw-main-header__logo .tw-brand-logo--header { width: min(100%, 215px); }
.tw-main-header__logo .tw-brand-logo--header img { max-height: 60px; }
.tw-search-input,
.tw-search-button {
min-height: 44px;
height: 44px;
border-radius: 11px;
}
.tw-search-input {
padding-left: 42px;
font-size: .92rem;
}
.tw-search-input-icon { left: 15px; }
.tw-search-button { padding-inline: 15px; }
.tw-content-wrap { padding: 30px 0 44px; }
.tw-home-section { padding: 30px 0; }
.tw-hero { padding-top: 30px; padding-bottom: 30px; }
.tw-hero__content h1,
.tw-home-slider__content h1 {
font-size: clamp(2rem, 3.5vw, 3.55rem);
line-height: 1.01;
}
.tw-hero__content p,
.tw-home-slider__content p {
font-size: clamp(.94rem, 1.05vw, 1.04rem);
}
.tw-category-card {
min-height: 116px;
padding: 16px 14px;
}
.tw-product-card__body { padding: 15px; }
.tw-btn { min-height: 44px; padding-inline: 17px; }
}