.tt26 {
--tt26-ink: #1c1c1c;
--tt26-deep: #0e495e;
--tt26-accent: #4a6a80;
--tt26-accent-soft: #407796;
--tt26-muted: #7a7a7a;
--tt26-line: rgba(28, 28, 28, .14);
--tt26-paper: #ffffff;
--tt26-page: #f2f2f2;
--tt26-mist: #f5f6f6;
--tt26-shell: 1280px;
--tt26-gutter: clamp(20px, 5vw, 72px);
--tt26-o-nho: clamp(26px, 3.4vw, 44px);
--tt26-o-vua: clamp(40px, 5vw, 72px);
--tt26-o-lon: clamp(48px, 7vw, 96px);
--tt26-o-rong: clamp(60px, 8vw, 120px);
--tt26-sans: "Inter", "Segoe UI", Arial, sans-serif;
--tt26-display: "Be Vietnam Pro", "Inter", "Segoe UI", Arial, sans-serif;
--tt26-alt: "Josefin Sans", "Be Vietnam Pro", "Inter", "Segoe UI", Arial, sans-serif;
--tt-gray: #6b6b6b;
--tt-body: "Be Vietnam Pro", "Inter", "Segoe UI", Arial, sans-serif;
--tt-display: "Be Vietnam Pro", "Inter", "Segoe UI", Arial, sans-serif;
--tt-banner-display: "Be Vietnam Pro", "Inter", "Segoe UI", Arial, sans-serif;
}
body.tt26 .tt-hero h1,
body.tt26 .tt-collection-banner h2,
body.tt26 .tt-feature-split__collection h2,
body.tt26 .tt-collections-feature h1,
body.tt26 .tt-collections-feature h2,
body.tt26 .tt-blog-banner .tt-blog-page__title,
body.tt26 .tt-blog-hero-card h2,
body.tt26 .tt-blog-detail__hero h1,
body.tt26 .tt-contact-hero h1,
body.tt26 .tt-about-tom__hero h1,
body.tt26 .tt-about-redesign__hero h1,
body.tt26 .tt-about-page--refined .tt-about-hero h1,
body.tt26 .tt-policy-hero h1 {
font-family: var(--tt26-display) !important;
font-weight: 300 !important;
letter-spacing: .06em !important;
text-transform: uppercase !important;
}
body.tt26 {
background: var(--tt26-page) !important;
color: var(--tt26-ink);
font-family: var(--tt26-display);
font-size: 14px;
-webkit-font-smoothing: antialiased;
}
body.tt26 h1,
body.tt26 h2,
body.tt26 h3,
body.tt26 h4 {
font-family: var(--tt26-display);
font-weight: 400;
}
body.tt26 .tt-logo,
body.tt26 .tt-footer-logo {
font-family: "InstrumentSerifTT", Georgia, "Times New Roman", serif;
}
.tt26 .tt-shell {
width: min(var(--tt26-shell), calc(100% - var(--tt26-gutter) * 2));
}
.tt26 .tt-site-header {
background: var(--tt26-paper);
border-bottom: 1px solid var(--tt26-line);
}
.tt26 .tt-header-logo-row,
body.tt26 .tt-header-logo-row {
display: flex !important;
height: 73px !important;
background: var(--tt26-paper) !important;
color: var(--tt26-ink) !important;
border-bottom: 0 !important;
}
.tt26 .tt-logo img {
height: 36px;
width: auto;
}
.tt26 .tt-header-nav-row,
body.tt26 .tt-header-nav-row,
body.tt26.single-product .tt-header-nav-row,
body.tt26.woocommerce-cart .tt-header-nav-row,
body.tt26.woocommerce-checkout .tt-header-nav-row,
body.tt26.page-child .tt-header-nav-row {
display: grid !important;
height: 46px !important;
padding: 0 40px 0 160px !important;
background: var(--tt26-paper) !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: center;
border-top: 0 !important;
border-bottom: 0 !important;
position: relative;
}
.tt26 .tt-primary-nav {
grid-column: 1;
justify-self: center;
min-width: 0;
}
.tt26 .tt-menu {
gap: clamp(16px, 5.1vw, 73px);
flex-wrap: nowrap;
}
.tt26 .tt-header-icons > a[href*="?s"] {
position: absolute;
left: 124px;
top: 50%;
transform: translateY(-50%);
}
.tt26 .tt-header-icons {
grid-column: 2;
}
.tt26 .tt-menu a,
body.tt26 .tt-menu a,
body.tt26 .tt-header-icons a,
body.tt26 .tt-header-language a,
body.tt26 .tt-header-nav-row,
body.tt26 .tt-header-nav-row span,
body.tt26 .tt-menu li {
color: var(--tt26-ink) !important;
}
.tt26 .tt-menu a,
body.tt26 .tt-menu a {
font-family: var(--tt26-display) !important;
font-size: 15px !important;
font-weight: 600 !important;
letter-spacing: .75px !important;
text-transform: uppercase;
}
.tt26 .tt-menu a:hover,
body.tt26 .tt-menu a:hover {
color: var(--tt26-accent) !important;
}
.tt26 .tt-header-icons {
justify-self: end;
gap: 18px;
}
.tt26 .tt-header-icons svg {
stroke-width: 1.3;
}
.tt26 .tt-header-language a {
font-size: 10px;
letter-spacing: .1em;
}
.tt26 .tt-site-header,
body.tt26 .tt-site-header {
backdrop-filter: none !important;
}
.tt26 .woocommerce ul.products {
gap: 30px;
}
.tt26 .tt-product-card {
background: var(--tt26-paper);
display: flex;
flex-direction: column;
}
.tt26 .tt-product-card > * {
width: 100%;
}
.tt26 .tt-product-card__link {
height: auto !important;
flex: 0 0 auto;
}
.tt26 .tt-product-card__image {
flex: 0 0 auto;
}
.tt26 .tt-product-card__body,
.tt26 .tt-product-card__body h2,
.tt26 .tt-product-card__body p,
.tt26 .tt-product-card__body .tt-price,
.tt26 .tt-product-card__body .price,
.tt26 .woocommerce-loop-product__title {
text-align: center !important;
}
.tt26 .tt-product-card:hover {
transform: none;
box-shadow: none;
}
.tt26 .tt-product-card__image {
background: var(--tt26-mist);
aspect-ratio: 618 / 513;
}
.tt26 .tt-product-card:hover .tt-product-card__image img {
transform: scale(1.03);
}
.tt26 .tt-product-card__image img {
transition: transform .5s ease;
}
.tt26 .tt-product-card__body,
body.tt26 .tt-product-card__body {
min-height: 89px;
padding: 20px !important;
text-align: center;
background: var(--tt26-paper) !important;
}
.tt26 .tt-product-card__body h2,
.tt26 .woocommerce-loop-product__title,
body.tt26 .woocommerce ul.products li.product .woocommerce-loop-product__title {
font-family: var(--tt26-display) !important;
font-size: clamp(14px, 1.45vw, 20px) !important;
font-weight: 600 !important;
letter-spacing: 1px !important;
line-height: 1.2;
text-transform: uppercase;
color: var(--tt26-ink);
margin: 0 0 4px;
}
.tt26 .tt-product-card__body .tt-price,
.tt26 .tt-product-card__body .price,
.tt26 .tt-product-card__body .price .amount,
body.tt26 .tt-product-card__body .price {
font-family: var(--tt26-display) !important;
font-size: clamp(11px, 1.02vw, 14px) !important;
font-weight: 500 !important;
letter-spacing: .7px !important;
color: #737373 !important;
}
.tt26 .tt-single-product {
width: 100%;
max-width: none;
margin: 0;
display: grid;
grid-template-columns: 641fr 784fr;
gap: 0;
align-items: stretch;
}
.tt26 .tt-single-product__gallery {
margin: 0;
position: relative;
background: var(--tt26-mist);
}
.tt26 .tt-product-main-image {
margin: 0;
height: 100%;
min-height: 0;
aspect-ratio: 641 / 1001;
}
.tt26 .tt-product-main-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.tt26 .tt-single-product__summary,
body.tt26 .tt-single-product__summary {
padding: 92px 119px 60px 120px !important;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.tt26 .tt-product-thumbs {
order: 9;
margin-top: 34px;
gap: 10px;
}
.tt26 .tt-product-thumbs button {
width: 58px;
height: 58px;
border: 1px solid transparent;
background: var(--tt26-mist);
padding: 0;
}
.tt26 .tt-product-thumbs button.is-active {
border-color: var(--tt26-accent);
}
.tt26 .tt-stock-dot {
font-size: 10px;
letter-spacing: .16em;
text-transform: uppercase;
color: var(--tt26-muted);
margin: 0 0 14px;
}
.tt26 .tt-single-product__summary h1,
body.tt26 .tt-single-product__summary h1 {
font-family: var(--tt26-display) !important;
font-size: clamp(20px, 2.1vw, 30px) !important;
font-weight: 500 !important;
letter-spacing: 3.6px !important;
text-transform: uppercase;
color: var(--tt26-ink);
margin: 0 0 12px;
}
.tt26 .tt-product-subtitle,
body.tt26 .tt-product-subtitle {
font-family: var(--tt26-display) !important;
font-size: 16px !important;
font-weight: 400 !important;
letter-spacing: normal !important;
line-height: 1.5;
color: var(--tt26-deep) !important;
margin: 24px 0 24px;
}
.tt26 .tt-single-product__price,
.tt26 .tt-single-product__price .price,
.tt26 .tt-single-product__price .amount,
body.tt26 .tt-single-product__price .amount {
font-family: var(--tt26-display) !important;
font-size: 18px !important;
font-weight: 600 !important;
letter-spacing: 2.16px !important;
color: var(--tt26-ink) !important;
}
.tt26 .tt-single-product__price {
margin-bottom: 22px;
}
.tt26 .tt26-learn-more {
display: inline-block;
margin-top: 6px;
font-size: 12px;
color: var(--tt26-muted);
text-decoration: underline;
text-underline-offset: 3px;
}
.tt26 .tt26-learn-more:hover {
color: var(--tt26-accent);
}
.tt26 .tt-single-product__excerpt p {
font-size: 13px;
line-height: 1.85;
color: #4d4d4d;
margin: 0 0 10px;
}
.tt26 .tt26-choice {
margin-top: 22px;
}
.tt26 .tt26-choice__label {
display: block;
font-family: var(--tt26-display);
font-size: 14px;
font-weight: 500;
letter-spacing: 1.4px;
text-transform: uppercase;
color: var(--tt26-accent);
margin-bottom: 8px;
}
.tt26 .tt26-select {
width: 100%;
height: 48px;
padding: 0 16px;
border: 1px solid var(--tt26-line);
border-radius: 2px;
background: var(--tt26-mist);
color: var(--tt26-ink);
font-size: 12px;
letter-spacing: .1em;
text-transform: uppercase;
appearance: none;
background-image: linear-gradient(45deg, transparent 50%, var(--tt26-muted) 50%),
linear-gradient(135deg, var(--tt26-muted) 50%, transparent 50%);
background-position: calc(100% - 20px) 21px, calc(100% - 15px) 21px;
background-size: 5px 5px, 5px 5px;
background-repeat: no-repeat;
}
.tt26 .tt26-select:focus {
outline: none;
border-color: var(--tt26-accent);
}
.tt26 .tt-cart-form {
margin-top: 26px;
}
.tt26 .tt-cart-form .single_add_to_cart_button,
.tt26 .tt-mock-summary .single_add_to_cart_button,
.tt26 .single_add_to_cart_button,
.tt26 .tt-cart-form .button {
width: 100% !important;
height: 58px !important;
border: 0 !important;
border-radius: 2px !important;
background: var(--tt26-accent) !important;
color: #fff !important;
font-size: 14px !important;
font-weight: 500 !important;
letter-spacing: .2em !important;
text-transform: uppercase;
box-shadow: none !important;
cursor: pointer;
transition: background .2s ease !important;
}
.tt26 .tt-cart-form .single_add_to_cart_button:hover,
.tt26 .tt-mock-summary .single_add_to_cart_button:hover,
.tt26 .single_add_to_cart_button:hover {
background: var(--tt26-deep) !important;
}
.tt26 .tt26-installments,
body.tt26 .tt26-installments {
margin: 24px 0 0;
text-align: left;
font-family: var(--tt26-display) !important;
font-size: 13px !important;
font-weight: 400 !important;
letter-spacing: normal !important;
color: var(--tt26-accent) !important;
}
.tt26 .tt26-helprow {
display: flex;
justify-content: center;
gap: 34px;
margin-top: 22px;
padding-top: 22px;
border-top: 1px solid var(--tt26-line);
}
.tt26 .tt26-helprow a {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 10px;
letter-spacing: .14em;
text-transform: uppercase;
color: var(--tt26-muted);
}
.tt26 .tt26-helprow a:hover {
color: var(--tt26-accent);
}
.tt26 .tt26-helprow svg {
width: 14px;
height: 14px;
fill: none;
stroke: currentColor;
stroke-width: 1.4;
}
.tt26 .tt26-shipnote {
margin-top: 20px;
font-size: 11px;
line-height: 1.7;
color: var(--tt26-muted);
text-align: center;
}
.tt26 .tt26-shipnote strong {
display: block;
color: var(--tt26-ink);
letter-spacing: .14em;
text-transform: uppercase;
font-weight: 500;
margin-bottom: 4px;
}
.tt26 .tt-size-guide,
.tt26 .tt-mobile-product-cues,
.tt26 .tt-product-fit-note,
.tt26 .tt-size-row,
.tt26 .tt-single-product .tt-gallery-arrow,
.tt26 .tt-single-product .tt-gallery-dots {
display: none;
}
.tt26 .tt-gallery-heart {
top: 22px;
right: 22px;
width: 38px;
height: 38px;
background: rgba(255, 255, 255, .92);
border: 0;
border-radius: 50%;
}
.tt26 .tt-mobile-purchase-card {
padding: 0;
background: transparent;
border: 0;
}
.tt26 .tt-mobile-purchase-card > p {
display: none;
}
.tt26 .tt-product-detail-grid {
padding: var(--tt26-o-lon) 0;
gap: clamp(40px, 7vw, 96px);
border-top: 1px solid var(--tt26-line);
margin-top: 0;
}
.tt26 .tt-product-detail-grid h2,
body.tt26 .tt-product-detail-grid h2 {
font-family: var(--tt26-display) !important;
font-size: 16px !important;
font-weight: 600 !important;
letter-spacing: 1.92px !important;
text-transform: uppercase;
color: var(--tt26-ink);
margin: 0 0 22px;
padding-bottom: 14px;
border-bottom: 1px solid var(--tt26-line);
}
.tt26 .tt-product-detail-grid p {
font-size: 13px;
line-height: 1.9;
color: #4d4d4d;
}
.tt26 .tt-product-detail-grid strong {
display: block;
font-size: 10px;
font-weight: 500;
letter-spacing: .14em;
text-transform: uppercase;
color: var(--tt26-muted);
margin-bottom: 4px;
}
.tt26 .tt26-reference {
margin-top: 18px;
font-size: 10px;
letter-spacing: .14em;
text-transform: uppercase;
color: var(--tt26-muted);
}
.tt26 .tt-service-row {
min-height: 0;
padding: 44px 0;
border-top: 1px solid var(--tt26-line);
border-bottom: 1px solid var(--tt26-line);
background: var(--tt26-mist);
}
.tt26 .tt-service-row img {
height: 30px;
width: auto;
margin-inline: auto;
opacity: .75;
}
.tt26 .tt-service-row span {
font-size: 0;
margin-bottom: 12px;
}
.tt26 .tt-service-row p {
font-size: 9px;
font-weight: 400;
letter-spacing: .16em;
text-transform: uppercase;
color: var(--tt26-muted);
}
.tt26 .tt26-filterbar {
display: flex;
align-items: center;
gap: 26px;
flex-wrap: wrap;
padding: 26px 0;
margin-bottom: 44px;
border-bottom: 1px solid var(--tt26-line);
}
.tt26 .tt26-filterbar__label {
font-size: 10px;
letter-spacing: .18em;
text-transform: uppercase;
color: var(--tt26-ink);
}
.tt26 .tt26-filterbar select {
height: 38px;
min-width: 132px;
padding: 0 30px 0 12px;
border: 1px solid var(--tt26-line);
background: transparent;
color: var(--tt26-muted);
font-size: 10px;
letter-spacing: .14em;
text-transform: uppercase;
appearance: none;
background-image: linear-gradient(45deg, transparent 50%, var(--tt26-muted) 50%),
linear-gradient(135deg, var(--tt26-muted) 50%, transparent 50%);
background-position: calc(100% - 16px) 17px, calc(100% - 11px) 17px;
background-size: 5px 5px, 5px 5px;
background-repeat: no-repeat;
cursor: pointer;
}
.tt26 .tt26-filterbar select:focus {
outline: none;
border-color: var(--tt26-accent);
}
.tt26 .tt26-filterbar__count {
margin-left: auto;
font-size: 10px;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--tt26-muted);
}
.tt26 .tt-hero {
min-height: min(86vh, 760px);
padding-bottom: 88px;
}
.tt26 .tt-hero h1 {
font-family: var(--tt-body);
font-size: clamp(38px, 7vw, 82px);
font-weight: 300;
line-height: .96;
letter-spacing: .04em;
text-transform: uppercase;
}
.tt26 .tt-section-title {
font-family: var(--tt-body);
font-size: 13px;
font-weight: 500;
letter-spacing: .24em;
text-transform: uppercase;
color: var(--tt26-ink);
margin-bottom: 46px;
}
.tt26 .tt-feature-split__collection h2 {
font-family: var(--tt-body);
font-weight: 300;
letter-spacing: .04em;
text-transform: uppercase;
}
.tt26 .tt-btn {
height: 60px;
border-radius: 2px;
font-size: 10px;
letter-spacing: .18em;
text-transform: uppercase;
}
.tt26 .tt-hero__shade {
background: linear-gradient(180deg, rgba(0, 0, 0, .10), rgba(0, 0, 0, .12) 55%, rgba(0, 0, 0, .40));
}
.tt26 .tt-hero h1,
body.tt26 .tt-hero h1 {
font-family: var(--tt26-display);
font-weight: 300;
letter-spacing: .06em;
}
.tt26 .tt-home-services,
.tt26 .tt-home-services.tt-service-row {
background: var(--tt26-mist);
}
.tt26 .tt-editorial__copy h2,
.tt26 .tt-collection-banner h2,
.tt26 .tt-blog-feature h2 {
font-family: var(--tt26-display);
font-size: clamp(20px, 2.2vw, 26px);
font-weight: 400;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--tt26-ink);
}
.tt26 .tt-collection-banner h2 {
color: #fff;
}
.tt26 .tt-editorial__copy p,
.tt26 .tt-blog-feature p {
color: #4d4d4d;
font-size: 13px;
line-height: 1.9;
}
.tt26 .tt-editorial--split,
.tt26 .tt-blog-feature {
background: var(--tt26-paper);
}
.tt26 .tt-blog-preview {
background: var(--tt26-paper);
}
.tt26 .tt-blog-card h3,
.tt26 .tt-blog-grid h3 {
font-family: var(--tt26-display);
font-size: 15px;
font-weight: 500;
letter-spacing: .12em;
line-height: 1.4;
color: var(--tt26-ink);
text-transform: uppercase;
}
.tt26 .tt-blog-card p,
.tt26 .tt-blog-grid p {
color: var(--tt26-muted);
font-size: 12px;
line-height: 1.75;
}
.tt26 .tt-blog-arrow {
border-color: var(--tt26-line);
color: var(--tt26-ink);
}
.tt26 .tt-blog-arrow:hover {
background: var(--tt26-accent);
border-color: var(--tt26-accent);
color: #fff;
}
.tt26 .tt-blog-progress span {
background: var(--tt26-accent);
}
.tt26 .tt-btn {
border-color: var(--tt26-ink);
color: var(--tt26-ink);
}
.tt26 .tt-btn:hover {
background: var(--tt26-ink);
border-color: var(--tt26-ink);
color: #fff;
}
.tt26 .tt-btn--light {
border-color: #fff;
color: #fff;
}
.tt26 .tt-btn--light:hover {
background: #fff;
color: var(--tt26-ink);
}
.tt26-collection__inner,
.tt26-blogs__inner {
width: min(1265px, calc(100% - 160px));
margin-inline: auto;
}
.tt26-banner {
position: relative;
margin-top: 20px;
aspect-ratio: 16 / 9;
overflow: hidden;
background: var(--tt26-mist);
}
.tt26-banner__still,
.tt26-banner__video {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.tt26-banner__video {
opacity: 0;
transition: opacity .6s ease;
}
.tt26-banner__video.is-ready {
opacity: 1;
}
.tt26-collection {
position: relative;
padding: var(--tt26-o-lon) 0;
}
.tt26-collection__viewport {
overflow: hidden;
}
.tt26-collection__track {
display: flex;
transition: transform .55s cubic-bezier(.4, 0, .2, 1);
}
.tt26-collection__slide {
flex: 0 0 100%;
min-width: 0;
}
.tt26-collection__arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
width: 44px;
height: 60px;
display: grid;
place-items: center;
border: 0;
background: transparent;
color: var(--tt26-ink);
cursor: pointer;
padding: 0;
transition: opacity .2s ease;
}
.tt26-collection__arrow svg {
width: 26px;
height: 26px;
}
.tt26-collection__arrow:hover {
color: var(--tt26-accent);
}
.tt26-collection__arrow[disabled] {
opacity: .25;
cursor: default;
}
.tt26-collection__arrow--prev {
left: clamp(6px, 2.2vw, 34px);
}
.tt26-collection__arrow--next {
right: clamp(6px, 2.2vw, 34px);
}
.tt26-collection__title {
margin: 0 0 var(--tt26-o-nho);
font-family: var(--tt26-display) !important;
font-size: clamp(28px, 4.2vw, 60px) !important;
font-weight: 500 !important;
line-height: 1.2 !important;
letter-spacing: .1em !important;
text-transform: uppercase !important;
text-align: center;
color: var(--tt26-ink);
}
.tt26-grid2 .woocommerce ul.products,
.tt26-grid2 ul.products {
grid-template-columns: repeat(2, 1fr) !important;
gap: 30px !important;
}
.tt26-grid2 .tt-product-card__image {
aspect-ratio: 618 / 513;
}
.tt26-grid2 .tt-product-card__body {
background: var(--tt26-paper);
padding: 20px !important;
min-height: 89px;
}
.tt26-collection .tt-center {
margin-top: var(--tt26-o-nho);
}
.tt26-making {
padding: clamp(20px, 3.5vw, 50px);
}
.tt26-making__frame {
position: relative;
display: block;
aspect-ratio: 1325 / 740;
overflow: hidden;
}
.tt26-making__frame img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.tt26-making__cta {
position: absolute;
left: 50%;
bottom: clamp(20px, 4vw, 48px);
transform: translateX(-50%);
z-index: 2;
}
.tt26-making__word {
position: absolute;
inset: 0;
display: grid;
place-items: center;
padding: 0 20px;
font-family: var(--tt26-display);
font-size: clamp(30px, 7.02vw, 100px);
font-weight: 300;
letter-spacing: .06em;
text-transform: uppercase;
text-align: center;
color: rgba(255, 255, 255, .82);
text-shadow: 0 2px 24px rgba(0, 0, 0, .18);
pointer-events: none;
}
.tt26-promises {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 20px;
align-content: center;
padding: 60px 0;
text-align: center;
}
.tt26-promise__icon {
display: block;
height: 60px;
margin: 0 auto 18px;
color: var(--tt26-ink);
}
.tt26-promise__icon svg {
height: 60px;
width: auto;
display: block;
margin: 0 auto;
overflow: visible;
}
.tt26-promise img {
height: 34px;
width: auto;
margin: 0 auto 14px;
opacity: .74;
}
.tt26-promise p {
margin: 0;
font-family: var(--tt26-display);
font-size: clamp(11px, 1.12vw, 16px);
font-weight: 600;
letter-spacing: .8px;
text-transform: uppercase;
color: var(--tt26-ink);
}
.tt26-tiles {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
padding: var(--tt26-o-lon) 17px;
}
.tt26-tile {
display: flex;
flex-direction: column;
text-align: center;
}
.tt26-tile__media {
display: block;
aspect-ratio: 676 / 1361;
overflow: hidden;
background: var(--tt26-mist);
}
.tt26-tile__media img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .6s ease;
}
.tt26-tile:hover .tt26-tile__media img {
transform: scale(1.03);
}
.tt26-tile__label {
margin: 22px 0 8px;
font-family: var(--tt26-display) !important;
font-size: clamp(13px, 1.4vw, 20px);
font-weight: 500 !important;
letter-spacing: 1px;
text-transform: uppercase;
color: var(--tt26-ink);
}
.tt26-tile__more {
font-family: var(--tt26-display);
font-size: clamp(14px, 1.45vw, 20px);
font-weight: 400;
font-style: normal;
color: #000;
text-decoration: underline;
text-underline-offset: 3px;
}
.tt26-tile__more:hover {
color: var(--tt26-accent);
}
.tt26-heading {
margin: 0 0 12px;
font-family: var(--tt26-display) !important;
font-size: clamp(20px, 2.11vw, 30px) !important;
font-weight: 500 !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
text-align: center;
color: var(--tt26-ink);
}
.tt26-best {
padding: var(--tt26-o-lon) 0;
}
.tt26-best .tt26-heading {
margin-bottom: var(--tt26-o-nho);
font-family: var(--tt26-alt) !important;
letter-spacing: 1.8px !important;
}
.tt26-rail {
overflow: hidden;
}
.tt26-rail .woocommerce ul.products,
.tt26-rail ul.products {
display: flex !important;
grid-template-columns: none !important;
gap: 10px !important;
width: max-content;
padding-inline: max(10px, calc((100% - 1740px) / 2));
transition: transform .55s cubic-bezier(.4, 0, .2, 1);
}
.tt26-rail li.product,
body.tt26 .tt26-rail li.product {
width: 340px;
flex: 0 0 340px;
background: var(--tt26-paper) !important;
}
.tt26-rail .tt-product-card__image {
aspect-ratio: 340 / 283;
}
body.tt26 .tt26-rail .tt-product-card__body {
background: var(--tt26-paper) !important;
min-height: 89px;
padding: 20px !important;
}
.tt26-rail .tt-product-card__body,
.tt26-rail .tt-product-card__body h2,
.tt26-rail .tt-product-card__body p,
.tt26-rail .tt-product-card__body .tt-price {
text-align: center !important;
}
.tt26-blogs {
padding: var(--tt26-o-lon) 0;
}
.tt26-blogs__sub {
margin: 0 0 var(--tt26-o-nho);
text-align: center;
font-size: 11px;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--tt26-muted);
}
.tt26-blog-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 11px;
}
.tt26-blog-card {
background: var(--tt26-paper);
}
.tt26-blog-card > a {
display: block;
}
.tt26-blog-card img {
width: 100%;
aspect-ratio: 414 / 300;
object-fit: cover;
margin: 0;
display: block;
}
.tt26-blog-card h3 {
margin: 0 0 10px;
padding: 20px 20px 0;
font-family: var(--tt26-display);
font-size: 13px;
font-weight: 500;
letter-spacing: .06em;
line-height: 1.5;
text-transform: uppercase;
color: var(--tt26-ink);
}
.tt26-blog-card p {
margin: 0;
padding: 0 20px 20px;
font-size: 11px;
line-height: 1.85;
color: var(--tt26-muted);
}
@media (max-width: 1100px) {
.tt26-collection__inner,
.tt26-blogs__inner {
width: calc(100% - 64px);
}
}
@media (max-width: 720px) {
.tt26-banner {
margin-top: 58px;
aspect-ratio: 16 / 10;
}
}
@media (max-width: 900px) {
.tt26-blog-grid {
grid-template-columns: 1fr;
gap: 30px;
}
.tt26-promises {
grid-template-columns: repeat(3, 1fr);
gap: 26px 12px;
}
.tt26-tiles {
gap: 16px;
}
}
@media (max-width: 640px) {
.tt26-promises {
grid-template-columns: repeat(2, 1fr);
}
.tt26-tiles {
grid-template-columns: 1fr;
}
.tt26-tile__media {
aspect-ratio: 3 / 4;
}
.tt26-grid2 .woocommerce ul.products,
.tt26-grid2 ul.products {
gap: 14px !important;
}
.tt26-rail li.product {
width: 250px;
flex: 0 0 250px;
}
}
.tt26 .tt-site-footer,
body.tt26 .tt-site-footer {
background: var(--tt26-accent-soft) !important;
color: var(--tt26-ink);
border-top: 0;
}
body.tt26 .tt-newsletter--footer,
body.tt26 .tt-footer-info,
body.tt26 .tt-footer-nav,
body.tt26 .tt-footer-bottom {
background: transparent !important;
}
body.tt26 .tt-footer-bottom,
body.tt26 .tt-footer-info {
border-top-color: rgba(28, 28, 28, .22) !important;
}
body.tt26 .tt-site-footer .tt-newsletter-form input {
background: rgba(255, 255, 255, .82);
border-color: rgba(28, 28, 28, .18);
}
body.tt26 .tt-site-footer .tt-newsletter-form button {
background: var(--tt26-ink);
}
body.tt26 .tt-site-footer .tt-newsletter-form button:hover {
background: var(--tt26-deep);
}
.tt26 .tt-footer-logo {
color: var(--tt26-ink);
}
.tt26 .tt-footer-menu a,
.tt26 .tt-footer-nav a,
.tt26 .tt-footer-info,
.tt26 .tt-footer-info a {
color: var(--tt26-muted);
font-size: 12px;
letter-spacing: .06em;
line-height: 1.9;
}
.tt26 .tt-footer-menu a:hover,
.tt26 .tt-footer-nav a:hover,
.tt26 .tt-footer-info a:hover {
color: var(--tt26-accent);
}
.tt26 .tt-footer-bottom {
border-top: 1px solid var(--tt26-line);
color: var(--tt26-muted);
font-size: 11px;
}
body.tt26 .tt-site-footer,
body.tt26 .tt-site-footer h2,
body.tt26 .tt-site-footer h3,
body.tt26 .tt-site-footer p,
body.tt26 .tt-site-footer span,
body.tt26 .tt-site-footer li,
body.tt26 .tt-newsletter h2,
body.tt26 .tt-newsletter p {
color: #fff !important;
}
body.tt26 .tt-site-footer h2 {
font-family: var(--tt26-display) !important;
font-size: 20px !important;
font-weight: 600 !important;
letter-spacing: .05em !important;
text-transform: uppercase;
margin: 0 0 26px;
}
.tt26-footer__grid {
display: grid;
grid-template-columns: 1.5fr 1fr 1.2fr 1.4fr;
gap: 40px;
padding: var(--tt26-o-lon) 0 var(--tt26-o-nho);
width: min(1010px, calc(100% - 48px));
margin-inline: auto;
}
.tt26-footer__col p,
.tt26-footer__col li {
margin: 0 0 14px;
font-size: 16px;
font-weight: 400;
line-height: 1.6;
}
.tt26-footer__col strong {
font-weight: 600;
}
.tt26-footer__col ul {
list-style: none;
margin: 0;
padding: 0;
}
.tt26-footer__col--news .tt-newsletter-form {
display: flex;
gap: 0;
max-width: 340px;
}
.tt26-footer__col--news input {
flex: 1 1 auto;
min-width: 0;
height: 60px;
padding: 0 14px;
border: 1px solid rgba(255, 255, 255, .6);
background: transparent;
color: #fff;
font-size: 14px;
}
.tt26-footer__col--news input::placeholder {
color: rgba(255, 255, 255, .7);
}
.tt26-footer__col--news button {
flex: 0 0 auto;
height: 60px;
padding: 0 22px;
border: 1px solid rgba(255, 255, 255, .6);
border-left: 0;
background: transparent;
color: #fff;
font-size: 10px;
font-weight: 500;
letter-spacing: .16em;
cursor: pointer;
}
.tt26-footer__col--news button:hover {
background: rgba(255, 255, 255, .16);
}
.tt26-footer__bottom {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
gap: 20px;
padding: 22px clamp(24px, 5vw, 80px) 30px;
max-width: 1425px;
margin-inline: auto;
border-top: 1px solid rgba(255, 255, 255, .35);
}
.tt26-footer__copy {
font-size: 12px;
}
.tt26-footer__bottom .tt-footer-logo img {
height: 26px;
width: auto;
}
.tt26-footer__bottom .tt-social {
display: flex;
gap: 18px;
justify-self: end;
}
.tt26-footer__bottom .tt-social svg {
width: 18px;
height: 18px;
fill: none;
stroke: #fff;
stroke-width: 1.5;
}
@media (max-width: 900px) {
.tt26-footer__grid {
grid-template-columns: 1fr 1fr;
gap: 32px;
}
.tt26-footer__bottom {
grid-template-columns: 1fr;
justify-items: center;
text-align: center;
}
.tt26-footer__bottom .tt-social {
justify-self: center;
}
}
@media (max-width: 560px) {
.tt26-footer__grid {
grid-template-columns: 1fr;
}
}
body.tt26 .tt-site-footer a {
color: #fff !important;
opacity: .92;
}
body.tt26 .tt-site-footer a:hover {
color: #fff !important;
opacity: 1;
text-decoration: underline;
text-underline-offset: 3px;
}
body.tt26 .tt-site-footer .tt-footer-logo img {
filter: brightness(0) invert(1);
}
body.tt26 .tt-site-footer svg {
stroke: #fff;
}
.tt26 .tt-newsletter--footer {
background: transparent;
}
.tt26 .tt-newsletter h2 {
font-family: var(--tt26-display);
font-size: 13px;
letter-spacing: .2em;
text-transform: uppercase;
}
.tt26 .tt-newsletter-form input[type="email"],
.tt26 .tt-newsletter-form input[type="text"] {
height: 46px;
border: 1px solid var(--tt26-line);
background: var(--tt26-paper);
padding: 0 16px;
font-size: 12px;
}
.tt26 .tt-newsletter-form button {
height: 46px;
padding: 0 26px;
border: 0;
background: var(--tt26-accent);
color: #fff;
font-size: 10px;
letter-spacing: .18em;
text-transform: uppercase;
cursor: pointer;
}
.tt26 .tt-newsletter-form button:hover {
background: var(--tt26-deep);
}
.tt26 .woocommerce-cart-form table,
.tt26 .shop_table {
border-collapse: collapse;
width: 100%;
}
.tt26 .shop_table th {
font-size: 10px;
font-weight: 500;
letter-spacing: .16em;
text-transform: uppercase;
color: var(--tt26-muted);
padding: 14px 10px;
border-bottom: 1px solid var(--tt26-line);
text-align: left;
}
.tt26 .shop_table td {
padding: 18px 10px;
border-bottom: 1px solid var(--tt26-line);
font-size: 13px;
}
.tt26 .checkout-button,
.tt26 .woocommerce-checkout #place_order,
.tt26 .woocommerce-Button,
.tt26 .wc-block-components-button {
height: 52px !important;
border: 0 !important;
border-radius: 2px !important;
background: var(--tt26-accent) !important;
color: #fff !important;
font-size: 14px !important;
font-weight: 500 !important;
letter-spacing: .18em !important;
text-transform: uppercase;
box-shadow: none !important;
}
.tt26 .checkout-button:hover,
.tt26 .woocommerce-checkout #place_order:hover {
background: var(--tt26-deep) !important;
}
.tt26 .woocommerce-message,
.tt26 .woocommerce-info,
.tt26 .woocommerce-error {
border-top-color: var(--tt26-accent);
font-size: 13px;
}
.tt26 .tt-drawer__panel {
background: var(--tt26-paper);
}
.tt26 .tt-drawer__header {
border-bottom: 1px solid var(--tt26-line);
font-size: 11px;
letter-spacing: .16em;
text-transform: uppercase;
}
.tt26 .tt-drawer__primary {
background: var(--tt26-accent);
color: #fff;
border: 0;
}
.tt26 .tt-drawer__primary:hover {
background: var(--tt26-deep);
}
@media (max-width: 1024px) {
.tt26 .woocommerce ul.products {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 900px) {
.tt26 .tt-single-product {
grid-template-columns: 1fr;
}
.tt26 .tt-product-main-image {
min-height: 0;
aspect-ratio: 1 / 1;
}
.tt26 .tt-single-product__summary {
padding: 32px var(--tt26-gutter) 48px;
}
body.tt26 .tt-mobile-sticky-cta {
background: var(--tt26-paper) !important;
border-top: 1px solid var(--tt26-line) !important;
}
body.tt26 .tt-mobile-sticky-cta a,
body.tt26 .tt-mobile-sticky-cta button,
body.tt26 .tt-mobile-sticky-cta .button {
background: var(--tt26-accent) !important;
border-color: var(--tt26-accent) !important;
color: #fff !important;
border-radius: 2px !important;
letter-spacing: .14em !important;
box-shadow: none !important;
}
}
@media (max-width: 640px) {
.tt26 .woocommerce ul.products {
grid-template-columns: repeat(2, 1fr);
gap: 32px 16px;
}
.tt26 .tt-service-row {
grid-template-columns: repeat(2, 1fr);
gap: 26px 0;
}
.tt26 .tt26-helprow {
gap: 18px;
}
.tt26 .tt-product-detail-grid {
grid-template-columns: 1fr;
}
}
.tt26 .tt26-collection .tt-btn,
body.tt26 .tt26-collection .tt-btn {
font-family: var(--tt26-alt) !important;
font-size: clamp(14px, 1.4vw, 20px) !important;
font-weight: 600 !important;
letter-spacing: 1.2px !important;
line-height: 32px !important;
color: var(--tt26-muted) !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
width: min(300px, 100%);
height: auto !important;
min-height: 0 !important;
padding: 16px 0 !important;
box-shadow: none !important;
}
.tt26 .tt26-collection .tt-btn:hover,
body.tt26 .tt26-collection .tt-btn:hover {
color: var(--tt26-ink) !important;
background: transparent !important;
}
.tt26 .tt26-making__cta,
body.tt26 .tt26-making__cta {
font-family: var(--tt26-display) !important;
font-size: clamp(11px, 1vw, 14px) !important;
font-weight: 600 !important;
letter-spacing: .7px !important;
line-height: 22px !important;
color: #fff !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
width: 160px;
height: auto !important;
min-height: 0 !important;
padding: 11px !important;
box-shadow: none !important;
}
.tt26 .tt26-making__cta:hover,
body.tt26 .tt26-making__cta:hover {
color: #fff !important;
background: transparent !important;
text-decoration: underline;
text-underline-offset: 4px;
}
.tt26-cathero {
display: block;
width: 100%;
aspect-ratio: 16 / 9;
overflow: hidden;
background: var(--tt26-mist);
}
.tt26-cathero img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.tt26 .tt26-filterbar,
body.tt26 .tt26-filterbar {
display: flex;
align-items: center;
gap: clamp(20px, 2vw, 30px);
flex-wrap: wrap;
min-height: clamp(90px, 16.85vw, 240px);
padding: 0 0 0 21px;
margin-top: clamp(20px, 3.5vw, 50px);
margin-bottom: var(--tt26-o-vua);
border-bottom: 0;
}
.tt26 .tt26-filterbar__label,
body.tt26 .tt26-filterbar__label {
font-family: var(--tt26-display);
font-size: clamp(14px, 1.4vw, 20px);
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
color: var(--tt26-ink);
}
.tt26 .tt26-filterbar select,
body.tt26 .tt26-filterbar select {
width: auto !important;
min-width: 0;
height: auto !important;
padding: 0 20px 0 0 !important;
border: 0 !important;
background-color: transparent !important;
color: var(--tt26-muted) !important;
font-family: var(--tt26-display) !important;
font-size: clamp(14px, 1.4vw, 20px) !important;
font-weight: 500 !important;
letter-spacing: 1px !important;
text-transform: uppercase;
appearance: none;
background-image: linear-gradient(45deg, transparent 50%, var(--tt26-muted) 50%),
linear-gradient(135deg, var(--tt26-muted) 50%, transparent 50%);
background-position: calc(100% - 9px) center, calc(100% - 4px) center;
background-size: 5px 5px, 5px 5px;
background-repeat: no-repeat;
cursor: pointer;
}
.tt26 .tt26-filterbar select:focus,
body.tt26 .tt26-filterbar select:focus {
outline: none;
color: var(--tt26-ink) !important;
}
.tt26 .tt-shop-page,
body.tt26 .tt-shop-page {
width: min(1266px, calc(100% - 160px));
margin-inline: auto;
padding-top: 0;
padding-bottom: var(--tt26-o-lon);
}
.tt26 .tt-shop-page .woocommerce ul.products,
.tt26 .tt-shop-page ul.products,
body.tt26 .tt-shop-page ul.products {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 30px !important;
}
@media (max-width: 1024px) {
.tt26 .tt-shop-page,
body.tt26 .tt-shop-page {
width: min(1266px, calc(100% - 48px));
}
.tt26 .tt-shop-page ul.products,
body.tt26 .tt-shop-page ul.products {
grid-template-columns: repeat(3, 1fr) !important;
}
}
@media (max-width: 640px) {
.tt26 .tt-shop-page ul.products,
body.tt26 .tt-shop-page ul.products {
grid-template-columns: repeat(2, 1fr) !important;
gap: 16px !important;
}
.tt26 .tt-product-card__body,
body.tt26 .tt-product-card__body {
padding: 12px !important;
min-height: 0;
}
}
.tt26 .tt-single-product .single_add_to_cart_button,
body.tt26 .tt-single-product .single_add_to_cart_button {
font-family: var(--tt26-alt) !important;
font-size: 15px !important;
font-weight: 500 !important;
letter-spacing: 2.1px !important;
color: #fff !important;
}
.tt26 .tt26-learn-more,
body.tt26 .tt26-learn-more {
font-family: var(--tt26-display);
font-size: 14px;
font-weight: 400;
letter-spacing: normal;
text-transform: none;
color: var(--tt26-accent);
text-decoration: none;
}
.tt26 .tt26-learn-more:hover {
text-decoration: underline;
text-underline-offset: 3px;
}
.tt26 .tt26-helprow a,
body.tt26 .tt26-helprow a,
.tt26 .tt26-shipnote,
.tt26 .tt26-shipnote strong,
body.tt26 .tt26-shipnote {
font-family: var(--tt26-display) !important;
font-size: 13px !important;
font-weight: 500 !important;
letter-spacing: 1.3px !important;
color: var(--tt26-deep) !important;
}
.tt26 .tt-product-detail-grid,
body.tt26 .tt-product-detail-grid {
display: grid;
grid-template-columns: 689fr 496fr;
gap: 0;
width: min(1185px, calc(100% - 240px));
margin-inline: auto;
}
.tt26 .tt-product-detail-grid > article > p {
max-width: 496px;
}
.tt26 .tt-product-detail-grid p strong,
body.tt26 .tt-product-detail-grid p strong {
display: block;
font-family: var(--tt26-display) !important;
font-size: 13px !important;
font-weight: 500 !important;
letter-spacing: 1.3px !important;
text-transform: uppercase;
color: #000 !important;
margin-bottom: 2px;
}
.tt26-shots {
margin: var(--tt26-o-lon) 0;
overflow-x: auto;
scroll-snap-type: x mandatory;
scrollbar-width: none;
-ms-overflow-style: none;
}
.tt26-shots::-webkit-scrollbar {
display: none;
}
.tt26-shots__track {
display: flex;
gap: 40px;
width: max-content;
padding-inline: 40px;
}
.tt26-shot {
margin: 0;
flex: 0 0 auto;
width: min(1260px, 86vw);
aspect-ratio: 1260 / 1361;
overflow: hidden;
scroll-snap-align: center;
background: var(--tt26-mist);
}
.tt26-shot img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
body.tt26.single-product .tt26-best .tt26-heading {
font-size: 20px !important;
font-weight: 600 !important;
letter-spacing: 1.2px !important;
color: #3b3b3b;
}
.tt26 .tt-stock-dot--out {
font-family: var(--tt26-display);
font-size: 13px;
font-weight: 600;
letter-spacing: 1.3px;
color: #b23b3b;
}
@media (max-width: 900px) {
.tt26 .tt-product-detail-grid,
body.tt26 .tt-product-detail-grid {
grid-template-columns: 1fr;
width: min(1185px, calc(100% - 48px));
gap: 34px;
}
.tt26-shots__track {
gap: 16px;
padding-inline: 16px;
}
.tt26-shot {
width: min(1260px, 88vw);
}
}
html body.tt26 ul.products li.product.tt-product-card,
html body.tt26 .tt26-rail ul.products li.product {
background: var(--tt26-paper) !important;
}
html body.tt26 ul.products li.product.tt-product-card > .tt-product-card__image,
html body.tt26 .tt26-grid2 ul.products li.product .tt-product-card__image {
aspect-ratio: 618 / 513 !important;
height: auto !important;
}
html body.tt26 .tt26-rail ul.products li.product .tt-product-card__image {
aspect-ratio: 340 / 283 !important;
height: auto !important;
}
html body.tt26 ul.products li.product.tt-product-card .tt-product-card__body {
display: block !important;
min-height: 89px !important;
padding: 20px !important;
text-align: center !important;
background: var(--tt26-paper) !important;
}
html body.tt26 ul.products li.product.tt-product-card .tt-product-card__body h2,
html body.tt26 ul.products li.product.tt-product-card .woocommerce-loop-product__title {
margin: 0 0 4px !important;
font-family: var(--tt26-display) !important;
font-size: clamp(14px, 1.45vw, 20px) !important;
font-weight: 600 !important;
line-height: 1.2 !important;
letter-spacing: 1px !important;
text-align: center !important;
text-transform: uppercase !important;
color: var(--tt26-ink) !important;
}
html body.tt26 ul.products li.product.tt-product-card .tt-product-card__body .tt-price,
html body.tt26 ul.products li.product.tt-product-card .tt-product-card__body .price,
html body.tt26 ul.products li.product.tt-product-card .tt-product-card__body .amount {
font-family: var(--tt26-display) !important;
font-size: clamp(11px, 1.02vw, 14px) !important;
font-weight: 500 !important;
line-height: 1.5 !important;
letter-spacing: .7px !important;
text-align: center !important;
color: #737373 !important;
}
html body.tt26 ul.products li.product.tt-product-card .tt-product-card__body p {
display: none !important;
}
@media (max-width: 640px) {
html body.tt26 ul.products li.product.tt-product-card .tt-product-card__body {
min-height: 0 !important;
padding: 12px !important;
}
}
.tt26-cathero {
margin-top: 120px;
}
body.tt26 .tt-single-product {
padding-top: 120px !important;
}
@media (max-width: 720px) {
.tt26-cathero {
margin-top: 58px;
}
body.tt26 .tt-single-product {
padding-top: 58px !important;
}
}
@media (max-width: 900px) {
.tt26 .tt-single-product__summary,
body.tt26 .tt-single-product__summary {
padding: 32px var(--tt26-gutter) 48px !important;
}
}
.tt26 .tt26-material-line,
body.tt26 .tt26-material-line {
margin: 30px 0 0;
font-family: var(--tt26-display) !important;
font-size: 14px !important;
font-weight: 500 !important;
letter-spacing: 1.4px !important;
text-transform: uppercase;
color: var(--tt26-accent) !important;
}
html body.tt26 ul.products li.product.tt-product-card > .tt-product-card__image,
html body.tt26 .tt-product-card__image,
html body.tt26 .tt-product-carousel .tt-product-card__image {
background: var(--tt26-mist) !important;
}
html body.tt26 .tt-product-card__img--hover {
display: none !important;
}
.tt26-tile__label {
text-transform: none;
}
.tt26-blogs__sub {
font-family: var(--tt26-display);
font-size: clamp(12px, 1.12vw, 16px);
font-weight: 400;
letter-spacing: .8px;
color: #737373;
}
.tt26-blog-grid {
gap: 12px;
}
.tt26-blog-card {
background: transparent;
}
.tt26-blog-card h3 {
margin: 0 0 5px;
padding: 16px 16px 0;
font-size: clamp(15px, 1.4vw, 20px);
font-weight: 500;
letter-spacing: 1px;
line-height: 1.2;
}
.tt26-blog-card p {
padding: 0 16px 16px;
font-family: var(--tt26-display);
font-size: clamp(12px, 1.05vw, 15px);
font-weight: 500;
letter-spacing: .75px;
line-height: 1.3;
color: #737373;
}
.tt26-collection__arrow {
width: 39px;
height: 39px;
border-radius: 50%;
background: rgba(255, 255, 255, .94);
box-shadow: 0 2px 14px rgba(28, 28, 28, .12);
transition: opacity .2s ease, background-color .2s ease, box-shadow .2s ease;
}
.tt26-collection__arrow:hover {
background: #fff;
box-shadow: 0 4px 18px rgba(28, 28, 28, .18);
}
.tt26-collection__arrow svg {
width: 20px;
height: 20px;
}
.tt26-collection__arrow[disabled] {
opacity: 0;
pointer-events: none;
}
.tt26 .tt26-filterbar,
body.tt26 .tt26-filterbar {
align-content: center;
row-gap: 16px;
}
@media (max-width: 1280px) {
.tt26 .tt26-filterbar,
body.tt26 .tt26-filterbar {
gap: 28px;
row-gap: 16px;
}
}
@media (max-width: 900px) {
.tt26 .tt26-filterbar,
body.tt26 .tt26-filterbar {
gap: 18px;
row-gap: 14px;
min-height: 0;
padding: 0;
margin-top: 28px;
margin-bottom: 34px;
}
}
@media (max-width: 900px) {
.tt26-promises {
grid-template-columns: repeat(5, 1fr);
gap: 12px;
padding: 44px 16px;
}
.tt26-promise__icon {
height: 44px;
}
}
@media (max-width: 760px) {
.tt26-promises {
display: flex;
grid-template-columns: none;
gap: 22px;
padding: 36px 16px;
overflow-x: auto;
scroll-snap-type: x proximity;
scrollbar-width: none;
-ms-overflow-style: none;
}
.tt26-promises::-webkit-scrollbar {
display: none;
}
.tt26-promise {
flex: 0 0 108px;
scroll-snap-align: center;
}
.tt26-promise__icon {
height: 40px;
}
}
@media (max-width: 900px) {
.tt26-blog-grid {
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
}
@media (max-width: 600px) {
.tt26-blog-grid {
grid-template-columns: 1fr;
gap: 20px;
}
}
.tt26-best {
position: relative;
}
@media (max-width: 720px) {
body.tt26 .tt-site-header,
.tt26 .tt-site-header {
height: auto;
}
}
@media (min-width: 721px) and (max-width: 1100px) {
.tt26 .tt-header-nav-row,
body.tt26 .tt-header-nav-row,
body.tt26.single-product .tt-header-nav-row,
body.tt26.woocommerce-cart .tt-header-nav-row,
body.tt26.woocommerce-checkout .tt-header-nav-row,
body.tt26.page-child .tt-header-nav-row {
padding: 0 12px 0 44px !important;
}
.tt26 .tt-menu {
gap: clamp(10px, 2.4vw, 28px);
}
.tt26 .tt-menu a,
body.tt26 .tt-menu a {
font-size: 12px !important;
letter-spacing: .5px !important;
}
.tt26 .tt-header-icons > a[href*="?s"] {
left: 12px;
}
.tt26 .tt-header-icons {
gap: 12px;
}
}
@media (max-width: 720px) {
.tt26 .tt-header-nav-row,
body.tt26 .tt-header-nav-row,
body.tt26.single-product .tt-header-nav-row,
body.tt26.woocommerce-cart .tt-header-nav-row,
body.tt26.woocommerce-checkout .tt-header-nav-row,
body.tt26.page-child .tt-header-nav-row {
display: none !important;
}
.tt26 .tt-header-logo-row,
body.tt26 .tt-header-logo-row {
height: 58px !important;
}
}
.tt26 .tt-single-product__summary form.cart,
body.tt26 .tt-single-product__summary form.cart {
margin-top: 0;
}
.tt26 .tt26-material-line,
body.tt26 .tt26-material-line {
margin-top: 22px;
}
.tt26 .tt-single-product .single_add_to_cart_button,
body.tt26 .tt-single-product .single_add_to_cart_button {
margin-top: 14px;
}
.tt26-tile__more {
display: inline-flex;
align-items: center;
gap: 8px;
}
.tt26-tile__more svg {
width: 18px;
height: 18px;
flex: 0 0 18px;
}
body.tt26 .tt-site-footer h2 {
letter-spacing: 1px !important;
margin: 0 0 22px;
}
.tt26-footer__grid {
grid-template-columns: 1.75fr 1fr 1.06fr 1.06fr 1.6fr;
gap: 0 clamp(16px, 1.4vw, 20px);
padding: clamp(34px, 3.6vw, 51px) 0 clamp(26px, 3vw, 44px);
width: min(1016px, calc(100% - 48px));
}
.tt26-footer__col p,
.tt26-footer__col li,
body.tt26 .tt26-footer__col p,
body.tt26 .tt26-footer__col li {
margin: 0 0 15px;
font-family: var(--tt26-display) !important;
font-size: clamp(13px, 1.12vw, 16px) !important;
font-weight: 400 !important;
letter-spacing: .8px !important;
line-height: 1.5;
}
.tt26-footer__col strong,
body.tt26 .tt26-footer__col strong {
font-family: var(--tt26-display) !important;
font-weight: 600 !important;
letter-spacing: .8px !important;
}
.tt26-footer__col a,
body.tt26 .tt26-footer__col a {
font-family: var(--tt26-display) !important;
letter-spacing: .8px !important;
}
body.tt26 .tt-site-footer .tt-newsletter-form button,
body.tt26 .tt26-footer__col--news button {
font-family: var(--tt26-display) !important;
font-size: 10px !important;
font-weight: 500 !important;
letter-spacing: 1px !important;
text-transform: uppercase;
}
.tt26-footer__bottom {
display: flex;
align-items: center;
gap: 20px;
}
.tt26-footer__lang {
display: inline-flex;
align-items: center;
gap: 10px;
margin-right: auto;
}
.tt26-footer__lang svg {
width: 24px;
height: 24px;
flex: 0 0 24px;
stroke: currentColor;
fill: none;
stroke-width: 1.3;
}
.tt26-footer__lang a,
body.tt26 .tt26-footer__lang a,
.tt26-footer__lang span,
body.tt26 .tt26-footer__lang span {
font-family: var(--tt26-display) !important;
font-size: clamp(13px, 1.12vw, 16px) !important;
font-weight: 500 !important;
letter-spacing: .8px !important;
text-transform: uppercase;
color: #fff !important;
}
.tt26-footer__lang a[aria-current="true"] {
text-decoration: underline;
text-underline-offset: 4px;
}
body.tt26 .tt26-footer__bottom .tt-social svg {
width: 16px;
height: 16px;
}
@media (max-width: 1024px) {
.tt26-footer__grid {
grid-template-columns: repeat(2, 1fr);
gap: 30px 24px;
}
}
@media (max-width: 640px) {
.tt26-footer__grid {
grid-template-columns: 1fr;
gap: 26px;
}
.tt26-footer__bottom {
flex-wrap: wrap;
gap: 14px;
}
}
body.tt26 .tt-site-footer .tt-newsletter-form input {
font-family: var(--tt26-display) !important;
font-size: clamp(13px, 1.12vw, 16px) !important;
letter-spacing: .8px !important;
}
.tt26-footer__grid {
grid-template-columns: 1.9fr 0.85fr 0.95fr 0.8fr 1.55fr;
}
body.tt26 .tt26-blog-card h3 {
font-family: var(--tt26-display) !important;
font-weight: 500 !important;
letter-spacing: 1px !important;
}
.tt26 .tt26-filterbar select,
body.tt26 .tt26-filterbar select {
max-width: 168px;
text-overflow: ellipsis;
}
body.tt26 .tt26-footer__col--news .tt-newsletter-form {
display: flex;
align-items: center;
gap: 16px;
max-width: 360px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(255, 255, 255, .55);
}
body.tt26 .tt-site-footer .tt-newsletter-form input {
flex: 1 1 auto;
width: auto;
min-width: 0;
height: auto;
padding: 0;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
color: #fff !important;
box-shadow: none !important;
}
body.tt26 .tt-site-footer .tt-newsletter-form input::placeholder {
color: rgba(255, 255, 255, .75);
}
body.tt26 .tt-site-footer .tt-newsletter-form button {
flex: 0 0 auto;
width: auto;
height: auto;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
color: #fff !important;
box-shadow: none !important;
cursor: pointer;
}
body.tt26 .tt-site-footer .tt-newsletter-form button:hover {
background: transparent !important;
text-decoration: underline;
text-underline-offset: 4px;
}
.tt26-footer__legal,
body.tt26 .tt26-footer__legal {
width: min(1016px, calc(100% - 48px));
margin: 0 auto 18px;
font-family: var(--tt26-display);
font-size: clamp(10px, 0.84vw, 12px);
font-weight: 400;
letter-spacing: .4px;
line-height: 1.6;
color: rgba(255, 255, 255, .78) !important;
}
.tt26-collection__inner,
.tt26-blogs__inner {
width: min(1400px, calc(100% - 160px));
}
.tt26 .tt-shop-page,
body.tt26 .tt-shop-page {
width: calc(100% - 160px);
}
.tt26-tile__media {
max-height: 1361px;
}
@media (min-width: 901px) {
.tt26-promises {
display: flex;
grid-template-columns: none;
justify-content: center;
align-items: center;
gap: 0;
}
.tt26-promise {
flex: 0 0 11%;
min-width: 0;
}
}
.tt26-blog-card img {
max-height: 300px;
}
@media (max-width: 1100px) {
.tt26-collection__inner,
.tt26-blogs__inner {
width: calc(100% - 64px);
}
}
@media (max-width: 1024px) {
.tt26 .tt-shop-page,
body.tt26 .tt-shop-page {
width: calc(100% - 48px);
}
}
@media (max-width: 640px) {
.tt26-collection__inner,
.tt26-blogs__inner,
.tt26 .tt-shop-page,
body.tt26 .tt-shop-page {
width: calc(100% - 24px);
}
}
.tt26-sizeguide {
background: var(--tt26-paper);
padding: var(--tt26-o-rong) 0 clamp(70px, 10vw, 150px);
}
.tt26-sizeguide__inner {
width: min(1400px, calc(100% - 160px));
margin-inline: auto;
}
.tt26-sizeguide__head {
max-width: 720px;
margin-bottom: var(--tt26-o-vua);
}
.tt26-sizeguide__eyebrow {
display: block;
font-family: var(--tt26-display);
font-size: 14px;
font-weight: 500;
letter-spacing: 1.6px;
color: var(--tt26-muted);
margin-bottom: 18px;
}
.tt26-sizeguide__head h1 {
font-family: var(--tt26-alt);
font-size: clamp(30px, 3.6vw, 52px);
font-weight: 400;
letter-spacing: .5px;
line-height: 1.15;
color: var(--tt26-ink);
margin: 0 0 18px;
}
.tt26-sizeguide__head p {
font-family: var(--tt26-sans);
font-size: clamp(14px, 1.15vw, 16px);
line-height: 1.75;
color: var(--tt26-muted);
margin: 0;
}
.tt26-sizeguide__ways {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: clamp(24px, 3vw, 48px);
margin-bottom: var(--tt26-o-vua);
}
.tt26-sizeway {
border-top: 1px solid var(--tt26-line);
padding-top: 24px;
}
.tt26-sizeway__num {
display: block;
font-family: var(--tt26-display);
font-size: 13px;
font-weight: 500;
letter-spacing: 1.4px;
color: var(--tt26-accent);
margin-bottom: 14px;
}
.tt26-sizeway h2 {
font-family: var(--tt26-display);
font-size: clamp(16px, 1.5vw, 20px);
font-weight: 600;
letter-spacing: .6px;
color: var(--tt26-ink);
margin: 0 0 12px;
}
.tt26-sizeway p {
font-family: var(--tt26-sans);
font-size: clamp(13px, 1.05vw, 15px);
line-height: 1.75;
color: var(--tt26-muted);
margin: 0;
}
.tt26-sizetable-wrap {
overflow-x: auto;
margin-bottom: var(--tt26-o-vua);
}
.tt26-sizetable {
width: 100%;
min-width: 460px;
border-collapse: collapse;
font-family: var(--tt26-display);
}
.tt26-sizetable th,
.tt26-sizetable td {
text-align: left;
padding: 20px 24px;
border-bottom: 1px solid var(--tt26-line);
}
.tt26-sizetable thead th {
font-size: 13px;
font-weight: 500;
letter-spacing: 1.4px;
text-transform: uppercase;
color: var(--tt26-muted);
border-bottom-color: var(--tt26-ink);
}
.tt26-sizetable tbody th {
font-size: clamp(15px, 1.3vw, 18px);
font-weight: 600;
letter-spacing: .8px;
color: var(--tt26-ink);
width: 34%;
}
.tt26-sizetable tbody td {
font-size: clamp(14px, 1.2vw, 17px);
font-weight: 400;
letter-spacing: .6px;
color: var(--tt26-ink);
}
.tt26-sizenotes {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: clamp(24px, 3vw, 48px);
margin-bottom: var(--tt26-o-vua);
}
.tt26-sizenotes article {
border-top: 1px solid var(--tt26-line);
padding-top: 22px;
}
.tt26-sizenotes h3 {
font-family: var(--tt26-display);
font-size: clamp(14px, 1.25vw, 17px);
font-weight: 600;
letter-spacing: .5px;
color: var(--tt26-ink);
margin: 0 0 10px;
}
.tt26-sizenotes p {
font-family: var(--tt26-sans);
font-size: clamp(13px, 1.05vw, 15px);
line-height: 1.75;
color: var(--tt26-muted);
margin: 0;
}
.tt26-sizeguide__cta {
margin: 0;
}
.tt26-sizeguide__cta a {
display: inline-block;
font-family: var(--tt26-display);
font-size: 14px;
font-weight: 500;
letter-spacing: 1.4px;
color: var(--tt26-paper);
background: var(--tt26-ink);
padding: 18px 42px;
text-decoration: none;
transition: background .3s ease;
}
.tt26-sizeguide__cta a:hover,
.tt26-sizeguide__cta a:focus-visible {
background: var(--tt26-deep);
}
@media (max-width: 1100px) {
.tt26-sizeguide__inner {
width: calc(100% - 64px);
}
.tt26-sizenotes {
grid-template-columns: 1fr;
}
}
@media (max-width: 720px) {
.tt26-sizeguide__ways {
grid-template-columns: 1fr;
}
}
@media (max-width: 640px) {
.tt26-sizeguide__inner {
width: calc(100% - 24px);
}
.tt26-sizetable th,
.tt26-sizetable td {
padding: 16px 14px;
}
}
@media (min-width: 1101px) {
.tt26-tile__media {
height: 1361px;
max-height: none;
aspect-ratio: auto;
}
.tt26-blog-card img {
height: 300px;
max-height: none;
aspect-ratio: auto;
}
}
@media (min-width: 1101px) {
.tt26-tiles {
padding-inline: clamp(11.5px, calc(32.83px - 1.111vw), 17px);
}
}
.tt26-making__copy {
position: absolute;
z-index: 2;
width: min(827px, 58vw);
right: min(172px, 12vw);
top: calc(50% + min(100px, 6.95vw));
transform: translateY(-50%);
text-align: left;
}
.tt26-making__word {
position: static;
inset: auto;
display: block;
place-items: normal;
padding: 0;
margin: 0 0 10px;
text-align: left;
font-size: clamp(28px, 6.94vw, 100px);
line-height: 1.6;
color: #fff;
}
.tt26-making__lead {
margin: 0 0 40px;
font-family: var(--tt26-display);
font-size: clamp(14px, 1.39vw, 20px);
font-weight: 300;
line-height: 1.6;
letter-spacing: normal;
color: #fff;
text-shadow: 0 1px 16px rgba(0, 0, 0, .22);
}
.tt26 .tt26-making__cta,
body.tt26 .tt26-making__cta {
position: static;
left: auto;
bottom: auto;
transform: none;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #fff !important;
}
@media (max-width: 900px) {
.tt26-making__copy {
position: static;
transform: none;
width: auto;
right: auto;
padding: 22px 4vw 0;
}
.tt26-making__frame {
aspect-ratio: auto;
}
.tt26-making__frame img {
position: static;
aspect-ratio: 4 / 3;
height: auto;
}
.tt26-making__word,
.tt26-making__lead {
color: var(--tt26-ink);
text-shadow: none;
}
.tt26 .tt26-making__cta,
body.tt26 .tt26-making__cta {
color: var(--tt26-ink) !important;
border-color: var(--tt26-ink) !important;
}
}
.tt26-footer__grid,
.tt26-footer__legal,
body.tt26 .tt26-footer__legal,
.tt26-footer__bottom {
width: min(1400px, calc(100% - 160px));
max-width: none;
margin-inline: auto;
padding-inline: 0;
}
@media (max-width: 1100px) {
.tt26-footer__grid,
.tt26-footer__legal,
body.tt26 .tt26-footer__legal,
.tt26-footer__bottom {
width: calc(100% - 64px);
}
}
@media (max-width: 640px) {
.tt26-footer__grid,
.tt26-footer__legal,
body.tt26 .tt26-footer__legal,
.tt26-footer__bottom {
width: calc(100% - 24px);
}
}
.tt26-footer__grid {
grid-template-columns: 1.7fr 1fr 1.15fr 1.1fr 1.5fr;
gap: 0 clamp(20px, 2.8vw, 40px);
}
.tt26-footer__legal,
body.tt26 .tt26-footer__legal {
margin-bottom: 26px;
}
@media (max-width: 900px) {
.tt26-footer__grid {
grid-template-columns: repeat(2, 1fr);
gap: 0 clamp(16px, 3vw, 32px);
}
}
@media (max-width: 560px) {
.tt26-footer__grid {
grid-template-columns: 1fr;
}
}
@media (min-width: 721px) {
.tt26-banner {
margin-top: 120px;
}
}
@media (min-width: 721px) {
.tt26-sizeguide {
padding-top: 152px;
}
}
body.tt26 .tt-cart-head {
padding-right: 26px;
}
@media (min-width: 721px) {
body.tt26 form.checkout {
grid-template-columns: minmax(0, 1fr) 430px !important;
}
}
@media (max-width: 720px) {
body.tt26 .tt-header-logo-row .tt-logo {
display: inline-flex;
align-items: center;
overflow: hidden;
}
body.tt26 .tt-header-logo-row .tt-logo img {
max-width: 140px;
max-height: 100%;
width: auto;
height: auto;
}
}
@media (max-width: 720px) {
html body.tt26 .tt-header-logo-row .tt-mobile-header-action--wishlist {
margin-right: 0 !important;
}
html body.tt26 .tt-header-logo-row .tt-mobile-header-action--cart {
margin-left: 0 !important;
}
}
@media (max-width: 720px) {
html body.tt26 ul.products li.product.tt-product-card a.tt-product-cart,
html body.tt26 .tt26-rail ul.products li.product.tt-product-card a.tt-product-cart,
html body.tt26 .tt-product-carousel ul.products li.product.tt-product-card a.tt-product-cart {
display: none !important;
}
}
body.tt26 .tt-service-row p {
font-size: 12px;
}
body.tt26 #place_order,
body.tt26 .checkout-button,
body.tt26 .tt-cart-form .button {
font-size: 14px !important;
}
body.tt26 .tt26-footer__legal {
color: #fff !important;
}
@media (max-width: 720px) {
body.tt26 .tt-mobile-quick-actions a,
body.tt26 .tt-mobile-quick-actions a span,
body.tt26 .tt-mobile-quick-action a,
body.tt26 .tt-mobile-quick-action a span {
font-size: 11px !important;
}
body.tt26 .tt-header-badge {
font-size: 10px !important;
}
body.tt26 .tt-mobile-menu__eyebrow,
body.tt26 .tt-mobile-language,
body.tt26 .tt-mobile-language a,
body.tt26 .tt-mobile-language span,
body.tt26 .tt-mobile-menu__footer a {
font-size: 12px !important;
}
body.tt26 .tt26-footer__legal,
body.tt26 .tt-newsletter-form button,
body.tt26 .tt26-footer__col--news button {
font-size: 12px !important;
}
body.tt26 .tt-drawer-item__body p,
body.tt26 .tt-drawer-qty button {
font-size: 13px !important;
}
body.tt26 .tt26-footer__col li,
body.tt26 .tt26-footer__col p {
margin-bottom: 0;
}
body.tt26 .tt26-footer__col li a,
body.tt26 .tt26-footer__col p a {
display: block;
padding: 8px 0;
}
body.tt26 .tt26-footer__lang a {
display: inline-block;
padding: 10px 4px;
}
body.tt26 .tt26-tile__more {
display: inline-flex;
align-items: center;
padding: 11px 0;
}
body.tt26 .tt26-collection__arrow,
body.tt26 .tt-product-arrow,
body.tt26 .tt-blog-arrow {
width: 44px !important;
height: 44px !important;
}
body.tt26 .tt-drawer-qty button {
min-width: 40px;
min-height: 40px;
}
}
@media (max-width: 380px) {
body.tt26 .tt-mobile-quick-actions a,
body.tt26 .tt-mobile-quick-actions a span {
font-size: 11px !important;
}
}
@media (max-width: 720px) {
body.tt26 .tt26-filterbar select {
min-height: 44px;
padding: 0 34px 0 12px;
border: 1px solid rgba(28, 28, 28, .22);
border-radius: 2px;
background-color: var(--tt26-paper);
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%231c1c1c' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 12px 8px;
font-size: 13px !important;
color: var(--tt26-ink) !important;
}
body.tt26 .tt26-filterbar select:focus {
outline: 2px solid var(--tt26-accent);
outline-offset: 1px;
}
body.tt26 .tt-shop-page ul.products,
body.tax-product_cat.tt26 ul.products,
body.post-type-archive-product.tt26 ul.products {
width: 100% !important;
max-width: none !important;
margin-inline: 0 !important;
}
}
.tt26-blogs .tt26-blog-card,
body.tt26 .tt26-blog-card {
background: var(--tt26-paper);
}
html body.tt26 ul.products li.product .tt-product-card__img--hover {
display: none !important;
}
html body.tt26 ul.products li.product .tt-product-card__img--primary {
transition: transform .55s cubic-bezier(.4, 0, .2, 1);
}
html body.tt26 ul.products li.product:hover .tt-product-card__img--primary,
html body.tt26 ul.products li.product:focus-within .tt-product-card__img--primary {
transform: scale(1.06);
}
@media (hover: none) {
html body.tt26 ul.products li.product:hover .tt-product-card__img--primary {
transform: none;
}
}
.tt26-blog-card h3,
.tt26-blog-card p {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.tt26-blog-card h3 {
-webkit-line-clamp: 2;
}
.tt26-blog-card p {
-webkit-line-clamp: 2;
}
html[data-tt-lang="en"] .tt26-blog-card p {
text-transform: capitalize;
}
html body.tt26 ul.products li.product.tt-product-card:hover .tt-product-card__img--primary,
html body.tt26 ul.products li.product.tt-product-card.is-hovered .tt-product-card__img--primary,
html body.tt26 .tt-product-carousel li.product.tt-product-card:hover .tt-product-card__img--primary,
html body.tt26 .tt-product-carousel li.product.tt-product-card.is-hovered .tt-product-card__img--primary {
opacity: 1 !important;
}
html body.tt26 ul.products li.product.tt-product-card.is-hovered .tt-product-card__img--primary {
transform: scale(1.06);
}
html body.tt26 .tt-mega-menu {
top: calc(100% + 9px) !important;
background: #fff !important;
}
html body.tt26 .tt-mega-menu__inner,
html body.tt26 .tt-mega-menu__inner.tt-shell {
grid-template-columns: 32.4% auto !important;
max-width: none !important;
margin-inline: 0 !important;
padding-left: 27% !important;
padding-top: 50px !important;
padding-bottom: 50px !important;
padding-right: 0 !important;
column-gap: 0;
}
html body.tt26 .tt-mega-menu__inner h2 {
font-family: var(--tt26-display) !important;
font-size: 15px !important;
font-weight: 700 !important;
letter-spacing: .75px !important;
color: var(--tt26-ink) !important;
margin: 0 0 25px !important;
}
html body.tt26 .tt-mega-menu__inner a {
display: block;
font-family: var(--tt26-display) !important;
font-size: 15px !important;
font-weight: 500 !important;
letter-spacing: .75px !important;
color: var(--tt26-ink) !important;
margin: 0 0 25px !important;
}
html body.tt26 .tt-mega-menu__inner a:last-child {
margin-bottom: 0 !important;
}
@media (max-width: 1100px) {
html body.tt26 .tt-mega-menu__inner,
html body.tt26 .tt-mega-menu__inner.tt-shell {
padding-left: 12% !important;
}
}
.tt26-word {
display: inline-block;
opacity: 0;
transform: translateY(10px);
transition: opacity .56s cubic-bezier(.25, .8, .3, 1),
transform .56s cubic-bezier(.25, .8, .3, 1);
transition-delay: calc(var(--tt26-i, 0) * 70ms);
will-change: opacity, transform;
}
.tt26-hien .tt26-word {
opacity: 1;
transform: none;
}
.no-js .tt26-word,
.tt26-word:only-child:not([style]) {
opacity: 1;
transform: none;
}
.tt26-making__copy.tt26-mo {
opacity: 0;
margin-top: 10px;
transition: none;
}
.tt26-making__copy.tt26-mo.tt26-sansang {
transition: opacity .56s cubic-bezier(.25, .8, .3, 1),
margin-top .56s cubic-bezier(.25, .8, .3, 1);
}
.tt26-making__copy.tt26-mo.tt26-hien {
opacity: 1;
margin-top: 0;
}
.tt26-about {
padding-bottom: clamp(60px, 8vw, 130px);
}
.tt26-about__hero {
position: relative;
margin-top: 120px;
aspect-ratio: 1521 / 1440;
overflow: hidden;
background: var(--tt26-mist);
}
.tt26-about__hero img,
.tt26-about__video {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.tt26-about__video {
opacity: 0;
transition: opacity .6s ease;
}
.tt26-about__video.is-ready {
opacity: 1;
}
.tt26-about__title {
margin: 0 0 26px;
font-family: var(--tt26-display);
font-size: clamp(22px, 2vw, 30px);
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
color: var(--tt26-ink);
}
.tt26-about__intro {
width: min(1258px, calc(100% - 160px));
margin: var(--tt26-o-rong) auto 0;
text-align: center;
}
.tt26-about__intro p {
margin: 0 0 22px;
font-family: var(--tt26-display);
font-size: clamp(15px, 1.35vw, 20px);
font-weight: 400;
line-height: 1.7;
color: var(--tt26-ink);
}
.tt26-about__intro p:last-child {
margin-bottom: 0;
}
.tt26-about__line {
width: 100%;
height: 0;
margin: var(--tt26-o-lon) 0 0;
border: 0;
border-top: 1px solid var(--tt26-line);
}
.tt26-about__founder {
display: grid;
grid-template-columns: 41.5% 1fr;
gap: clamp(30px, 4.6vw, 70px);
align-items: center;
width: calc(100% - 212px);
margin: var(--tt26-o-rong) auto 0;
}
.tt26-about__portrait {
margin: 0;
overflow: hidden;
background: var(--tt26-mist);
}
.tt26-about__portrait img {
width: 100%;
aspect-ratio: 631 / 1361;
object-fit: cover;
display: block;
}
.tt26-about__note {
text-align: center;
}
.tt26-about__note p {
margin: 0 0 26px;
font-family: var(--tt26-display);
font-size: clamp(15px, 1.35vw, 20px);
font-weight: 400;
line-height: 1.7;
color: var(--tt26-ink);
}
.tt26-about__note p:last-child {
margin-bottom: 0;
}
.tt26-about__timeline {
position: relative;
width: calc(100% - 212px);
margin: var(--tt26-o-rong) auto 0;
display: grid;
grid-template-columns: 1fr 1fr;
gap: clamp(28px, 5.3vw, 80px);
}
.tt26-timeline__khung {
height: 100%;
min-width: 0;
}
.tt26-about__timeline::before {
content: "";
position: absolute;
top: 12px;
bottom: 12px;
left: 26px;
width: 1px;
background: var(--tt26-line);
}
.tt26-timeline__chu {
padding-left: 98px;
}
.tt26-moc {
position: relative;
min-height: clamp(480px, 61vw, 936px);
padding-bottom: 24px;
}
.tt26-moc:last-child {
padding-bottom: 0;
}
.tt26-moc::before {
content: "";
position: absolute;
top: 6px;
left: -83px;
width: 22px;
height: 22px;
border-radius: 50%;
background: var(--tt26-accent);
}
.tt26-moc__nam {
margin: 0 0 10px;
font-family: var(--tt26-display);
font-size: clamp(19px, 2vw, 30px);
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
color: var(--tt26-ink);
}
.tt26-moc__noi {
margin: 0 0 16px;
font-family: var(--tt26-display);
font-size: clamp(13px, 1.1vw, 15px);
font-weight: 600;
letter-spacing: .8px;
color: var(--tt26-accent);
}
.tt26-moc p:not(.tt26-moc__noi) {
margin: 0;
font-family: var(--tt26-display);
font-size: clamp(15px, 1.35vw, 20px);
font-weight: 400;
line-height: 1.7;
color: var(--tt26-ink);
}
.tt26-timeline__ghim {
position: sticky;
top: 144px;
aspect-ratio: 617 / 844;
overflow: hidden;
background: var(--tt26-mist);
}
.tt26-lop {
position: absolute;
inset: 0;
margin: 0;
opacity: 0;
}
.tt26-lop--hien {
opacity: 1;
}
.tt26-lop img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.tt26-moc__anh-hep {
display: none;
margin: 26px 0 0;
overflow: hidden;
background: var(--tt26-mist);
}
.tt26-moc__anh-hep img {
width: 100%;
aspect-ratio: 617 / 844;
object-fit: cover;
display: block;
}
.tt26-vao {
opacity: 0;
transform: translateY(150px);
}
.tt26-vao.tt26-sansang {
transition: opacity .6s cubic-bezier(.22, .61, .36, 1),
transform .6s cubic-bezier(.22, .61, .36, 1);
}
.tt26-vao.tt26-hien {
opacity: 1;
transform: none;
}
@media (min-width: 901px) {
.tt26 .tt-site-header,
body.tt26 .tt-site-header {
transition: transform .35s cubic-bezier(.22, .61, .36, 1);
will-change: transform;
}
.tt26 .tt-site-header.tt26-thu,
body.tt26 .tt-site-header.tt26-thu {
transform: translateY(-73px);
}
}
@media (prefers-reduced-motion: reduce) {
.tt26-vao {
opacity: 1;
transform: none;
}
.tt26 .tt-site-header,
body.tt26 .tt-site-header {
transition: none;
}
}
@media (max-width: 1100px) {
.tt26-about__intro,
.tt26-about__founder,
.tt26-about__timeline {
width: calc(100% - 64px);
}
}
@media (max-width: 900px) {
.tt26-about__founder {
grid-template-columns: 1fr;
}
.tt26-about__portrait img {
aspect-ratio: 3 / 4;
object-position: center 28%;
}
.tt26-about__timeline {
grid-template-columns: 1fr;
}
.tt26-timeline__khung {
display: none;
}
.tt26-timeline__chu {
padding-left: 44px;
}
.tt26-moc {
min-height: 0;
padding-bottom: 0;
margin-bottom: var(--tt26-o-lon);
}
.tt26-moc:last-child {
margin-bottom: 0;
}
.tt26-moc__anh-hep {
display: block;
}
.tt26-about__timeline::before {
left: 8px;
}
.tt26-moc::before {
left: -44px;
width: 16px;
height: 16px;
margin-left: 1px;
}
}
@media (max-width: 720px) {
.tt26-about__hero {
margin-top: 58px;
aspect-ratio: 16 / 10;
}
}
@media (max-width: 640px) {
.tt26-about__intro,
.tt26-about__founder,
.tt26-about__timeline {
width: calc(100% - 24px);
}
}
@media (min-width: 1025px) {
body.tt26 .tt-blog-page .tt-blog-page__inner {
width: min(1400px, calc(100% - 120px)) !important;
max-width: none !important;
margin-inline: auto !important;
}
body.tt26 .tt-blog-card-strip--list .tt-blog-card-strip__grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 24px 12px !important;
}
}
body.tt26 .tt-blog-page-card {
background: #fff;
overflow: hidden;
padding-bottom: 16px;
}
body.tt26 .tt-blog-page-card img {
margin: 0 !important;
}
body.tt26 .tt-blog-page-card h2 {
margin: 0 0 5px !important;
padding: 16px 16px 0 !important;
font-size: clamp(17px, 1.32vw, 20px) !important;
font-weight: 500 !important;
line-height: 1.2 !important;
letter-spacing: .05em !important;
text-transform: uppercase !important;
color: rgb(28, 28, 28) !important;
height: calc(16px + 2 * 1.2em);
overflow: hidden;
}
body.tt26 .tt-blog-page-card p {
margin: 0 !important;
padding: 0 16px !important;
font-size: clamp(13px, .99vw, 15px) !important;
font-weight: 500 !important;
line-height: 1.3 !important;
letter-spacing: .05em !important;
color: rgb(115, 115, 115) !important;
height: calc(2 * 1.3em);
overflow: hidden;
}
body.tt26 .tt-blog-banner .tt-blog-page__title {
font-size: clamp(34px, 3.95vw, 60px) !important;
font-weight: 500 !important;
letter-spacing: .05em !important;
color: rgb(28, 28, 28) !important;
}
@media (max-width: 1024px) {
body.tt26 .tt-blog-page-card h2 {
height: auto;
}
body.tt26 .tt-blog-page-card p {
height: calc(3 * 1.3em);
}
}
@media (min-width: 1025px) {
body.tt26 .tt-blog-page .tt-blog-products.tt-product-carousel {
width: 100% !important;
}
}
.tt26-blogtop {
position: relative;
width: 100%;
margin-top: 120px;
background: var(--tt26-mist);
}
.tt26-blogtop__khung {
overflow: hidden;
}
.tt26-blogtop__track {
display: flex;
transition: transform .6s cubic-bezier(.22, .61, .36, 1);
}
.tt26-blogtop__anh {
flex: 0 0 100%;
margin: 0;
aspect-ratio: 1521 / 1440;
}
.tt26-blogtop__anh img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.tt26-blogtop__nut {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 44px;
height: 44px;
display: grid;
place-items: center;
border: 0;
border-radius: 50%;
background: rgba(255, 255, 255, .82);
cursor: pointer;
padding: 0;
}
.tt26-blogtop__nut[disabled] {
opacity: .35;
cursor: default;
}
.tt26-blogtop__nut--truoc { left: 24px; }
.tt26-blogtop__nut--sau   { right: 24px; }
.tt26-blogtop__nut span {
width: 9px;
height: 9px;
border-top: 1.5px solid var(--tt26-ink);
border-right: 1.5px solid var(--tt26-ink);
display: block;
}
.tt26-blogtop__nut--truoc span { transform: translateX(2px) rotate(-135deg); }
.tt26-blogtop__nut--sau span   { transform: translateX(-2px) rotate(45deg); }
@media (prefers-reduced-motion: reduce) {
.tt26-blogtop__track { transition: none; }
}
body.tt26 .tt26-blogsub {
margin: 0;
font-family: var(--tt26-display);
font-size: clamp(12px, 1.05vw, 16px);
font-weight: 400;
letter-spacing: .05em;
text-transform: uppercase;
text-align: center;
color: rgb(115, 115, 115);
}
body.tt26 a.tt-blog-page-card,
body.tt26 a.tt-blog-page-card:hover {
display: block;
color: inherit;
text-decoration: none;
}
.tt26-post__anh {
margin-top: 120px;
aspect-ratio: 1521 / 1440;
overflow: hidden;
background: var(--tt26-mist);
}
.tt26-post__anh img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.tt26-post__chu {
width: min(1296px, calc(100% - 120px));
margin: var(--tt26-o-vua) auto 0;
text-align: center;
}
.tt26-post__ve {
display: inline-block;
margin: 0 0 18px;
font-family: var(--tt26-display);
font-size: 12px;
font-weight: 600;
letter-spacing: .18em;
text-transform: uppercase;
color: var(--tt26-accent);
text-decoration: none;
}
body.tt26 .tt26-post__ngay {
margin: 0 0 14px;
font-family: var(--tt26-display);
font-size: clamp(14px, 1.32vw, 20px);
font-weight: 700;
letter-spacing: .04em;
color: var(--tt26-ink);
}
body.tt26 .tt26-post__dau h1 {
margin: 0;
font-family: var(--tt26-display);
font-size: clamp(28px, 3.95vw, 60px) !important;
font-weight: 600 !important;
line-height: 1.14;
letter-spacing: .01em !important;
text-transform: none !important;
color: var(--tt26-ink) !important;
}
body.tt26 .tt26-post__tacgia {
margin: 20px 0 0;
font-family: var(--tt26-display);
font-size: 13px;
font-weight: 500;
letter-spacing: .1em;
text-transform: uppercase;
color: rgb(115, 115, 115);
}
body.tt26 .tt-blog-detail__body {
width: min(1296px, calc(100% - 120px)) !important;
max-width: none !important;
margin-inline: auto !important;
padding-top: var(--tt26-o-vua);
}
body.tt26 .tt-blog-detail__body p,
body.tt26 .tt-blog-detail__body li {
font-family: var(--tt26-display);
font-size: clamp(16px, 1.32vw, 20px) !important;
font-weight: 500 !important;
line-height: 1.8 !important;
color: rgb(28, 28, 28) !important;
}
body.tt26 .tt-blog-detail__body h2 {
font-family: var(--tt26-display);
font-size: clamp(22px, 1.98vw, 30px) !important;
font-weight: 600 !important;
letter-spacing: .01em !important;
color: var(--tt26-ink) !important;
}
@media (max-width: 900px) {
.tt26-post__anh {
aspect-ratio: 4 / 3;
}
body.tt26 .tt-blog-detail__body,
.tt26-post__chu {
width: calc(100% - 48px) !important;
}
}
@media (max-width: 640px) {
body.tt26 .tt-blog-detail__body,
.tt26-post__chu {
width: calc(100% - 24px) !important;
}
}
@media (max-width: 720px) {
.tt26-blogtop,
.tt26-post__anh {
margin-top: 58px;
}
}
@media (max-width: 720px) {
body.tt26 #tt-mobile-menu .tt-mobile-cats a,
body.tt26 #tt-mobile-menu .tt-mobile-menu a {
font-size: 15px !important;
letter-spacing: .04em !important;
}
body.tt26 #tt-mobile-menu .tt-mobile-quick-actions a span:not(.tt-header-badge) {
font-size: 13px !important;
}
body.tt26 #tt-mobile-menu .tt-mobile-menu__footer a {
font-size: 13px !important;
min-height: 44px;
display: flex;
align-items: center;
}
body.tt26 #tt-mobile-menu .tt-mobile-language a {
min-height: 44px !important;
min-width: 48px !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
font-size: 13px !important;
}
body.tt26 .tt-site-footer a {
min-height: 44px;
display: flex;
align-items: center;
}
body.tt26 .tt-site-footer p,
body.tt26 .tt-site-footer li,
body.tt26 .tt-site-footer span {
font-size: 13px !important;
}
body.tt26 .tt-mobile-sticky-cta__label {
font-size: 12px !important;
}
body.tt26 .tt-mobile-sticky-cta__button {
font-size: 13px !important;
min-height: 46px;
}
body.tt26 .tt26-help a,
body.tt26 .tt26-meta a,
body.tt26 .tt26-buy a[href*="huong-dan-chon-size"],
body.tt26 .tt26-buy a[href*="lien-he"] {
min-height: 44px;
display: inline-flex;
align-items: center;
}
body.tt26 .tt-drawer a.remove,
body.tt26 .tt-drawer .remove,
body.tt26 .woocommerce-cart a.remove,
body.tt26 td.product-remove a {
width: 44px !important;
height: 44px !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
font-size: 20px !important;
}
body.tt26 .tt-btn {
font-size: 13px !important;
min-height: 44px;
display: inline-flex;
align-items: center;
justify-content: center;
}
body.tt26 .tt-blog-pagination a,
body.tt26 .woocommerce-pagination a,
body.tt26 .woocommerce-pagination span {
min-width: 44px !important;
min-height: 44px !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
}
body.tt26 .tt-header-badge {
font-size: 11px !important;
}
}
body.tt26 .tt26-blogs__sub,
body.tt26 .tt26-blogsub {
color: #6f6f6f;
}
@media (max-width: 720px) {
body.tt26 .tt-newsletter--footer button,
body.tt26 .tt-site-footer form button,
body.tt26 .tt-site-footer input[type="submit"] {
font-size: 13px !important;
min-height: 46px;
}
body.tt26 .tt26-tile__more {
min-height: 44px;
display: inline-flex;
align-items: center;
}
body.tt26 .tt-logo {
display: inline-flex;
align-items: center;
min-height: 44px;
}
}
body.tt26 .tt-mobile-sticky-cta__label {
color: rgb(100, 116, 124) !important;
}
@media (max-width: 720px) {
body.tt26 .tt26-helprow a,
body.tt26 .tt26-learn-more {
min-height: 44px;
display: inline-flex;
align-items: center;
}
body.tt26 .tt-drawer-remove {
width: 44px !important;
height: 44px !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
font-size: 20px !important;
}
body.tt26 .tt-drawer-qty button {
min-width: 44px !important;
min-height: 44px !important;
}
body.tt26 .tt-drawer-item__title,
body.tt26 .tt-drawer__textlink {
min-height: 44px;
display: flex;
align-items: center;
}
body.tt26 .tt-newsletter-form button {
font-size: 13px !important;
min-height: 46px;
}
body.tt26 .tt-payment-summary-line p,
body.tt26 .tt-payment-summary-line span,
body.tt26 .tt-payment-summary-line b,
body.tt26 .tt-payment-summary-toggle,
body.tt26 .tt-payment-assurance p,
body.tt26 .tt-payment-assurance span,
body.tt26 .tt-payment-links a {
font-size: 13px !important;
}
body.tt26 .tt-payment-summary-line .woocommerce-Price-currencySymbol,
body.tt26 .tt-payment-summary-line .woocommerce-Price-amount {
font-size: 13px !important;
}
body.tt26 .tt-payment-links a {
min-height: 44px;
display: inline-flex;
align-items: center;
}
body.tt26 .tt-payment-summary-toggle {
min-height: 46px;
}
body.tt26 .woocommerce-cart .tt-cart-continue,
body.tt26 .woocommerce-cart td p,
body.tt26 .woocommerce-cart .actions button {
font-size: 13px !important;
}
body.tt26 .woocommerce-cart td.product-remove a,
body.tt26 .woocommerce-cart a.remove {
width: 44px !important;
height: 44px !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
}
body.tt26 .woocommerce-cart td.product-name a {
min-height: 44px;
display: inline-flex;
align-items: center;
}
}
@media (max-width: 720px) {
html body.tt26 .tt26-footer .tt-newsletter-form button {
font-size: 13px !important;
min-height: 46px !important;
}
}
body.tt26.woocommerce-cart .tt-cart-line__copy p,
body.tt26.woocommerce-cart .variation p,
body.tt26.woocommerce-cart .tt-cart-summary th,
body.tt26.woocommerce-cart .tt-cart-summary td,
body.tt26.woocommerce-checkout .shop_table th,
body.tt26.woocommerce-checkout .tt-payment-help p {
color: #6f6f6f !important;
}
body.tt26.woocommerce-cart .tt-cart-actions button.button,
body.tt26.woocommerce-cart .tt-cart-actions .button {
background: #4a6a80 !important;
border-color: #4a6a80 !important;
color: #fff !important;
}
body.tt26.woocommerce-cart .shipping-calculator-button,
body.tt26.woocommerce-cart a[href*="shipping"] {
color: #4a6a80 !important;
}
@media (max-width: 720px) {
html body.tt26 .tt-cart-line__copy p,
html body.tt26 .variation p,
html body.tt26 .tt-cart-actions button.button,
html body.tt26 .tt-cart-continue {
font-size: 13px !important;
}
html body.tt26 .tt-cart-line__remove a.remove {
width: 44px !important;
height: 44px !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
font-size: 20px !important;
}
html body.tt26 .tt-cart-line__title,
html body.tt26 .shipping-calculator-button,
html body.tt26 .tt-cart-continue {
min-height: 44px;
display: inline-flex;
align-items: center;
}
html body.tt26 .tt-cart-actions button.button {
min-height: 46px;
}
html body.tt26 .woocommerce-checkout .shop_table th,
html body.tt26 .woocommerce-checkout .shop_table td,
html body.tt26 .woocommerce-checkout .shop_table .woocommerce-Price-amount,
html body.tt26 .tt-payment-help p {
font-size: 13px !important;
}
}
body.tt26.woocommerce-cart dl dt,
body.tt26.woocommerce-cart .tt-cart-shipping dt {
color: #6f6f6f !important;
}
body.tt26.woocommerce-cart .woocommerce-shipping-methods label,
body.tt26.woocommerce-checkout .woocommerce-shipping-methods label {
color: #4a6a80 !important;
}
body.tt26 .tt-mobile-menu__eyebrow {
color: #5f7078 !important;
}
@media (max-width: 720px) {
html body.tt26 .tt-service-row p,
html body.tt26 .tt-blog-services p {
font-size: 12px !important;
}
html body.tt26 #tt-mobile-menu .tt-mobile-quick-actions a,
html body.tt26 #tt-mobile-menu .tt-mobile-quick-actions a span {
font-size: 13px !important;
}
html body.tt26 #tt-mobile-menu .tt-mobile-quick-actions a .tt-header-badge {
font-size: 11px !important;
}
}
body.tt26 .tt-blog-services p,
body.tt26 .tt-service-row p {
color: #4a6a80 !important;
}
body.tt26 .tt-blog-page__more,
body.tt26 .tt-center .tt-btn {
color: #6a6a6a !important;
border-color: #8d8d8d !important;
}
body.tt26 .tt-drawer-item__body p {
color: #6f6f6f !important;
}
body.tt26 .tt26-blogs__sub,
body.tt26 .tt26-blogsub {
color: #6a6a6a !important;
}
@media (max-width: 720px) {
html body.tt26 ul.products li.product.tt-product-card .tt-product-card__body .tt-price,
html body.tt26 ul.products li.product.tt-product-card .tt-product-card__body .price,
html body.tt26 ul.products li.product.tt-product-card .tt-product-card__body .amount,
html body.tt26 ul.products li.product.tt-product-card .tt-product-card__body .woocommerce-Price-amount,
html body.tt26 ul.products li.product.tt-product-card .tt-product-card__body .woocommerce-Price-currencySymbol,
html body.tt26 .tt-product-card__body .tt-price,
html body.tt26 .tt-product-card__body .woocommerce-Price-amount,
html body.tt26 .tt-product-card__body .woocommerce-Price-currencySymbol {
font-size: 13px !important;
}
}
@media (min-width: 721px) and (max-width: 1024px) {
html body.tt26 .tt-product-card__body .woocommerce-Price-currencySymbol,
html body.tt26 li.product .woocommerce-Price-currencySymbol {
font-size: inherit !important;
}
}
body.tt26 .tt-cart-line__copy p,
body.tt26 .tt-cart-line__copy dt,
body.tt26 .tt-cart-line__copy dd,
body.tt26 .tt-drawer-item__body p,
body.tt26 .variation p,
body.tt26 .variation dt,
body.tt26 .tt-cart-continue {
color: #676767 !important;
}
body.tt26 .tt-payment-links a {
color: #4a6a80 !important;
}
body.tt26 .tt-payment-summary-card .tt-payment-count,
body.tt26 .tt-payment-summary-card > p,
body.tt26 .tt-payment-summary-toggle {
color: #5f5f5f !important;
}
body.tt26 .tt-cart-line__copy p,
body.tt26 .tt-cart-line__copy dt,
body.tt26 .tt-cart-line__copy dd,
body.tt26 .tt-drawer-item__body p,
body.tt26 .variation p,
body.tt26 .variation dt,
body.tt26 .variation dd {
color: #5f5f5f !important;
}
html body.tt26 .tt-cart-line__copy p,
html body.tt26 .tt-cart-line__copy dt,
html body.tt26 .tt-cart-line__copy dd,
html body.tt26 .tt-drawer-item__body p,
html body.tt26 .variation p,
html body.tt26 .variation dt,
html body.tt26 .variation dd {
color: #5a5a5a !important;
}
html body.tt26 .tt-payment-summary-line,
html body.tt26 .tt-payment-summary-line p,
html body.tt26 .tt-payment-summary-line span,
html body.tt26 .tt-payment-summary-line b,
html body.tt26 .tt-payment-summary-card p,
html body.tt26 .tt-payment-summary-card span:not(.woocommerce-Price-currencySymbol),
html body.tt26 .tt-payment-summary-card dt,
html body.tt26 .tt-payment-summary-card dd {
color: #45606b !important;
}
html body.tt26.woocommerce-cart .tt-cart-line__copy p,
html body.tt26.woocommerce-cart .tt-cart-line__copy dt,
html body.tt26.woocommerce-cart .tt-cart-line__copy dd,
html body.tt26.woocommerce-cart .variation p,
html body.tt26 .tt-drawer .tt-drawer-item__body p {
color: #5a5a5a !important;
}
html body.tt26 .tt-payment-summary__head strong,
html body.tt26 .tt-payment-summary__head span,
html body.tt26 .tt-payment-summary__head p {
color: #45606b !important;
}
@media (min-width: 901px) {
html body.tt26 .tt-single-product__excerpt p {
font-size: 17px !important;
line-height: 1.6 !important;
}
html body.tt26 .tt-product-detail-grid {
width: min(1266px, calc(100% - 240px)) !important;
max-width: none !important;
margin-inline: auto !important;
}
html body.tt26 .tt-product-detail-grid p,
html body.tt26 .tt-product-detail-grid li {
font-size: 16px !important;
line-height: 1.65 !important;
}
html body.tt26 .tt-product-detail-grid dd,
html body.tt26 .tt-product-detail-grid dd p,
html body.tt26 .tt-product-detail-grid aside p,
html body.tt26 .tt-product-detail-grid article + article p {
font-size: 15px !important;
}
}
@media (max-width: 900px) {
html body.tt26 .tt-single-product__excerpt p {
font-size: 15px !important;
line-height: 1.6 !important;
}
html body.tt26 .tt-product-detail-grid p,
html body.tt26 .tt-product-detail-grid li {
font-size: 15px !important;
line-height: 1.65 !important;
}
}
.tt26-lienhe__bando {
position: relative;
margin-top: 120px;
aspect-ratio: 1521 / 1440;
overflow: hidden;
background: var(--tt26-mist);
}
.tt26-lienhe__bando iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
display: block;
}
.tt26-lienhe__diachi {
position: absolute;
left: 50%;
bottom: 32px;
transform: translateX(-50%);
z-index: 2;
padding: 14px 26px;
background: rgba(255, 255, 255, .94);
font-family: var(--tt26-display);
font-size: clamp(13px, 1.1vw, 15px);
font-weight: 600;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--tt26-ink);
text-decoration: none;
min-height: 44px;
display: inline-flex;
align-items: center;
}
.tt26-lienhe__mo {
width: min(1258px, calc(100% - 120px));
margin: var(--tt26-o-lon) auto var(--tt26-o-nho);
text-align: center;
}
body.tt26 .tt26-lienhe__mo h1 {
margin: 0 0 22px;
font-family: var(--tt26-display);
font-size: clamp(22px, 2vw, 30px) !important;
font-weight: 600 !important;
letter-spacing: .06em !important;
text-transform: uppercase !important;
color: var(--tt26-ink) !important;
}
body.tt26 .tt26-lienhe__mo p {
margin: 0 auto;
max-width: 760px;
font-family: var(--tt26-display);
font-size: clamp(15px, 1.32vw, 17px);
font-weight: 400;
line-height: 1.7;
color: var(--tt26-ink);
}
@media (min-width: 901px) {
html body.tt26 .tt-contact-info > p,
html body.tt26 .tt-contact-list dd,
html body.tt26 .tt-contact-list p {
font-size: 16px !important;
line-height: 1.65 !important;
}
}
@media (max-width: 720px) {
.tt26-lienhe__bando {
margin-top: 58px;
aspect-ratio: 4 / 5;
}
.tt26-lienhe__diachi {
bottom: 18px;
font-size: 12px;
padding: 12px 18px;
letter-spacing: .06em;
}
.tt26-lienhe__mo {
width: calc(100% - 24px);
}
}
body.tt26 .tt-contact-info > span,
body.tt26 .tt-contact-info .tt-contact-eyebrow {
color: #4a6a80 !important;
}
body.tt26 .tt-contact-info > p {
color: #6a6a6a !important;
}
body.tt26:not(.woocommerce-page) .tt-page.tt-shell {
width: min(720px, calc(100% - 48px));
margin-inline: auto;
}
body.tt26:not(.woocommerce-page) .tt-page .tt-page-title {
font-family: var(--tt26-display);
font-size: clamp(22px, 2vw, 30px) !important;
font-weight: 600 !important;
letter-spacing: .06em !important;
text-transform: uppercase !important;
color: var(--tt26-ink) !important;
}
body.tt26:not(.woocommerce-page) .tt-page .tt-page-content p,
body.tt26:not(.woocommerce-page) .tt-page .tt-page-content li {
font-size: 17px !important;
line-height: 1.75 !important;
color: var(--tt26-ink) !important;
}
body.tt26:not(.woocommerce-page) .tt-page .tt-page-content h2 {
font-size: clamp(18px, 1.6vw, 22px) !important;
font-weight: 600 !important;
letter-spacing: .04em !important;
}
body.tt26:not(.woocommerce-page) .tt-page .tt-page-content h3 {
font-size: 17px !important;
font-weight: 600 !important;
}
@media (min-width: 901px) {
html body.tt26 .tt-craft-intro > p,
html body.tt26 .tt-craft-cta > p {
font-size: 17px !important;
line-height: 1.7 !important;
}
html body.tt26 .tt-craft-process article p,
html body.tt26 .tt-craft-detail article p {
font-size: 16px !important;
line-height: 1.7 !important;
}
html body.tt26 .tt-craft-standards article h3 {
font-size: 17px !important;
}
html body.tt26 .tt-craft-standards article p {
font-size: 15px !important;
line-height: 1.65 !important;
}
}
@media (max-width: 900px) {
html body.tt26 .tt-craft-intro > p,
html body.tt26 .tt-craft-cta > p,
html body.tt26 .tt-craft-process article p,
html body.tt26 .tt-craft-detail article p {
font-size: 15px !important;
line-height: 1.7 !important;
}
html body.tt26 .tt-craft-standards article h3 {
font-size: 16px !important;
}
html body.tt26 .tt-craft-standards article p {
font-size: 14px !important;
line-height: 1.65 !important;
}
}
html body.tt26 .tt-craft-intro > span,
html body.tt26 .tt-craft-cta > span,
html body.tt26 .tt-craft-process article > span,
html body.tt26 .tt-craft-detail article > span {
font-size: 14px !important;
letter-spacing: .1em !important;
}
html body.tt26 .tt-craft-metrics article small {
font-size: 14px !important;
}
html body.tt26 .tt-collections-product h2 {
font-family: var(--tt26-display);
font-size: 20px !important;
font-weight: 600 !important;
letter-spacing: .04em !important;
text-transform: uppercase !important;
color: var(--tt26-ink) !important;
}
html body.tt26 .tt-collections-product p {
font-size: 14px !important;
line-height: 1.5 !important;
color: #6f6f6f !important;
}
html body.tt26 .tt-collections-product strong {
font-size: 16px !important;
font-weight: 600 !important;
color: var(--tt26-ink) !important;
}
@media (max-width: 720px) {
html body.tt26 .tt-collections-product h2 {
font-size: 17px !important;
}
html body.tt26 .tt-collections-product p {
font-size: 13px !important;
}
html body.tt26 .tt-collections-product strong {
font-size: 15px !important;
}
}
html body.tt26 .tt-feature-split__product h3 {
font-family: var(--tt26-display);
font-size: 20px !important;
font-weight: 600 !important;
letter-spacing: .04em !important;
text-transform: uppercase !important;
color: var(--tt26-ink) !important;
}
html body.tt26 .tt-feature-split__product p {
font-size: 14px !important;
line-height: 1.5 !important;
color: #6f6f6f !important;
}
html body.tt26 .tt-feature-split__product strong {
font-size: 16px !important;
font-weight: 600 !important;
color: var(--tt26-ink) !important;
}
@media (max-width: 720px) {
html body.tt26 .tt-feature-split__product h3 { font-size: 17px !important; }
html body.tt26 .tt-feature-split__product p { font-size: 13px !important; }
html body.tt26 .tt-feature-split__product strong { font-size: 15px !important; }
}
html body.tt26 .tt-craft-intro .tt-btn,
html body.tt26 .tt-craft-detail .tt-btn,
html body.tt26 .tt-craft-cta .tt-btn,
html body.tt26 .tt-feature-split .tt-btn,
html body.tt26 .tt-collections-mock .tt-btn,
html body.tt26 .tt-hero--collections-index .tt-btn,
html body.tt26 .tt-hero--collection .tt-btn,
html body.tt26 .tt-page .tt-btn {
font-size: 15px !important;
font-weight: 500 !important;
letter-spacing: .06em !important;
}
@media (max-width: 720px) {
html body.tt26 .tt-craft-intro .tt-btn,
html body.tt26 .tt-craft-detail .tt-btn,
html body.tt26 .tt-craft-cta .tt-btn,
html body.tt26 .tt-feature-split .tt-btn,
html body.tt26 .tt-collections-mock .tt-btn,
html body.tt26 .tt-hero--collections-index .tt-btn,
html body.tt26 .tt-hero--collection .tt-btn,
html body.tt26 .tt-page .tt-btn {
font-size: 14px !important;
}
}
html body.tt26 .tt-gallery-arrow {
color: #4a6a80 !important;
}
html body.tt26 .tt-craft-intro > span,
html body.tt26 .tt-craft-cta > span,
html body.tt26 .tt-craft-process article > span,
html body.tt26 .tt-craft-detail article > span {
color: #4a6a80 !important;
}
html body.tt26 .tt-craft-metrics article small {
color: #5f5f5f !important;
}
html body.tt26 .tt-craft-detail .tt-btn:not(.tt-btn--light):not(.tt-btn--outline) {
color: #fff !important;
border-color: #3a6076 !important;
}
html body.tt26 .tt-craft-cta > p {
color: #5f5f5f !important;
}
body.tt26 .tt26-tile__more {
align-self: center;
}
@media (min-width: 901px) {
body.tt26.woocommerce-checkout .tt-payment-main > h1,
body.tt26.woocommerce-checkout .tt-payment-block > h2 {
font-size: 20px !important;
font-weight: 500 !important;
letter-spacing: .08em !important;
}
body.tt26.woocommerce-checkout .tt-payment-page input.input-text,
body.tt26.woocommerce-checkout .tt-payment-page textarea,
body.tt26.woocommerce-checkout .tt-payment-page .input-text {
font-size: 14px !important;
font-weight: 400 !important;
letter-spacing: .01em !important;
}
body.tt26.woocommerce-checkout .tt-payment-page select {
font-size: 15px !important;
font-weight: 400 !important;
}
body.tt26.woocommerce-checkout .tt-payment-methods label,
body.tt26.woocommerce-checkout .tt-shipping-methods label {
font-size: 16px !important;
font-weight: 500 !important;
}
body.tt26.woocommerce-checkout .tt-payment-methods .payment_box p,
body.tt26.woocommerce-checkout .tt-payment-methods li > div p {
font-size: 14px !important;
line-height: 1.6 !important;
}
body.tt26.woocommerce-checkout .tt-payment-page .woocommerce-privacy-policy-text p,
body.tt26.woocommerce-checkout .tt-payment-page .tt-payment-links a {
font-size: 14px !important;
}
body.tt26.woocommerce-checkout .tt-payment-page #place_order,
body.tt26.woocommerce-checkout .tt-payment-page .tt-payment-page button.button {
font-size: 16px !important;
font-weight: 600 !important;
letter-spacing: .08em !important;
}
body.tt26.woocommerce-checkout .tt-payment-summary__head span {
font-size: 18px !important;
font-weight: 600 !important;
}
body.tt26.woocommerce-checkout .tt-payment-summary__head strong {
font-size: 14px !important;
font-weight: 500 !important;
}
body.tt26.woocommerce-checkout .tt-payment-summary-line {
grid-template-columns: 104px minmax(0, 1fr) !important;
column-gap: 20px !important;
row-gap: 8px !important;
align-items: start !important;
}
body.tt26.woocommerce-checkout .tt-payment-summary-line img {
width: 104px !important;
height: 104px !important;
grid-row: 1 / span 2 !important;
}
body.tt26.woocommerce-checkout .tt-payment-summary-line > div {
grid-column: 2 !important;
grid-row: 1 !important;
}
body.tt26.woocommerce-checkout .tt-payment-summary-line > b {
grid-column: 2 !important;
grid-row: 2 !important;
text-align: left !important;
font-size: 16px !important;
font-weight: 600 !important;
}
body.tt26.woocommerce-checkout .tt-payment-summary-line > div > strong {
font-size: 17px !important;
font-weight: 600 !important;
letter-spacing: .03em !important;
}
body.tt26.woocommerce-checkout .tt-payment-summary-line > div > p {
font-size: 14px !important;
line-height: 1.5 !important;
}
body.tt26.woocommerce-checkout .tt-payment-summary-line > div > span {
font-size: 13px !important;
font-weight: 500 !important;
}
body.tt26.woocommerce-checkout .tt-payment-summary__totals dt {
font-size: 15px !important;
font-weight: 500 !important;
}
body.tt26.woocommerce-checkout .tt-payment-summary__totals dd {
font-size: 16px !important;
font-weight: 600 !important;
}
body.tt26.woocommerce-checkout .tt-payment-summary__totals .tt-payment-total dt {
font-size: 20px !important;
font-weight: 600 !important;
}
body.tt26.woocommerce-checkout .tt-payment-summary__totals .tt-payment-total dd {
font-size: 22px !important;
font-weight: 700 !important;
}
body.tt26.woocommerce-checkout .tt-payment-assurance p,
body.tt26.woocommerce-checkout .tt-payment-help p {
font-size: 14px !important;
line-height: 1.55 !important;
}
body.tt26.woocommerce-checkout .tt-payment-help strong {
font-size: 16px !important;
font-weight: 600 !important;
}
}
@media (max-width: 900px) {
body.tt26.woocommerce-checkout .tt-payment-main > h1,
body.tt26.woocommerce-checkout .tt-payment-block > h2 {
font-size: 18px !important;
font-weight: 500 !important;
}
body.tt26.woocommerce-checkout .tt-payment-page input.input-text,
body.tt26.woocommerce-checkout .tt-payment-page textarea,
body.tt26.woocommerce-checkout .tt-payment-page .input-text,
body.tt26.woocommerce-checkout .tt-payment-page select {
font-size: 16px !important;
font-weight: 400 !important;
}
body.tt26.woocommerce-checkout .tt-payment-methods label,
body.tt26.woocommerce-checkout .tt-shipping-methods label {
font-size: 15px !important;
font-weight: 500 !important;
}
body.tt26.woocommerce-checkout .tt-payment-summary-line > div > strong {
font-size: 15px !important;
font-weight: 600 !important;
}
body.tt26.woocommerce-checkout .tt-payment-summary-line > div > p,
body.tt26.woocommerce-checkout .tt-payment-assurance p,
body.tt26.woocommerce-checkout .tt-payment-help p {
font-size: 13px !important;
}
body.tt26.woocommerce-checkout .tt-payment-summary-line > b {
font-size: 15px !important;
font-weight: 600 !important;
}
body.tt26.woocommerce-checkout .tt-payment-summary__totals dt {
font-size: 14px !important;
}
body.tt26.woocommerce-checkout .tt-payment-summary__totals dd {
font-size: 15px !important;
font-weight: 600 !important;
}
}
body.tt26.woocommerce-checkout .tt-payment-fields #billing_country_field select,
body.tt26.woocommerce-checkout .tt-payment-fields #billing_country_field .select2-selection,
body.tt26.woocommerce-checkout .tt-payment-fields #billing_country_field .select2-selection__rendered {
font-size: 15px !important;
font-weight: 400 !important;
}
body.tt26.woocommerce-checkout .tt-payment-methods #payment ul.payment_methods li > label {
font-size: 16px !important;
font-weight: 500 !important;
}
body.tt26.woocommerce-checkout .tt-payment-methods #payment ul.payment_methods li > div p,
body.tt26.woocommerce-checkout .tt-payment-methods #payment ul.payment_methods li .payment_box p {
font-size: 14px !important;
line-height: 1.6 !important;
}
body.tt26.woocommerce-checkout .tt-payment-summary-line > b span,
body.tt26.woocommerce-checkout .tt-payment-summary-line > b bdi {
font-size: inherit !important;
font-weight: inherit !important;
}
body.tt26.woocommerce-checkout .tt-payment-assurance > div > span {
font-size: 13px !important;
font-weight: 700 !important;
}
@media (max-width: 900px) {
body.tt26.woocommerce-checkout .tt-payment-fields #billing_country_field select,
body.tt26.woocommerce-checkout .tt-payment-fields #billing_country_field .select2-selection,
body.tt26.woocommerce-checkout .tt-payment-fields #billing_country_field .select2-selection__rendered {
font-size: 16px !important;
font-weight: 400 !important;
}
body.tt26.woocommerce-checkout .tt-payment-methods #payment ul.payment_methods li > label {
font-size: 15px !important;
font-weight: 500 !important;
}
body.tt26.woocommerce-checkout .tt-payment-methods #payment ul.payment_methods li > div p,
body.tt26.woocommerce-checkout .tt-payment-methods #payment ul.payment_methods li .payment_box p {
font-size: 13px !important;
}
}
body.tt26.woocommerce-checkout .tt-payment-methods #payment ul.payment_methods li > div p,
body.tt26.woocommerce-checkout .tt-payment-methods #payment ul.payment_methods li .payment_box p {
color: #5a6d75 !important;
}
body.tt26.tt-account-logged-out .tt-page.tt-shell {
width: 100% !important;
max-width: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-top: 120px;
}
body.tt26.tt-account-logged-out .tt-page-title {
display: none;
}
body.tt26 .tt26-dn.tt-account-auth {
display: grid !important;
grid-template-columns: 52.8% minmax(0, 1fr) !important;
align-items: stretch;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
gap: 0 !important;
background: var(--tt26-mist);
}
.tt26-dn__anh {
position: relative;
overflow: hidden;
aspect-ratio: 4 / 5;
background: var(--tt26-mist);
}
.tt26-dn__anh img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.tt26-dn__khung {
align-self: center;
width: min(560px, calc(100% - 96px));
margin-inline: auto;
padding: 48px 0;
}
.tt26-dn__tab {
display: flex;
gap: 40px;
margin: 0 0 34px;
border-bottom: 1px solid rgba(28, 28, 28, .14);
}
body.tt26 .tt26-dn__tab a {
position: relative;
padding: 0 0 14px;
font-family: var(--tt26-display);
font-size: 20px !important;
font-weight: 600 !important;
letter-spacing: .04em !important;
text-transform: uppercase !important;
color: #6f6f6f !important;
text-decoration: none !important;
min-height: 44px;
display: inline-flex;
align-items: flex-start;
}
body.tt26 .tt26-dn__tab a.is-active {
color: var(--tt26-ink) !important;
}
body.tt26 .tt26-dn__tab a.is-active::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -1px;
height: 2px;
background: var(--tt26-ink);
}
body.tt26 .tt26-dn__tab a:hover {
color: var(--tt26-ink) !important;
}
body.tt26 .tt26-dn .tt-auth-panel {
max-width: none !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: none !important;
box-shadow: none !important;
}
body.tt26 .tt26-dn__dan {
margin: 0 0 30px;
font-family: var(--tt26-display);
font-size: 17px !important;
font-weight: 400 !important;
line-height: 1.65 !important;
color: #5f5f5f !important;
}
body.tt26 .tt26-dn .form-row label {
font-size: 14px !important;
font-weight: 500 !important;
letter-spacing: .04em !important;
color: var(--tt26-ink) !important;
}
body.tt26 .tt26-dn input.input-text,
body.tt26 .tt26-dn input.woocommerce-Input {
font-size: 14px !important;
font-weight: 400 !important;
min-height: 52px !important;
}
body.tt26 .tt26-dn .woocommerce-form-login__rememberme span,
body.tt26 .tt26-dn .woocommerce-form__label-for-checkbox span {
font-size: 15px !important;
font-weight: 400 !important;
}
body.tt26 .tt26-dn .woocommerce-form__input-checkbox {
width: 18px !important;
height: 18px !important;
}
body.tt26 .tt26-dn button.woocommerce-button,
body.tt26 .tt26-dn button.woocommerce-Button,
body.tt26 .tt26-dn .woocommerce-form-login__submit,
body.tt26 .tt26-dn .woocommerce-form-register__submit {
font-size: 15px !important;
font-weight: 500 !important;
letter-spacing: .1em !important;
min-height: 54px !important;
padding-inline: 34px !important;
}
body.tt26 .tt26-dn .lost_password a,
body.tt26 .tt26-dn .tt-auth-note {
font-size: 14px !important;
}
body.tt26 .tt26-dn .lost_password a {
color: #4a6a80 !important;
}
@media (max-width: 900px) {
body.tt26 .tt26-dn.tt-account-auth {
grid-template-columns: minmax(0, 1fr) !important;
}
.tt26-dn__anh {
aspect-ratio: 5 / 4;
}
.tt26-dn__khung {
width: calc(100% - 48px);
padding: 36px 0 48px;
}
body.tt26 .tt26-dn__tab a {
font-size: 17px !important;
}
body.tt26 .tt26-dn__tab {
gap: 26px;
}
body.tt26 .tt26-dn__dan {
font-size: 15px !important;
}
body.tt26 .tt26-dn input.input-text,
body.tt26 .tt26-dn input.woocommerce-Input {
font-size: 16px !important;
}
}
@media (max-width: 720px) {
body.tt26.tt-account-logged-out .tt-page.tt-shell {
margin-top: 58px;
}
}
body.tt26 .tt26-dn button.woocommerce-button,
body.tt26 .tt26-dn button.woocommerce-Button,
body.tt26 .tt26-dn .woocommerce-form-login__submit,
body.tt26 .tt26-dn .woocommerce-form-register__submit {
background: #4a6a80 !important;
border-color: #4a6a80 !important;
color: #fff !important;
}
body.tt26 .tt26-dn button.woocommerce-button:hover,
body.tt26 .tt26-dn button.woocommerce-Button:hover,
body.tt26 .tt26-dn .woocommerce-form-login__submit:hover,
body.tt26 .tt26-dn .woocommerce-form-register__submit:hover {
background: #3a6076 !important;
border-color: #3a6076 !important;
}
body.tt26 .tt26-dn .woocommerce-form-login__rememberme,
body.tt26 .tt26-dn .woocommerce-form__label-for-checkbox {
display: inline-flex !important;
align-items: center;
gap: 10px;
min-height: 44px;
cursor: pointer;
}
body.tt26 .tt26-dn .lost_password a {
display: inline-flex;
align-items: center;
min-height: 44px;
}
@media (min-width: 901px) {
body.tt26.woocommerce-cart .tt-cart-layout .tt-cart-head span {
font-size: 14px !important;
font-weight: 500 !important;
color: #5f5f5f !important;
}
body.tt26.woocommerce-cart .tt-cart-layout .tt-cart-line__copy .tt-cart-line__title {
font-size: 17px !important;
font-weight: 600 !important;
letter-spacing: .03em !important;
}
body.tt26.woocommerce-cart .tt-cart-layout .tt-cart-line__copy p {
font-size: 14px !important;
line-height: 1.5 !important;
}
body.tt26.woocommerce-cart .tt-cart-layout .tt-cart-line__copy .variation p,
body.tt26.woocommerce-cart .tt-cart-layout .tt-cart-line__copy .variation dd,
body.tt26.woocommerce-cart .tt-cart-layout .tt-cart-line__copy .variation dt {
font-size: 13px !important;
}
body.tt26.woocommerce-cart .tt-cart-layout .tt-cart-line__price,
body.tt26.woocommerce-cart .tt-cart-layout .tt-cart-line__price .woocommerce-Price-amount,
body.tt26.woocommerce-cart .tt-cart-layout .tt-cart-line__price .woocommerce-Price-amount span,
body.tt26.woocommerce-cart .tt-cart-layout .tt-cart-line__price bdi {
font-size: 16px !important;
font-weight: 600 !important;
color: var(--tt26-ink) !important;
}
body.tt26.woocommerce-cart .tt-cart-layout .tt-cart-line__qty .quantity .input-text {
font-size: 15px !important;
min-height: 44px !important;
}
body.tt26.woocommerce-cart .tt-cart-layout .tt-cart-actions .button {
font-size: 14px !important;
font-weight: 600 !important;
letter-spacing: .06em !important;
}
body.tt26.woocommerce-cart .tt-cart-layout .tt-cart-summary dt {
font-size: 15px !important;
font-weight: 500 !important;
}
body.tt26.woocommerce-cart .tt-cart-layout .tt-cart-summary dd,
body.tt26.woocommerce-cart .tt-cart-layout .tt-cart-summary dd .woocommerce-Price-amount,
body.tt26.woocommerce-cart .tt-cart-layout .tt-cart-summary dd bdi,
body.tt26.woocommerce-cart .tt-cart-layout .tt-cart-summary dd .woocommerce-Price-amount span {
font-size: 16px !important;
font-weight: 600 !important;
color: var(--tt26-ink) !important;
}
body.tt26.woocommerce-cart .tt-cart-layout .tt-cart-summary .tt-cart-shipping label,
body.tt26.woocommerce-cart .tt-cart-layout .tt-cart-summary .shipping-calculator-button {
font-size: 14px !important;
}
body.tt26.woocommerce-cart .tt-cart-layout .tt-cart-summary .tt-cart-continue {
font-size: 14px !important;
}
}
@media (min-width: 901px) {
body.tt26.woocommerce-cart .tt-cart-layout .tt-cart-line__subtotal,
body.tt26.woocommerce-cart .tt-cart-layout .tt-cart-line__subtotal .woocommerce-Price-amount,
body.tt26.woocommerce-cart .tt-cart-layout .tt-cart-line__subtotal .woocommerce-Price-amount span,
body.tt26.woocommerce-cart .tt-cart-layout .tt-cart-line__subtotal bdi {
font-size: 16px !important;
font-weight: 600 !important;
color: var(--tt26-ink) !important;
}
}
body.tt26 .tt-drawer .tt-drawer__header h2 {
font-size: 18px !important;
font-weight: 600 !important;
}
body.tt26 .tt-drawer .tt-drawer-item__title {
font-size: 16px !important;
font-weight: 600 !important;
letter-spacing: .03em !important;
}
body.tt26 .tt-drawer .tt-drawer-item__body p {
font-size: 13px !important;
line-height: 1.5 !important;
}
body.tt26 .tt-drawer .tt-drawer-item__body .woocommerce-Price-amount,
body.tt26 .tt-drawer .tt-drawer-item__body .woocommerce-Price-amount span,
body.tt26 .tt-drawer .tt-drawer-item__body bdi {
font-size: 15px !important;
font-weight: 600 !important;
color: var(--tt26-ink) !important;
}
body.tt26 .tt-drawer .tt-drawer-qty button {
font-size: 14px !important;
color: #5f5f5f !important;
}
body.tt26 .tt-drawer .tt-drawer__footer .tt-drawer__primary {
font-size: 14px !important;
font-weight: 600 !important;
}
body.tt26 .tt-drawer .tt-drawer__footer .tt-drawer__secondary,
body.tt26 .tt-drawer .tt-drawer__footer .tt-drawer__textlink {
font-size: 14px !important;
color: #4a6a80 !important;
}
@media (max-width: 720px) {
body.tt26 .tt-drawer .tt-drawer-item__title {
font-size: 15px !important;
}
body.tt26 .tt-drawer .tt-drawer-item__body .woocommerce-Price-amount,
body.tt26 .tt-drawer .tt-drawer-item__body .woocommerce-Price-amount span,
body.tt26 .tt-drawer .tt-drawer-item__body bdi {
font-size: 14px !important;
}
}
.tt26-cathero--vuong {
aspect-ratio: 1425 / 1440;
}
@media (max-width: 720px) {
.tt26-cathero--vuong {
aspect-ratio: 4 / 5;
}
}
body.tt26 .tt-shop-page > ul.products {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
list-style: none;
}
body.tt26 .tt26-bst__trong {
margin: 40px 0 0;
font-family: var(--tt26-display);
font-size: 17px;
color: var(--tt26-ink);
}
@media (max-width: 720px) {
:root {
--tt26-dau: 114px;
}
html[data-tt-lang-prompt-hidden="true"] {
--tt26-dau: 58px;
}
html body.tt26 .tt-mobile-logo-language {
height: 56px !important;
min-height: 56px !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
grid-template-rows: auto 44px !important;
gap: 5px 8px !important;
padding: 5px 12px 6px !important;
background: #3a6076 !important;
}
html body.tt26 .tt-mobile-logo-language__label {
grid-column: 1 / -1 !important;
align-self: center !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.1 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
html body.tt26 .tt-mobile-logo-language a {
height: 44px !important;
min-height: 44px !important;
padding: 0 8px !important;
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: .02em !important;
}
html body.tt26 .tt-mobile-logo-language a:not(.is-active) {
background: rgba(255, 255, 255, .10) !important;
border-color: rgba(255, 255, 255, .82) !important;
color: #fff !important;
}
html body.tt26 .tt-mobile-logo-language a.is-active {
background: #fff !important;
border-color: #fff !important;
color: #3a6076 !important;
}
html body.tt26 .tt-header-logo-row,
html body.tt26:has(.tt-hero) .tt-header-logo-row,
html body.tt26:has(.tt-contact-hero) .tt-header-logo-row,
html body.tt26:has(.tt26-cathero) .tt-header-logo-row,
html body.tt26:has(.tt-about-page) .tt-header-logo-row {
height: 114px !important;
min-height: 114px !important;
padding-top: 56px !important;
}
html[data-tt-lang-prompt-hidden="true"] body.tt26 .tt-header-logo-row,
html[data-tt-lang-prompt-hidden="true"] body.tt26:has(.tt-hero) .tt-header-logo-row,
html[data-tt-lang-prompt-hidden="true"] body.tt26:has(.tt-contact-hero) .tt-header-logo-row,
html[data-tt-lang-prompt-hidden="true"] body.tt26:has(.tt26-cathero) .tt-header-logo-row,
html[data-tt-lang-prompt-hidden="true"] body.tt26:has(.tt-about-page) .tt-header-logo-row {
height: 58px !important;
min-height: 58px !important;
padding-top: 0 !important;
}
html body.tt26 .tt-mobile-nav {
inset: var(--tt26-dau) 0 0 !important;
height: calc(100dvh - var(--tt26-dau)) !important;
}
html body.tt26 .tt26-banner,
html body.tt26 .tt26-cathero,
html body.tt26 .tt26-about__hero,
html body.tt26 .tt26-blogtop,
html body.tt26 .tt26-post__anh,
html body.tt26 .tt26-lienhe__bando {
margin-top: var(--tt26-dau) !important;
}
html body.tt26 .tt-single-product,
html body.tt26.tt-account-logged-out .tt-page.tt-shell {
padding-top: 0 !important;
margin-top: var(--tt26-dau) !important;
}
}
.tt26-tiles--mot {
grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 641px) {
.tt26-tiles--mot .tt26-tile {
width: min(100%, calc((100% - 40px) / 2));
margin-inline: auto;
}
}
@media (min-width: 641px) and (max-width: 900px) {
.tt26-tiles--mot .tt26-tile {
width: min(100%, calc((100% - 16px) / 2));
}
}
html body.tt26 .tt26-installments {
text-align: center !important;
}
html body.tt26 .tt26-footer__legal {
font-size: 12px !important;
}
html body.tt26 .tt26-making__cta {
font-size: clamp(12px, 1vw, 14px) !important;
}
html body.tt26 .tt-blog-services p,
html body.tt26 .tt-service-row p {
font-size: 12px !important;
}
html body.tt26 .tt-blog-page .tt-center .tt-btn,
html body.tt26 .tt-blog-page__more {
font-size: 15px !important;
font-weight: 500 !important;
letter-spacing: .06em !important;
}
@media (max-width: 720px) {
html body.tt26 .tt-blog-page .tt-center .tt-btn,
html body.tt26 .tt-blog-page__more {
font-size: 14px !important;
}
}
html body.tt26 .tt-header-language a,
html body.tt26 .tt-header-language span {
font-size: 12px !important;
}
@media (max-width: 720px) {
:root {
--tt26-dau: 130px;
}
html[data-tt-lang-prompt-hidden="true"] {
--tt26-dau: 58px;
}
html body.tt26 .tt-mobile-logo-language {
height: 72px !important;
min-height: 72px !important;
grid-template-rows: 16px 44px !important;
gap: 4px 8px !important;
padding: 4px 12px !important;
align-items: center !important;
}
html body.tt26 .tt-mobile-logo-language__label {
line-height: 16px !important;
}
html body.tt26 .tt-header-logo-row,
html body.tt26:has(.tt-hero) .tt-header-logo-row,
html body.tt26:has(.tt-contact-hero) .tt-header-logo-row,
html body.tt26:has(.tt26-cathero) .tt-header-logo-row,
html body.tt26:has(.tt-about-page) .tt-header-logo-row {
height: 130px !important;
min-height: 130px !important;
padding-top: 72px !important;
}
html:not([data-tt-lang-prompt-hidden="true"]) body.tt26 #tt-mobile-menu .tt-mobile-language,
html:not([data-tt-lang-prompt-hidden="true"]) body.tt26 .tt-mobile-nav .tt-mobile-language {
display: none !important;
}
html body.tt26 #tt-mobile-menu,
html body.tt26 .tt-mobile-nav {
overflow-y: auto !important;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
padding-bottom: 24px;
-webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 28px), transparent 100%);
mask-image: linear-gradient(to bottom, #000 calc(100% - 28px), transparent 100%);
}
html body.tt26 .tt26-about__hero {
aspect-ratio: 4 / 5 !important;
}
}
html body.tt26 .tt-empty-checkout .tt-btn,
html body.tt26 .tt-cart-empty .tt-btn {
background: #4a6a80 !important;
border-color: #4a6a80 !important;
color: #fff !important;
font-size: 15px !important;
font-weight: 600 !important;
min-height: 48px !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
}
html body.tt26 .tt-empty-checkout p,
html body.tt26 .tt-cart-empty p {
color: #5f5f5f !important;
font-size: 16px !important;
}
@media (min-width: 721px) and (max-width: 1024px) {
html body.tt26 .tt-menu a,
html body.tt26 .tt-header-icons a,
html body.tt26 .tt-header-icons button,
html body.tt26 .tt-header-language a {
position: relative;
}
html body.tt26 .tt-menu a::after,
html body.tt26 .tt-header-icons a::after,
html body.tt26 .tt-header-icons button::after,
html body.tt26 .tt-header-language a::after,
html body.tt26 .tt26-blogtop__nut::after,
html body.tt26 .tt26-shots__nut::after,
html body.tt26 .tt-product-arrow::after,
html body.tt26 .tt26-collection__arrow::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: max(100%, 44px);
height: max(100%, 44px);
transform: translate(-50%, -50%);
}
}
@media (min-width: 721px) and (max-width: 1024px) {
html body.tt26 .tt-menu a {
display: inline-flex !important;
align-items: center;
min-height: 44px !important;
}
html body.tt26 ul.products li.product.tt-product-card .tt-product-card__body .tt-price,
html body.tt26 ul.products li.product.tt-product-card .tt-product-card__body .price,
html body.tt26 ul.products li.product.tt-product-card .tt-product-card__body .amount {
font-size: 13px !important;
}
html body.tt26 .tt26-filterbar select,
html body.tt26 .woocommerce-pagination a,
html body.tt26 .woocommerce-pagination span,
html body.tt26 .tt-blog-page-arrow,
html body.tt26 .tt-blog-pagination a,
html body.tt26 .tt26-helprow a,
html body.tt26 .tt26-learnmore,
html body.tt26 .tt-single-product__excerpt a,
html body.tt26 .tt26-tile__more,
html body.tt26 .tt-logo {
position: relative;
}
html body.tt26 .tt26-filterbar select::after,
html body.tt26 .woocommerce-pagination a::after,
html body.tt26 .woocommerce-pagination span::after,
html body.tt26 .tt-blog-page-arrow::after,
html body.tt26 .tt-blog-pagination a::after,
html body.tt26 .tt-product-wishlist::after,
html body.tt26 .tt-gallery-heart::after,
html body.tt26 .tt26-helprow a::after,
html body.tt26 .tt26-learnmore::after,
html body.tt26 .tt-single-product__excerpt a::after,
html body.tt26 .tt26-tile__more::after,
html body.tt26 .tt-logo::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: max(100%, 44px);
height: max(100%, 44px);
transform: translate(-50%, -50%);
}
html body.tt26 .tt26-filterbar select {
min-height: 44px !important;
}
}
@media (max-width: 720px) {
html body.tt26 .tt26-filterbar {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 12px 14px !important;
align-items: center !important;
}
html body.tt26 .tt26-filterbar__label {
grid-column: 1 / -1 !important;
margin: 0 !important;
}
html body.tt26 .tt26-filterbar select {
width: 100% !important;
min-width: 0 !important;
}
}
body.tt26 a:focus-visible,
body.tt26 button:focus-visible,
body.tt26 select:focus-visible,
body.tt26 input:focus-visible,
body.tt26 textarea:focus-visible,
body.tt26 summary:focus-visible,
body.tt26 [tabindex]:focus-visible {
outline: 2px solid #3a6076 !important;
outline-offset: 3px !important;
border-radius: 2px;
}
body.tt26 .tt-site-footer a:focus-visible,
body.tt26 .tt-site-footer button:focus-visible,
body.tt26 .tt-site-footer input:focus-visible,
body.tt26 .tt-mobile-logo-language a:focus-visible,
body.tt26 .tt-hero a:focus-visible,
body.tt26 .tt26-tile__media:focus-visible,
body.tt26 .tt-collections-feature:focus-visible,
body.tt26 .tt-btn--light:focus-visible {
outline: 2px solid #fff !important;
outline-offset: 3px !important;
}
body.tt26 ::selection {
background: #cfe0ea;
color: #1c1c1c;
}
body.tt26 ::-moz-selection {
background: #cfe0ea;
color: #1c1c1c;
}
body.tt26 [id] {
scroll-margin-top: 132px;
}
@media (max-width: 720px) {
body.tt26 [id] {
scroll-margin-top: calc(var(--tt26-dau, 58px) + 12px);
}
}
body.tt26 {
display: flex;
flex-direction: column;
min-height: 100dvh;
}
body.tt26 > main.tt-site-main {
flex: 1 0 auto;
}
body.tt26 > .tt-site-footer {
flex-shrink: 0;
}
.tt26-404__dan {
max-width: 620px;
margin: 0 auto 30px;
font-family: var(--tt26-display);
font-size: 17px;
font-weight: 400;
line-height: 1.7;
color: #5f5f5f;
}
.tt26-404__loitat {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 14px;
margin: 46px 0 0;
}
body.tt26 .tt26-404__loitat a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 0 30px;
border: 1px solid rgba(58, 96, 118, .45);
font-family: var(--tt26-display);
font-size: 15px;
font-weight: 500;
letter-spacing: .06em;
text-transform: uppercase;
text-decoration: none;
color: #3a6076;
transition: background .18s ease, color .18s ease, border-color .18s ease;
}
body.tt26 .tt26-404__loitat a:hover {
background: #3a6076;
border-color: #3a6076;
color: #fff;
}
@media (max-width: 720px) {
.tt26-404__dan {
font-size: 15px;
}
.tt26-404__loitat {
gap: 10px;
margin-top: 34px;
}
body.tt26 .tt26-404__loitat a {
flex: 1 1 calc(50% - 10px);
padding: 0 12px;
font-size: 14px;
}
}
html body.tt26 .tt-site-footer .tt-newsletter-form button,
html body.tt26 .tt26-footer__col--news button,
html body.tt26 .tt-newsletter-form button {
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: .08em !important;
min-width: 64px !important;
min-height: 48px !important;
}
@media (min-width: 721px) and (max-width: 1024px) {
html body.tt26 .tt-contact-info a[href^="mailto"],
html body.tt26 .tt-contact-info a[href^="tel"],
html body.tt26 .tt-contact-list a[href^="mailto"],
html body.tt26 .tt-contact-list a[href^="tel"],
html body.tt26 .tt26-footer__col a[href^="mailto"],
html body.tt26 .tt26-footer__col a[href^="tel"] {
position: relative;
}
html body.tt26 .tt-contact-info a[href^="mailto"]::after,
html body.tt26 .tt-contact-info a[href^="tel"]::after,
html body.tt26 .tt-contact-list a[href^="mailto"]::after,
html body.tt26 .tt-contact-list a[href^="tel"]::after,
html body.tt26 .tt26-footer__col a[href^="mailto"]::after,
html body.tt26 .tt26-footer__col a[href^="tel"]::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: max(100%, 44px);
height: max(100%, 44px);
transform: translate(-50%, -50%);
}
}
html body.tt26 .tt-search-head > span {
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: .12em !important;
color: #5f5f5f !important;
}
html body.tt26 .tt-search-form button {
background: #4a6a80 !important;
border-color: #4a6a80 !important;
color: #fff !important;
font-size: 15px !important;
font-weight: 500 !important;
letter-spacing: .06em !important;
min-height: 48px !important;
}
html body.tt26 .tt-search-form button:hover {
background: #3a6076 !important;
border-color: #3a6076 !important;
}
@media (max-width: 720px) {
html body.tt26 .tt-search-head > span {
font-size: 12px !important;
}
html body.tt26 .tt-search-form button {
font-size: 14px !important;
}
}
html body.tt26 .tt-search-post-grid h3,
html body.tt26 .tt-search-post-grid h3 a {
font-size: 18px !important;
font-weight: 600 !important;
color: var(--tt26-ink) !important;
}
html body.tt26 .tt-search-post-grid p {
font-size: 15px !important;
line-height: 1.6 !important;
color: #6a6a6a !important;
}
html body.tt26 .tt-search-post-grid h3 {
line-height: 1.5 !important;
}
@media (max-width: 720px) {
html body.tt26 .tt-search-post-grid h3,
html body.tt26 .tt-search-post-grid h3 a {
font-size: 16px !important;
}
html body.tt26 .tt-search-post-grid p {
font-size: 14px !important;
}
}
html body.tt26 .woocommerce-message a.button,
html body.tt26 .woocommerce-info a.button,
html body.tt26 .woocommerce-error a.button,
html body.tt26 .woocommerce-notices-wrapper a.button {
background: #4a6a80 !important;
border-color: #4a6a80 !important;
color: #fff !important;
min-height: 44px !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
font-size: 14px !important;
}
html body.tt26 .woocommerce-message a.button:hover,
html body.tt26 .woocommerce-notices-wrapper a.button:hover {
background: #3a6076 !important;
border-color: #3a6076 !important;
}
html body.tt26 .tt26-sizeguide__eyebrow,
html body.tt26 .tt26-sizeguide__head p,
html body.tt26 .tt26-sizeway p,
html body.tt26 .tt26-sizetable th,
html body.tt26 .tt26-sizetable td {
color: #6f6f6f !important;
}
html body.tt26 .tt26-post__tacgia {
color: #6a6a6a !important;
}
html body.tt26 .tt-blog-track .tt-blog-card p,
html body.tt26 .tt-blog-card p {
font-size: 15px !important;
line-height: 1.6 !important;
}
@media (max-width: 720px) {
html body.tt26 .tt-blog-track .tt-blog-card p,
html body.tt26 .tt-blog-card p {
font-size: 14px !important;
}
}
html body.tt26 .tt26-sizenotes p,
html body.tt26 .tt26-sizenotes li,
html body.tt26 .tt26-sizenotes {
color: #6f6f6f !important;
}
html body.tt26 .tt-blog-preview .tt-center .tt-btn,
html body.tt26 .tt-blog-carousel .tt-center .tt-btn {
font-size: 15px !important;
font-weight: 500 !important;
letter-spacing: .06em !important;
}
@media (max-width: 720px) {
html body.tt26 .tt-blog-preview .tt-center .tt-btn,
html body.tt26 .tt-blog-carousel .tt-center .tt-btn {
font-size: 14px !important;
}
}
html body.tt26 .tt-policy-hero span {
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: .12em !important;
color: #4a6a80 !important;
}
html body.tt26 .tt-policy-hero p {
font-size: 17px !important;
line-height: 1.7 !important;
}
html body.tt26 .tt-policy-summary span {
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: .1em !important;
color: #4a6a80 !important;
}
html body.tt26 .tt-policy-summary strong {
font-size: 16px !important;
}
html body.tt26 .tt-policy-section > span {
color: #4a6a80 !important;
}
html body.tt26 .tt-policy-section h2 {
font-size: 22px !important;
}
html body.tt26 .tt-policy-section li,
html body.tt26 .tt-policy-section p {
font-size: 16px !important;
line-height: 1.75 !important;
}
html body.tt26 .tt-policy-support {
background: #4a6a80 !important;
}
html body.tt26 .tt-policy-support span,
html body.tt26 .tt-policy-support h2 {
color: #fff !important;
}
html body.tt26 .tt-policy-support span {
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: .1em !important;
}
html body.tt26 .tt-policy-support a {
font-size: 14px !important;
min-height: 46px !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
}
@media (max-width: 720px) {
html body.tt26 .tt-policy-hero p {
font-size: 15px !important;
}
html body.tt26 .tt-policy-section li,
html body.tt26 .tt-policy-section p {
font-size: 15px !important;
}
html body.tt26 .tt-policy-hero span,
html body.tt26 .tt-policy-summary span,
html body.tt26 .tt-policy-support span {
font-size: 12px !important;
}
}
html body.tt26 .tt26-post__ve {
position: relative;
}
html body.tt26 .tt26-post__ve::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: max(100%, 44px);
height: max(100%, 44px);
transform: translate(-50%, -50%);
}
@media (max-width: 760px) {
body.tt26 .tt26-promise {
flex: 0 0 116px;
}
body.tt26 .tt26-promise p {
font-size: 12px;
}
}
@media (min-width: 901px) {
body.tt26 .tt26-making__frame::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
background: linear-gradient(
90deg,
rgba(18, 24, 28, .68) 0%,
rgba(18, 24, 28, .60) 45%,
rgba(18, 24, 28, .20) 70%,
rgba(18, 24, 28, 0) 88%
);
}
}
html body.tt26.home a.tt-product-cart {
font-size: 12px !important;
}
@media (max-width: 900px) {
body.tt26 .tt26-promise__icon svg {
height: 100%;
}
}
@media (max-width: 760px) {
html body.tt26 .tt26-promises {
-webkit-mask-image: linear-gradient(to right, #000 calc(100% - 36px), transparent 100%);
mask-image: linear-gradient(to right, #000 calc(100% - 36px), transparent 100%);
}
}
@media (max-width: 720px) {
html body.tt26 .tt26-collection__arrow {
top: auto !important;
bottom: 18px !important;
transform: none !important;
}
html body.tt26 .tt26-collection__arrow--prev {
left: calc(50% - 52px) !important;
right: auto !important;
}
html body.tt26 .tt26-collection__arrow--next {
left: calc(50% + 13px) !important;
right: auto !important;
}
html body.tt26 .tt26-collection__arrow[disabled] {
opacity: .28 !important;
}
html body.tt26 .tt26-collection {
padding-bottom: 104px !important;
}
html body.tt26 .tt26-best {
padding-bottom: 96px !important;
}
}
@media (max-width: 720px) {
html body.tt26 .tt26-collection__inner,
html body.tt26 .tt26-blogs__inner {
width: calc(100% - 32px) !important;
margin-inline: auto !important;
}
html body.tt26 .tt26-tiles {
padding-inline: 16px !important;
}
html body.tt26 .tt26-making {
padding-inline: 16px !important;
}
html body.tt26 .tt26-making__copy {
padding-left: 0 !important;
padding-right: 0 !important;
}
html body.tt26 .tt26-best .tt26-heading {
padding-inline: 16px !important;
}
html body.tt26 .tt26-rail ul.products {
padding-inline: 16px !important;
}
html body.tt26 .tt26-rail ul.products li.product {
width: calc(100% - 56px) !important;
flex: 0 0 calc(100% - 56px) !important;
}
html body.tt26 .tt26-footer__grid,
html body.tt26 .tt26-footer__legal,
html body.tt26 .tt26-footer__bottom {
width: calc(100% - 48px) !important;
margin-inline: auto !important;
}
}
@media (max-width: 720px) {
html body.tt26 .tt26-footer__grid {
row-gap: 34px !important;
}
}
@media (max-width: 720px) {
html body.tt26 .tt-site-footer .tt-newsletter-form {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
display: flex !important;
align-items: center !important;
gap: 14px !important;
padding: 0 0 10px !important;
border-bottom: 1px solid rgba(255, 255, 255, .55) !important;
}
html body.tt26 .tt-site-footer .tt-newsletter-form input {
width: auto !important;
flex: 1 1 auto !important;
min-width: 0 !important;
height: 46px !important;
min-height: 46px !important;
padding: 0 !important;
}
html body.tt26 .tt-site-footer .tt-newsletter-form button {
width: auto !important;
flex: 0 0 auto !important;
height: 46px !important;
min-height: 46px !important;
padding: 0 !important;
}
}
html body.tt26 .tt-drawer input[type="number"] {
min-height: 44px !important;
}
html body.tt26 .tt-mobile-quick-actions a:not(:has(svg))::before {
content: "";
display: block;
width: 17px;
height: 17px;
background-color: currentColor;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
}
html body.tt26 .tt-mobile-quick-actions a[href*="?s"]:not(:has(svg))::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");
}
html body.tt26 .tt-mobile-quick-actions a[href$="/my-account/"]:not(:has(svg))::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E");
}
html body.tt26 #tt-mobile-menu .tt-mobile-quick-actions a,
html body.tt26 #tt-mobile-menu .tt-mobile-quick-actions a span:not(.tt-header-badge) {
font-size: 12px !important;
}
html body.tt26 #tt-mobile-menu .tt-mobile-quick-actions a {
grid-template-rows: 17px auto !important;
min-height: 58px;
height: auto !important;
align-content: center;
}
@media (max-width: 760px) {
html body.tt26 .tt26-promise {
flex: 0 0 auto;
min-width: 116px;
padding-inline: 8px;
}
html body.tt26 .tt26-promise p {
white-space: nowrap;
}
}
@media (min-width: 901px) {
html body.tt26 .tt26-promises {
gap: clamp(18px, 2.6vw, 44px);
}
html body.tt26 .tt26-promise {
flex: 0 0 auto;
min-width: 11%;
}
html body.tt26 .tt26-promise p {
white-space: nowrap;
}
}
@media (min-width: 761px) and (max-width: 900px) {
html body.tt26 .tt26-promise p {
min-height: 2.6em;
}
}
body.tt26 .tt26-drawer-sum {
position: sticky;
bottom: 0;
z-index: 2;
margin-top: 18px;
padding: 14px 0 4px;
background: var(--tt26-paper, #fff);
border-top: 1px solid rgba(28, 28, 28, .14);
}
body.tt26 .tt26-drawer-sum__row {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 16px;
}
body.tt26 .tt26-drawer-sum__row span {
font-size: 13px;
color: #5f5f5f;
}
body.tt26 .tt26-drawer-sum__row strong {
font-size: 17px;
font-weight: 600;
color: var(--tt26-ink, #1c1c1c);
white-space: nowrap;
}
body.tt26 .tt26-drawer-sum__note {
margin: 6px 0 0;
font-size: 12px;
line-height: 1.45;
color: #6a6a6a;
}
@media (max-width: 720px) {
body.tt26 .tt26-drawer-sum__row strong {
font-size: 16px;
}
}
@media (max-width: 720px) {
html body.tt26 .tt26-helprow {
flex-direction: column !important;
align-items: center !important;
gap: 10px !important;
}
html body.tt26 .tt-mobile-sticky-cta__button {
white-space: nowrap !important;
}
}
@media (max-width: 720px) {
html body.tt26 .woocommerce-cart-form {
padding-top: 28px !important;
}
}
html body.tt26 .woocommerce-form-login__rememberme,
html body.tt26 .woocommerce-form-login label.woocommerce-form__label-for-checkbox {
display: inline-flex !important;
align-items: center;
min-height: 44px !important;
}
html body.tt26 .tt-payment-fields .create-account label.woocommerce-form__label-for-checkbox {
display: inline-flex !important;
align-items: center;
gap: 10px;
min-height: 44px;
margin: 0;
font-size: 14px;
line-height: 1.4;
color: var(--tt26-ink, #1c1c1c);
cursor: pointer;
}
html body.tt26 .tt-payment-fields .create-account input[type="checkbox"] {
flex: 0 0 18px;
width: 18px;
height: 18px;
margin: 0;
accent-color: #3a6076;
}
html body.tt26 .tt-payment-fields p.create-account {
margin: 2px 0 10px;
}
html body.tt26 .tt-payment-fields div.create-account {
margin-top: 4px;
}
html body.tt26 .woocommerce-input-wrapper.password-input,
html body.tt26 span.password-input {
position: relative;
display: block;
}
html body.tt26 .password-input input {
padding-right: 52px !important;
}
html body.tt26 button.show-password-input {
position: absolute;
right: 2px;
top: 50%;
transform: translateY(-50%);
width: 44px;
height: 44px;
padding: 0;
border: 0;
border-radius: 0;
background-color: transparent;
background-image: none;
cursor: pointer;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: 21px 21px;
mask-size: 21px 21px;
}
html body.tt26 button.show-password-input::before,
html body.tt26 button.show-password-input::after {
content: none;
}
html body.tt26 button.show-password-input {
background-color: #6a6a6a;
}
html body.tt26 button.show-password-input.display-password {
background-color: #3a6076;
}
body.tt26.page-id-38 main.tt-site-main > .tt-page,
body.tt26.page-id-39 main.tt-site-main > .tt-page,
body.tt26.page-id-40 main.tt-site-main > .tt-page,
body.tt26.page-id-41 main.tt-site-main > .tt-page {
min-height: calc(100dvh - 240px);
display: flex;
flex-direction: column;
justify-content: center;
}
body.tt26.page-id-38 .tt-page-content > p:only-child,
body.tt26.page-id-39 .tt-page-content > p:only-child,
body.tt26.page-id-40 .tt-page-content > p:only-child,
body.tt26.page-id-41 .tt-page-content > p:only-child {
max-width: 42ch;
margin-inline: auto;
text-align: center;
color: #4a4a4a;
}
@media (max-width: 720px) {
body.tt26 .tt-hero--collections-index .tt-hero__shade {
background:
linear-gradient(90deg, rgba(10, 18, 24, .58), rgba(10, 18, 24, .22) 48%, rgba(10, 18, 24, .08)),
linear-gradient(180deg, rgba(0, 0, 0, .08), rgba(0, 0, 0, .50)) !important;
}
}
@media (max-width: 720px) {
html body.tt26 .tt-mobile-quick-actions a,
html body.tt26 .tt-mobile-quick-actions a span {
font-weight: 500 !important;
}
html body.tt26 .tt-mobile-menu__eyebrow,
html body.tt26 .tt-mobile-language > span,
html body.tt26 .tt-mobile-language span:not(a) {
font-weight: 600 !important;
}
html body.tt26 .tt-mobile-cats a,
html body.tt26 .tt-mobile-menu a,
html body.tt26 .tt-mobile-menu__footer a,
html body.tt26 .tt-mobile-language a {
font-weight: 500 !important;
}
html body.tt26 .tt-mobile-language a.is-active {
font-weight: 600 !important;
}
}
html body.tt26 .tt-contact-form label {
font-size: 12px;
}
@media (max-width: 720px) {
html body.tt26 .tt26-promises {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 30px 14px !important;
align-items: start !important;
overflow-x: visible !important;
padding: 34px 20px !important;
}
html body.tt26 .tt26-promises > .tt26-promise {
width: auto !important;
min-width: 0 !important;
flex: none !important;
padding: 0 2px !important;
}
html body.tt26 .tt26-promises > .tt26-promise:last-child:nth-child(odd) {
grid-column: 1 / -1 !important;
}
}
@media (max-width: 720px) {
html body.tt26 .tt26-footer__col p a[href^="mailto"],
html body.tt26 .tt26-footer__col p a[href^="tel"],
html body.tt26 .tt-site-footer p a[href^="mailto"],
html body.tt26 .tt-site-footer p a[href^="tel"] {
display: inline !important;
min-height: 0 !important;
position: relative;
}
html body.tt26 .tt26-footer__col--info p,
html body.tt26 .tt26-footer__col:first-child p {
margin-bottom: 7px !important;
}
html body.tt26 .tt26-footer__col p a[href^="mailto"]::after,
html body.tt26 .tt26-footer__col p a[href^="tel"]::after,
html body.tt26 .tt-site-footer p a[href^="mailto"]::after,
html body.tt26 .tt-site-footer p a[href^="tel"]::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: max(100%, 44px);
height: max(100%, 44px);
transform: translate(-50%, -50%);
}
}
html body.tt26 .tt-collections-feature {
background-image:
linear-gradient(180deg, rgba(0, 0, 0, .02), rgba(0, 0, 0, .60)),
var(--tt-tile-image) !important;
}
html body.tt26 .tt-contact-form label {
color: #6b6b6b;
}
html body.tt26 .tt-feature-split__product p,
html body.tt26 .tt-craft-feature .tt-feature-split__product p {
color: #5a5a5a !important;
}
html body.tt26 .tt-cart-line__price,
html body.tt26 .tt-cart-line__price .woocommerce-Price-amount,
html body.tt26 .tt-cart-line__price bdi,
html body.tt26 .tt-cart-line__subtotal,
html body.tt26 .tt-cart-line__subtotal .woocommerce-Price-amount,
html body.tt26 .tt-cart-line__subtotal bdi,
html body.tt26 .tt-cart-summary dd,
html body.tt26 .tt-cart-summary dd .woocommerce-Price-amount,
html body.tt26 .tt-cart-summary dd bdi,
html body.tt26 .tt-cart-summary strong,
html body.tt26 .tt-cart-summary strong .woocommerce-Price-amount,
html body.tt26 .tt-cart-summary strong bdi {
color: var(--tt-blue-dark, #3a6076) !important;
}
html body.tt26 .tt-search-post-grid h3 a {
padding: 12px 0;
}
@media (max-width: 720px) {
html body.tt26 .tt26-rail ul.products li.product {
width: calc(100vw - 56px) !important;
flex: 0 0 calc(100vw - 56px) !important;
max-width: calc(100vw - 56px) !important;
}
}
html body.tt26 .tt-drawer-empty {
color: #6b6b6b !important;
}
@media (max-width: 720px) {
html body.tt26 .tt26-sizetable {
min-width: 0;
}
html body.tt26 .tt26-sizetable th,
html body.tt26 .tt26-sizetable td {
padding: 14px 10px;
}
html body.tt26 .tt26-sizetable tbody td,
html body.tt26 .tt26-sizetable tbody th {
white-space: nowrap;
}
}
html body.tt26 .woocommerce a.button:not(.tt-btn),
html body.tt26 .woocommerce button.button:not(.tt-btn),
html body.tt26 .woocommerce input.button:not(.tt-btn),
html body.tt26 a.button.wc-backward {
background-color: var(--tt-blue-dark, #3a6076) !important;
color: #fff !important;
}
html body.tt26 .woocommerce a.button:not(.tt-btn):hover,
html body.tt26 .woocommerce button.button:not(.tt-btn):hover,
html body.tt26 a.button.wc-backward:hover {
background-color: #2f4f61 !important;
}
@media (min-width: 721px) and (max-width: 1024px) {
html body.tt26 .tt26-promises {
align-items: start !important;
}
html body.tt26 .tt26-promise p,
html body.tt26 .tt26-promise span:not(.tt26-promise__icon) {
font-size: 12px !important;
line-height: 1.35 !important;
}
html body.tt26 .tt26-footer__col li a,
html body.tt26 .tt-site-footer .tt26-footer__col li a {
display: flex !important;
align-items: center !important;
min-height: 44px !important;
}
html body.tt26 .tt26-footer__col li {
margin-bottom: 2px !important;
}
}
@media (min-width: 721px) and (max-width: 1024px) {
html body.tt26 .tt-header-icons a,
html body.tt26 .tt-header-language a {
position: relative;
}
html body.tt26 .tt-header-icons a::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: max(100%, 36px);
height: max(100%, 44px);
transform: translate(-50%, -50%);
}
html body.tt26 .tt-header-language a::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: max(100%, 44px);
height: max(100%, 44px);
transform: translate(-50%, -50%);
}
}
@media (min-width: 721px) and (max-width: 1024px) {
html body.tt26 .tt26-footer__bottom a,
html body.tt26 .tt-social a,
html body.tt26 .tt-drawer__header button,
html body.tt26 .tt-drawer__textlink {
position: relative;
}
html body.tt26 .tt26-footer__bottom a::after,
html body.tt26 .tt-social a::after,
html body.tt26 .tt-drawer__header button::after,
html body.tt26 .tt-drawer__textlink::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: max(100%, 24px);
height: max(100%, 44px);
transform: translate(-50%, -50%);
}
}
@media (max-width: 720px) {
html body.tt26 .tt-mobile-nav {
background: #f8f6f1 !important;
}
}
html body.tt26 .tt-drawer__shop {
display: none;
}
html body.tt26 .tt-drawer:has(.tt-drawer-empty) .tt-drawer__primary,
html body.tt26 .tt-drawer:has(.tt-drawer-empty) .tt-drawer__secondary {
display: none !important;
}
html body.tt26 .tt-drawer:has(.tt-drawer-empty) .tt-drawer__shop {
display: flex !important;
align-items: center;
justify-content: center;
min-height: 48px;
border: 1px solid var(--tt26-line, rgba(28, 28, 28, .18));
color: var(--tt26-ink, #1c1c1c);
font-size: 12px;
font-weight: 600;
letter-spacing: .12em;
text-decoration: none;
}
html body.tt26 .tt-drawer:has(.tt-drawer-empty) .tt-drawer__shop:hover {
border-color: var(--tt26-ink, #1c1c1c);
}
html body.tt26 .shop_table th,
html body.tt26 .woocommerce-checkout .shop_table th,
html body.tt26 .woocommerce-checkout-review-order-table th {
font-size: 13px !important;
color: #5a5a5a !important;
}
@media (min-width: 721px) {
html body.tt26 .tt-drawer-item__title,
html body.tt26 .tt-drawer-qty button,
html body.tt26 .tt-drawer-remove,
html body.tt26 .tt-drawer-heart {
position: relative;
}
html body.tt26 .tt-drawer-item__title::after,
html body.tt26 .tt-drawer-qty button::after,
html body.tt26 .tt-drawer-remove::after,
html body.tt26 .tt-drawer-heart::after {
content: "";
position: absolute;
top: 50%;
height: 44px;
transform: translateY(-50%);
}
html body.tt26 .tt-drawer-item__title::after {
left: 0;
right: 0;
}
html body.tt26 .tt-drawer-qty button:first-child::after {
left: -6px;
right: 0;
}
html body.tt26 .tt-drawer-qty button:last-child::after {
left: 0;
right: -4px;
}
html body.tt26 .tt-drawer-remove::after,
html body.tt26 .tt-drawer-heart::after {
left: -2px;
right: -14px;
}
}
@media (max-width: 720px) {
html body.tt26 .tt-drawer-item--cart {
grid-template-columns: 76px minmax(0, 1fr) 80px 44px !important;
column-gap: 13px !important;
align-items: center !important;
}
html body.tt26 .tt-drawer-qty {
width: 80px !important;
height: 44px !important;
grid-template-columns: 26px minmax(0, 1fr) 26px !important;
box-sizing: border-box;
}
html body.tt26 .tt-drawer-qty button {
width: 26px !important;
min-width: 26px !important;
max-width: 26px !important;
height: 44px !important;
min-height: 44px !important;
}
html body.tt26 .tt-drawer-qty input {
width: 100% !important;
min-width: 0 !important;
height: 44px !important;
}
}
@media (max-width: 360px) {
html body.tt26 .tt-drawer-item--cart {
grid-template-columns: 64px minmax(0, 1fr) 80px 40px !important;
column-gap: 10px !important;
}
html body.tt26 .tt-drawer-item__image {
width: 64px !important;
height: 64px !important;
}
}
html body.tt26 .tt-header-badge {
background: var(--tt-blue-dark) !important;
color: #fff !important;
}
strong,
b {
font-weight: 700;
}
html body.tt26 .tt-payment-total dd strong {
font-weight: 800;
}
html body.tt26 .tt-mobile-logo-language,
html body.tt26 .tt-mobile-logo-language a,
html body.tt26 .tt-mobile-language a,
html body.tt26 .tt-policy-hero span,
html body.tt26 .tt-policy-support span,
html body.tt26 .tt-policy-summary span {
font-weight: 800 !important;
}
html body.tt26 .tt26-bay {
position: absolute;
left: -9999px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
html body.tt26 .tt-mobile-menu__head .tt26-menu-dau__logo {
display: block;
line-height: 0;
}
html body.tt26 .tt-mobile-menu__head .tt26-menu-dau__logo img {
display: block;
width: 150px;
height: auto;
}
html body.tt26 .tt-mobile-language a {
font-weight: 600 !important;
}
html body.tt26 .tt26-dieu-khoan {
margin: 0 0 14px;
color: #5a5a5a;
font-size: 12px;
line-height: 1.6;
}
html body.tt26 .tt26-dieu-khoan a {
color: var(--tt-blue-dark);
text-decoration: underline;
text-underline-offset: 2px;
}
.tt26-bo-qua {
position: absolute;
left: -9999px;
top: 0;
z-index: 100000;
padding: 12px 20px;
background: #fff;
color: #1c1c1c;
font-family: var(--tt26-display, inherit);
font-size: 14px;
letter-spacing: .04em;
text-decoration: none;
border: 1px solid #1c1c1c;
}
.tt26-bo-qua:focus {
left: 8px;
top: 8px;
}
.tt-site-main:focus {
outline: none;
}
html body.tt26 .tt-product-arrow:focus-visible,
html body.tt26 .tt-blog-arrow:focus-visible {
outline: 2px solid #3a6076 !important;
outline-offset: 3px !important;
}
body.tt26.woocommerce-checkout .tt26-tt-chinh-sach {
margin: 0 0 20px;
font-size: 13px;
line-height: 1.7;
color: rgba(30, 30, 30, .66);
}
body.tt26.woocommerce-checkout .tt26-tt-chinh-sach a {
color: inherit;
text-decoration: underline;
text-underline-offset: 2px;
}
body.tt26.woocommerce-checkout .tt26-tt-chinh-sach a:hover,
body.tt26.woocommerce-checkout .tt26-tt-chinh-sach a:focus-visible {
color: var(--tt-blue, #3a6076);
}
body.tt26.woocommerce-checkout .woocommerce-privacy-policy-text:empty {
display: none;
}
html body.tt26 .tt-craft-intro h2,
html body.tt26 .tt-craft-intro--refined h2,
html body.tt26 .tt-craft-cta h2,
html body.tt26 .tt-craft-cta--refined h2,
html body.tt26 .tt-craft-feature h2,
html body.tt26 .tt-craft-process article h2,
html body.tt26 .tt-craft-standards article h2,
html body.tt26 .tt-craft-detail article h2,
html body.tt26 .tt-craft-detail h2 {
color: rgb(28, 28, 28) !important;
font-size: 26px !important;
font-weight: 500 !important;
letter-spacing: .02em !important;
}
html body.tt26 .tt-craft-steps h3,
html body.tt26 .tt-craft-standards article h3,
html body.tt26 .tt-craft-process article h3,
html body.tt26 .tt-craft-detail article h3 {
color: rgb(28, 28, 28) !important;
font-size: 16px !important;
font-weight: 600 !important;
}
html body.tt26 .tt-craft-intro > span,
html body.tt26 .tt-craft-intro--refined > span,
html body.tt26 .tt-craft-cta > span,
html body.tt26 .tt-craft-cta--refined > span,
html body.tt26 .tt-craft-process article > span,
html body.tt26 .tt-craft-detail article > span,
html body.tt26 .tt-craft-steps span {
color: var(--tt-gray, #818181) !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: .16em !important;
}
html body.tt26 .tt-contact-info h2,
html body.tt26 .tt-contact-form h2,
html body.tt26 .tt-contact-map h2 {
color: rgb(28, 28, 28) !important;
font-size: 26px !important;
font-weight: 500 !important;
letter-spacing: .02em !important;
}
html body.tt26 .tt-contact-info > span,
html body.tt26 .tt-contact-map span,
html body.tt26 .tt-contact-form > span {
color: var(--tt-gray, #818181) !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: .16em !important;
}
.tt26-bst-tieu {
width: min(1258px, calc(100% - 160px));
margin: clamp(46px, 5vw, 78px) auto 0;
text-align: center;
}
.tt26-bst-tieu h1 {
margin: 0;
font-size: clamp(22px, 2.1vw, 30px);
font-weight: 400;
line-height: 1.25;
letter-spacing: .034em;
text-transform: uppercase;
color: rgb(28, 28, 28);
}
@media (max-width: 720px) {
.tt26-bst-tieu {
width: calc(100% - 44px);
margin-top: 34px;
}
}
.tt26-cathero--vuong {
aspect-ratio: 16 / 9;
}
.tt26-lienhe__bando {
aspect-ratio: 16 / 9;
}
@media (max-width: 720px) {
.tt26-cathero,
.tt26-lienhe__bando {
aspect-ratio: 4 / 5;
}
}
.tt26-about__intro p {
max-width: 760px;
margin-left: auto;
margin-right: auto;
}
html body.tt26 .tt-blog-products h2,
html body.tt26 .tt-empty-checkout h1,
html body.tt26 .tt-search-head h1,
html body.tt26 .tt-search-page h1,
html body.tt26 .tt-search-page h2,
html body.tt26 .tt26-404 h1,
html body.tt26 .tt26-404 h2 {
color: rgb(28, 28, 28) !important;
}
.tt26-footer__club-dan {
margin: 0 0 18px;
max-width: 340px;
color: rgba(255, 255, 255, .82);
font-size: 14px;
line-height: 1.7;
}
.tt26-footer__club-nut {
display: inline-flex;
align-items: center;
justify-content: center;
height: 60px;
padding: 0 26px;
border: 1px solid rgba(255, 255, 255, .6);
color: #fff;
font-size: 10px;
font-weight: 500;
letter-spacing: .16em;
text-decoration: none;
transition: background .18s ease;
}
.tt26-footer__club-nut:hover,
.tt26-footer__club-nut:focus-visible {
background: rgba(255, 255, 255, .16);
}
html body.tt26 .tt-blog-related__title {
color: rgb(28, 28, 28) !important;
}
html body.tt26 .tt-blog-card h2,
html body.tt26 .tt-blog-card h3,
html body.tt26 .tt-blog-card a {
color: rgb(28, 28, 28) !important;
font-size: 20px !important;
font-weight: 500 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
}
html body.tt26 .tt-blog-card p {
color: rgb(115, 115, 115) !important;
font-size: 15px !important;
line-height: 1.3 !important;
text-transform: none !important;
letter-spacing: .05em !important;
}
body.tt26 .tt-blog-detail__body > p,
body.tt26 .tt-blog-detail__body > h2,
body.tt26 .tt-blog-detail__body > h3,
body.tt26 .tt-blog-detail__body > ul,
body.tt26 .tt-blog-detail__body > ol,
body.tt26 .tt-blog-detail__body > blockquote {
max-width: 780px;
margin-left: auto;
margin-right: auto;
}
.tt26-cookie {
position: fixed;
left: 20px;
bottom: 20px;
z-index: 9000;
width: min(420px, calc(100vw - 40px));
padding: 20px 22px;
background: #fff;
border: 1px solid rgba(28, 28, 28, .14);
box-shadow: 0 14px 38px rgba(21, 48, 58, .16);
}
.tt26-cookie__chu {
margin: 0 0 16px;
color: rgb(28, 28, 28);
font-size: 13px;
line-height: 1.65;
}
.tt26-cookie__chu a {
color: inherit;
text-decoration: underline;
text-underline-offset: 2px;
}
.tt26-cookie__nut {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.tt26-cookie__nut button {
flex: 1 1 auto;
min-height: 42px;
padding: 0 16px;
border: 1px solid var(--tt-blue-dark, #3a6076);
border-radius: 0;
background: transparent;
color: var(--tt-blue-dark, #3a6076);
font: inherit;
font-size: 11px;
font-weight: 600;
letter-spacing: .12em;
cursor: pointer;
transition: background .18s ease, color .18s ease;
}
.tt26-cookie__nut button[data-tt26-cookie="co"] {
background: var(--tt-blue-dark, #3a6076);
color: #fff;
}
.tt26-cookie__nut button[data-tt26-cookie="co"]:hover {
background: #2f4f61;
}
.tt26-cookie__nut button[data-tt26-cookie="khong"]:hover {
background: rgba(58, 96, 118, .08);
}
.tt26-cookie__nut button:focus-visible {
outline: 2px solid var(--tt-blue-dark, #3a6076);
outline-offset: 3px;
}
@media (max-width: 720px) {
.tt26-cookie {
left: 0;
right: 0;
bottom: 0;
width: auto;
border-left: 0;
border-right: 0;
border-bottom: 0;
padding: 18px 20px 20px;
}
}
html body.tt26 .tt-policy-section li a {
color: var(--tt-blue-dark, #3a6076);
font-weight: 600;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1px;
}
html body.tt26 .tt-policy-section li a:hover,
html body.tt26 .tt-policy-section li a:focus-visible {
text-decoration-thickness: 2px;
}
html body.tt26 .tt-policy-section li a:focus-visible {
outline: 2px solid var(--tt-blue-dark, #3a6076);
outline-offset: 2px;
}
html body.tt26 .tt26-dk-o-tick {
margin: 18px 0 6px !important;
padding: 0 !important;
}
html body.tt26 .tt26-dk-o-tick label {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: 12px;
align-items: start;
min-height: 44px;
margin: 0;
padding: 4px 0;
cursor: pointer;
color: #4a6a80;
font-size: 14px;
line-height: 1.7;
}
html body.tt26 .tt26-dk-o-tick input[type="checkbox"] {
width: 18px;
height: 18px;
margin: 3px 0 0;
accent-color: #4a6a80;
flex: none;
}
html body.tt26 .tt26-dk-o-tick a {
color: #4a6a80;
font-weight: 600;
text-decoration: underline;
text-underline-offset: 3px;
}
html body.tt26 .tt26-dk-o-tick input[type="checkbox"]:focus-visible {
outline: 2px solid #4a6a80;
outline-offset: 2px;
}
html body.tt26 .tt26-dk-o-tick .required {
border: 0;
color: #a8352c;
text-decoration: none;
}
html body.tt26 .tt26-cod-tran {
margin: 0 0 16px !important;
padding: 12px 14px;
background: rgba(58, 96, 118, .06);
border-left: 3px solid #4a6a80;
color: #4a6a80;
font-size: 13px;
line-height: 1.7;
}
html body.tt26 .tt26-blog-card h3 {
-webkit-line-clamp: 3;
}
html[data-tt-lang="en"] .tt26-blog-card p,
html[data-tt-lang="en"] body.tt26 .tt26-blog-card p {
text-transform: none;
}
html body.tt26 .tt26-footer__col p,
html body.tt26 .tt26-footer__col li,
html body.tt26 .tt26-footer__col a,
html body.tt26 .tt26-footer__col strong {
letter-spacing: .2px !important;
}
html body.tt26 .tt-site-footer h2 {
font-size: 16px !important;
letter-spacing: 1.1px !important;
margin: 0 0 20px;
}
html body.tt26 .tt26-footer__legal,
html body.tt26 .tt26-footer__copy {
letter-spacing: .2px !important;
}
html body.tt26 .tt26-blog-card h3 {
font-size: 20px !important;
font-weight: 500 !important;
letter-spacing: .6px !important;
line-height: 1.32 !important;
-webkit-line-clamp: 3;
min-height: calc(3 * 1.32em + 18px);
padding: 18px 18px 0 !important;
}
html body.tt26 .tt26-blog-card p {
font-size: 15px !important;
font-weight: 400 !important;
letter-spacing: .1px !important;
line-height: 1.62 !important;
-webkit-line-clamp: 2;
padding: 10px 18px 20px !important;
}
html body.tt26 .tt26-blogs__sub {
font-size: 15px !important;
font-weight: 400 !important;
letter-spacing: .1px !important;
text-transform: none !important;
}
html body.tt26 .tt-site-footer h2 {
font-family: var(--tt26-display) !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 1.6px !important;
line-height: 1.45 !important;
text-transform: uppercase;
margin: 0 0 18px !important;
}
html body.tt26 .tt26-footer__col p,
html body.tt26 .tt26-footer__col li {
font-size: clamp(13.5px, 1.05vw, 15px) !important;
line-height: 1.75 !important;
letter-spacing: .2px !important;
margin: 0 0 13px !important;
}
@media (max-width: 600px) {
html body.tt26 .tt26-blog-card h3 {
-webkit-line-clamp: 4;
min-height: 0;
}
}
@media (min-width: 601px) and (max-width: 900px) {
html body.tt26 .tt26-blog-card h3 {
-webkit-line-clamp: 4;
min-height: calc(4 * 1.32em + 18px);
}
}
html body.tt26 .tt-site-footer h2 {
font-size: clamp(11.5px, .82vw, 13px) !important;
}
html body.tt26 .tt26-footer__col p,
html body.tt26 .tt26-footer__col li {
font-size: clamp(14px, 1.05vw, 15px) !important;
}
html body.tt26 .tt26-footer__grid {
grid-template-columns: 1.75fr 1fr 1.2fr 1.55fr;
gap: 0 clamp(28px, 3.6vw, 64px);
}
html body.tt26 .tt-site-footer h2 {
font-size: clamp(15px, 1.15vw, 17px) !important;
font-weight: 700 !important;
letter-spacing: 1.3px !important;
line-height: 1.35 !important;
margin: 0 0 20px !important;
}
html body.tt26 .tt26-footer__col p,
html body.tt26 .tt26-footer__col li {
font-size: clamp(13.5px, 1vw, 15px) !important;
}
@media (max-width: 900px) {
html body.tt26 .tt26-footer__grid {
grid-template-columns: repeat(2, 1fr);
gap: 30px clamp(20px, 3vw, 36px);
}
}
@media (max-width: 560px) {
html body.tt26 .tt26-footer__grid {
grid-template-columns: 1fr;
}
}
html body.tt26 .tt-contact-page {
align-items: stretch !important;
}
html body.tt26 .tt-contact-form {
display: flex;
flex-direction: column;
}
html body.tt26 .tt-contact-form > label {
flex: 1 1 auto;
grid-template-rows: auto 1fr;
min-height: 0;
}
html body.tt26 .tt-contact-form > label textarea {
height: 100%;
min-height: 126px;
}
html body.tt26 .tt-contact-form select {
appearance: none;
-webkit-appearance: none;
background-color: #fff !important;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.6 6 6.4l5-4.8' fill='none' stroke='%233a6076' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 16px center !important;
background-size: 12px 8px !important;
padding-right: 40px !important;
}
html body.tt26 .tt-contact-form select:hover {
cursor: pointer;
}
html body.tt26 .tt-payment-fields .woocommerce-additional-fields,
html body.tt26 .tt-payment-fields .woocommerce-shipping-fields {
display: block !important;
}
html body.tt26 .tt-payment-fields .woocommerce-shipping-fields,
html body.tt26 .tt-payment-fields .woocommerce-additional-fields {
margin-top: 22px !important;
}
html body.tt26 .tt-payment-fields h3#ship-to-different-address {
margin: 0 0 14px !important;
font-size: 13px !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
text-transform: none !important;
line-height: 1.5 !important;
}
html body.tt26 .tt-payment-fields h3#ship-to-different-address label {
display: inline-flex !important;
align-items: center;
gap: 9px;
cursor: pointer;
color: var(--tt26-chu, inherit);
}
html body.tt26 .tt-payment-fields h3#ship-to-different-address input[type="checkbox"] {
width: 15px !important;
height: 15px !important;
min-width: 15px;
margin: 0 !important;
accent-color: var(--tt-blue-dark, #1d364e);
cursor: pointer;
}
html body.tt26 .tt-payment-fields .woocommerce-additional-fields textarea {
min-height: 86px !important;
resize: vertical;
}
html body.tt26 .tt26-bai-dan {
margin: clamp(34px, 5vw, 58px) 0 clamp(6px, 1vw, 14px);
}
html body.tt26 .tt26-bai-dan__trong {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
padding-top: clamp(26px, 3.4vw, 40px);
border-top: 1px solid var(--tt26-line, rgba(29, 54, 78, .14));
text-align: center;
}
html body.tt26 .tt26-bai-dan__chu {
margin: 0;
color: var(--tt-gray, #6f7a80);
font-size: clamp(13px, 1vw, 14.5px);
font-weight: 400;
letter-spacing: .01em;
line-height: 1.5;
}
@media (max-width: 600px) {
html body.tt26 .tt26-bai-dan__nut {
width: 100%;
max-width: 320px;
}
}
html body.tt26 .tt26-tin-o-tick {
margin: 10px 0 0 !important;
padding: 0 !important;
}
html body.tt26 .tt26-tin-o-tick label {
display: flex !important;
align-items: flex-start;
gap: 9px;
cursor: pointer;
margin: 0 !important;
}
html body.tt26 .tt26-tin-o-tick input[type="checkbox"] {
width: 15px !important;
height: 15px !important;
min-width: 15px;
margin: 2px 0 0 !important;
accent-color: var(--tt-blue-dark, #1d364e);
cursor: pointer;
}
html body.tt26 .tt26-tin-o-tick span {
color: var(--tt-gray, #6f7a80);
font-size: 12.5px;
font-weight: 400;
line-height: 1.5;
letter-spacing: 0;
}
.tt26-blog-chuyen-muc {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 0 0 34px;
}
.tt26-blog-chuyen-muc a {
display: inline-flex;
align-items: center;
gap: 7px;
padding: 7px 15px;
border: 1px solid rgba(58, 96, 118, .22);
border-radius: 999px;
font-size: 12px;
letter-spacing: .02em;
color: var(--tt26-ink, #1c1c1c);
text-decoration: none;
transition: border-color .2s ease, background .2s ease;
}
.tt26-blog-chuyen-muc a:hover,
.tt26-blog-chuyen-muc a:focus-visible {
border-color: rgba(58, 96, 118, .6);
background: rgba(238, 244, 245, .6);
}
.tt26-blog-chuyen-muc a span {
font-size: 10.5px;
color: rgba(58, 96, 118, .75);
font-variant-numeric: tabular-nums;
}
@media (max-width: 720px) {
.tt26-blog-chuyen-muc { gap: 8px; margin-bottom: 26px; }
.tt26-blog-chuyen-muc a { padding: 6px 13px; font-size: 11.5px; }
}
.tt26 .tt26-duong-dan,
body.tt26 .tt26-duong-dan {
margin: 0 0 10px;
font-size: 10px;
letter-spacing: .14em;
text-transform: uppercase;
color: var(--tt26-muted);
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
}
.tt26 .tt26-duong-dan a,
body.tt26 .tt26-duong-dan a {
color: inherit;
text-decoration: none;
border-bottom: 1px solid transparent;
transition: border-color .18s ease, color .18s ease;
position: relative;
}
.tt26 .tt26-duong-dan a:hover,
.tt26 .tt26-duong-dan a:focus-visible,
body.tt26 .tt26-duong-dan a:hover,
body.tt26 .tt26-duong-dan a:focus-visible {
color: var(--tt26-accent);
border-bottom-color: currentColor;
}
.tt26 .tt26-duong-dan a::after,
body.tt26 .tt26-duong-dan a::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: max(100%, 32px);
height: max(100%, 32px);
transform: translate(-50%, -50%);
}
.tt26 .tt26-duong-dan span,
body.tt26 .tt26-duong-dan span {
opacity: .55;
}
@media (min-width: 721px) and (max-width: 900px) {
html body.tt26 .tt26-making {
padding-inline: 32px !important;
}
html body.tt26 .tt26-making__copy {
padding-left: 0 !important;
padding-right: 0 !important;
}
html body.tt26 .tt26-tiles {
padding-inline: 32px !important;
}
html body.tt26 .tt26-rail ul.products {
padding-inline: 32px !important;
}
}