/* XARI THINNER HEADER SYSTEM 2026-08-20 */
html body [data-id="37899140"] .content_padding {
height: 104px !important;
min-height: 0 !important;
padding: 18px 24px !important;
box-sizing: border-box !important;
overflow: visible !important;
}
html body [data-id="37899140"] .page_content {
height: 68px !important;
min-height: 0 !important;
overflow: visible !important;
}
html body [data-id="37899140"] a.image-link img {
width: 64px !important;
max-width: 64px !important;
height: auto !important;
}
html body [data-id="37899140"] a.icon-link {
top: 28px !important;
}
html body #site_menu_wrapper {
top: 12px !important;
right: 24px !important;
}
html body [data-container="page"][data-id="37899142"] .page_content {
padding-top: 8px !important;
scroll-margin-top: 8px !important;
}
@media (max-width: 760px) {
html body [data-id="37899140"] .content_padding {
height: 80px !important;
padding: 14px !important;
}
html body [data-id="37899140"] .page_content {
height: 52px !important;
}
html body [data-id="37899140"] a.image-link img {
width: 52px !important;
max-width: 52px !important;
}
html body [data-id="37899140"] a.icon-link {
top: 20px !important;
right: 54px !important;
}
html body #site_menu_wrapper {
top: 7px !important;
right: 10px !important;
}
html body [data-container="page"][data-id="37899142"] .page_content,
html body.mobile [data-container="page"][data-id="37899142"] .page_content {
padding-top: 8px !important;
scroll-margin-top: 8px !important;
}
}
/* XARI THINNER HEADER POSITION OVERRIDE 2026-08-20 */
html body [data-container="page"][data-id="37899140"] [data-container="content"].page a.icon-link {
top: 24px !important;
}
html body #site_menu_wrapper > a {
top: 20px !important;
right: 24px !important;
}
html body [data-container="page"][data-id="37899142"] [data-container="content"].page .page_content {
padding-top: 8px !important;
scroll-margin-top: 8px !important;
}
@media (max-width: 760px) {
html body [data-container="page"][data-id="37899140"] [data-container="content"].page a.icon-link {
top: 16px !important;
right: 54px !important;
}
html body #site_menu_wrapper > a {
top: 12px !important;
right: 10px !important;
}
}
/* XARI LIVE PRODUCT TEMPLATE MATCH 2026-08-20 */
html body [data-container="page"][data-id="37899142"] .content_padding {
padding: 7.5rem 24px 5rem !important;
}
html body [data-container="page"][data-id="37899142"] .page_content > [grid-row]:nth-child(2) {
width: 100% !important;
max-width: none !important;
min-height: 620px !important;
margin: 0 !important;
display: grid !important;
grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr) !important;
grid-template-rows: auto auto !important;
gap: 0 !important;
align-items: stretch !important;
border-top: 1px solid #111;
}
html body [data-container="page"][data-id="37899142"] .page_content > [grid-row]:nth-child(2) > [grid-col]:nth-child(2) {
position: relative;
grid-area: 1 / 1 / span 2 / 2 !important;
min-height: 620px !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-right: 1px solid #111;
background: #f0f0ed;
overflow: hidden;
}
html body [data-container="page"][data-id="37899142"] .page_content > [grid-row]:nth-child(2) > [grid-col]:nth-child(2)::before {
content: "AVAILABLE PRODUCT / DROP 01";
position: absolute;
top: 16px;
left: 16px;
z-index: 3;
font-size: 9px;
line-height: 1.2;
letter-spacing: .08em;
}
html body [data-container="page"][data-id="37899142"] .page_content > [grid-row]:nth-child(2) > [grid-col]:nth-child(3) {
grid-area: 1 / 2 !important;
min-width: 0 !important;
padding: 18px 20px 0 !important;
display: flex !important;
flex-direction: column !important;
text-align: left !important;
}
html body [data-container="page"][data-id="37899142"] .page_content > [grid-row]:nth-child(2) > [grid-col]:nth-child(3)::before {
content: "XARI PRODUCT / AVAILABLE NOW";
display: block;
margin-bottom: 72px;
font-size: 9px;
line-height: 1.2;
letter-spacing: .08em;
}
html body [data-container="page"][data-id="37899142"] h2 {
max-width: 12ch;
margin: 0 0 20px !important;
font-family: "Monument Grotesk Mono Variable", monospace !important;
font-size: clamp(34px, 4.2vw, 68px) !important;
font-weight: 500 !important;
line-height: .94 !important;
letter-spacing: -.045em !important;
text-align: left !important;
}
html body [data-container="page"][data-id="37899142"] .page_content > [grid-row]:nth-child(2) > [grid-col]:nth-child(3) > div {
display: flex;
flex-direction: column;
}
html body [data-container="page"][data-id="37899142"] .page_content > [grid-row]:nth-child(2) > [grid-col]:nth-child(3) small {
max-width: 52ch;
margin: 0 0 14px !important;
font-size: 11px !important;
line-height: 1.45 !important;
letter-spacing: .04em !important;
}
html body [data-container="page"][data-id="37899142"] .page_content > [grid-row]:nth-child(2) > [grid-col]:nth-child(3) > div::after {
content: "FIT / RELAXED, TRUE TO SIZE\A FABRIC / 100% PRESHRUNK HEAVY COTTON\A WEIGHT / 270 GSM\A DETAILS / DROPPED SHOULDERS, CINCHED COLLAR";
display: block;
min-height: 132px;
margin-top: 18px;
border-top: 1px solid #111;
border-bottom: 1px solid rgba(17,17,17,.24);
background: repeating-linear-gradient(to bottom, transparent 0, transparent 32px, rgba(17,17,17,.20) 32px, rgba(17,17,17,.20) 33px);
color: #111;
white-space: pre-line;
font-size: 9px;
line-height: 33px;
letter-spacing: .04em;
}
html body [data-container="page"][data-id="37899142"] .page_content > [grid-row]:nth-child(2) > [grid-col]:nth-child(4) {
grid-area: 2 / 2 !important;
min-width: 0 !important;
padding: 18px 20px 20px !important;
align-self: end !important;
}
html body [data-container="page"][data-id="37899142"] shop.shop_product {
width: 100% !important;
display: grid !important;
gap: 10px !important;
}
html body [data-container="page"][data-id="37899142"] shop.shop_product .product_price {
margin-bottom: 4px !important;
font-size: 18px !important;
line-height: 1.1 !important;
}
html body [data-container="page"][data-id="37899142"] shop.shop_product select,
html body [data-container="page"][data-id="37899142"] shop.shop_product .button {
width: 100% !important;
min-height: 42px !important;
height: 42px !important;
margin: 0 !important;
font-size: 9px !important;
letter-spacing: .08em !important;
}
html body [data-container="page"][data-id="37899142"] .image-gallery {
flex: 0 0 auto;
}
@media (max-width: 760px) {
html body [data-container="page"][data-id="37899142"] .content_padding {
padding: 118px 14px 64px !important;
}
html body [data-container="page"][data-id="37899142"] .page_content > [grid-row]:nth-child(2) {
grid-template-columns: minmax(0, 1fr) !important;
grid-template-rows: auto !important;
min-height: 0 !important;
}
html body [data-container="page"][data-id="37899142"] .page_content > [grid-row]:nth-child(2) > [grid-col]:nth-child(2) {
grid-area: auto / 1 !important;
min-height: 520px !important;
border-right: 0;
border-bottom: 1px solid #111;
}
html body [data-container="page"][data-id="37899142"] .page_content > [grid-row]:nth-child(2) > [grid-col]:nth-child(3),
html body [data-container="page"][data-id="37899142"] .page_content > [grid-row]:nth-child(2) > [grid-col]:nth-child(4) {
grid-area: auto / 1 !important;
}
html body [data-container="page"][data-id="37899142"] .page_content > [grid-row]:nth-child(2) > [grid-col]:nth-child(3) {
min-height: 500px !important;
padding: 16px 0 0 !important;
}
html body [data-container="page"][data-id="37899142"] .page_content > [grid-row]:nth-child(2) > [grid-col]:nth-child(3)::before {
margin-bottom: 64px;
}
html body [data-container="page"][data-id="37899142"] h2 {
font-size: 42px !important;
}
html body [data-container="page"][data-id="37899142"] .page_content > [grid-row]:nth-child(2) > [grid-col]:nth-child(4) {
padding: 20px 0 0 !important;
}
}
/* XARI LIVE PRODUCT TEMPLATE PROPORTION OVERRIDE 2026-08-20 */
html body [data-container="page"][data-id="37899142"].page .page_content > [grid-row]:nth-child(2) {
padding: 0 !important;
grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr) !important;
justify-content: stretch !important;
}
html body [data-container="page"][data-id="37899142"].page .page_content > [grid-row]:nth-child(2) > [grid-col]:nth-child(3)::before {
margin-bottom: 48px !important;
}
html body [data-container="page"][data-id="37899142"].page h2 {
font-size: clamp(34px, 3.6vw, 58px) !important;
}
html body [data-container="page"][data-id="37899142"].page .page_content > [grid-row]:nth-child(2) > [grid-col]:nth-child(3) small {
font-size: 10.5px !important;
}
html body [data-container="page"][data-id="37899142"].page .page_content > [grid-row]:nth-child(2) > [grid-col]:nth-child(3) > div::after {
min-height: 116px !important;
margin-top: 14px !important;
line-height: 29px !important;
background: repeating-linear-gradient(to bottom, transparent 0, transparent 28px, rgba(17,17,17,.20) 28px, rgba(17,17,17,.20) 29px) !important;
}
html body [data-container="page"][data-id="37899142"].page .page_content > [grid-row]:nth-child(2) > [grid-col]:nth-child(4) {
padding: 14px 20px 18px !important;
}
html body [data-container="page"][data-id="37899142"].page shop.shop_product select,
html body [data-container="page"][data-id="37899142"].page shop.shop_product .button {
min-height: 38px !important;
height: 38px !important;
}
@media (max-width: 760px) {
html body [data-container="page"][data-id="37899142"].page .page_content > [grid-row]:nth-child(2) {
grid-template-columns: minmax(0, 1fr) !important;
}
}
/* XARI LIVE PRODUCT CORRECT CARGO SELECTOR 2026-08-20 */
html body [data-container="page"][data-id="37899142"] [data-container="content"].page .page_content > [grid-row]:nth-child(2) {
padding: 0 !important;
grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr) !important;
justify-content: stretch !important;
}
html body [data-container="page"][data-id="37899142"] [data-container="content"].page .page_content > [grid-row]:nth-child(2) > [grid-col]:nth-child(3)::before {
margin-bottom: 48px !important;
}
html body [data-container="page"][data-id="37899142"] [data-container="content"].page h2 {
font-size: clamp(34px, 3.6vw, 58px) !important;
}
html body [data-container="page"][data-id="37899142"] [data-container="content"].page .page_content > [grid-row]:nth-child(2) > [grid-col]:nth-child(3) small {
font-size: 10.5px !important;
}
html body [data-container="page"][data-id="37899142"] [data-container="content"].page .page_content > [grid-row]:nth-child(2) > [grid-col]:nth-child(3) > div::after {
min-height: 116px !important;
margin-top: 14px !important;
line-height: 29px !important;
background: repeating-linear-gradient(to bottom, transparent 0, transparent 28px, rgba(17,17,17,.20) 28px, rgba(17,17,17,.20) 29px) !important;
}
html body [data-container="page"][data-id="37899142"] [data-container="content"].page .page_content > [grid-row]:nth-child(2) > [grid-col]:nth-child(4) {
padding: 14px 20px 18px !important;
}
html body [data-container="page"][data-id="37899142"] [data-container="content"].page shop.shop_product select,
html body [data-container="page"][data-id="37899142"] [data-container="content"].page shop.shop_product .button {
min-height: 38px !important;
height: 38px !important;
}
@media (max-width: 760px) {
html body [data-container="page"][data-id="37899142"] [data-container="content"].page .page_content > [grid-row]:nth-child(2) {
grid-template-columns: minmax(0, 1fr) !important;
}
}
/* XARI LIVE PRODUCT FULL-WIDTH PURCHASE 2026-08-20 */
html body [data-container="page"][data-id="37899142"] [data-container="content"].page shop.shop_product {
width: 100% !important;
max-width: none !important;
justify-self: stretch !important;
}
/* XARI LIVE PRODUCT TOP ALIGNMENT 2026-08-20 */
html body [data-container="page"][data-id="37899142"] .page_content {
padding-top: 40px !important;
scroll-margin-top: 40px !important;
}
@media (max-width: 760px) {
html body [data-container="page"][data-id="37899142"] .page_content,
html body.mobile [data-container="page"][data-id="37899142"] .page_content {
padding-top: 24px !important;
scroll-margin-top: 24px !important;
}
}
/* XARI PRODUCT GALLERY FIT 2026-08-20 */
html body [data-container="page"][data-id="37899142"] .page_content > [grid-row]:nth-child(2) {
grid-template-columns: minmax(360px, 520px) minmax(320px, 360px) !important;
justify-content: center !important;
column-gap: clamp(48px, 6vw, 80px) !important;
}
html body [data-container="page"][data-id="37899142"] .image-gallery {
width: min(100%, 440px) !important;
max-width: 440px !important;
aspect-ratio: 2 / 3 !important;
margin: 0 auto !important;
overflow: hidden !important;
background: transparent !important;
}
html body [data-container="page"][data-id="37899142"] .slick-list,
html body [data-container="page"][data-id="37899142"] .slick-track,
html body [data-container="page"][data-id="37899142"] .gallery_card,
html body [data-container="page"][data-id="37899142"] .gallery_card_image {
height: 100% !important;
min-height: 0 !important;
}
html body [data-container="page"][data-id="37899142"] .gallery_card_image {
width: 100% !important;
overflow: hidden !important;
background: transparent !important;
}
html body [data-container="page"][data-id="37899142"] .gallery_card_image img {
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
padding: 0 !important;
border: 0 !important;
object-fit: cover !important;
object-position: center center !important;
}
@media (max-width: 760px) {
html body [data-container="page"][data-id="37899142"] .page_content > [grid-row]:nth-child(2) {
grid-template-columns: minmax(0, 1fr) !important;
row-gap: 24px !important;
}
html body [data-container="page"][data-id="37899142"] .image-gallery {
width: min(100%, 420px) !important;
max-width: 420px !important;
}
}
/* XARI PRODUCT GALLERY 4X5 BALANCE 2026-08-20 */
html body [data-container="page"][data-id="37899142"] .image-gallery {
width: min(100%, 480px) !important;
max-width: 480px !important;
aspect-ratio: 4 / 5 !important;
}
html body [data-container="page"][data-id="37899142"] .gallery_card_image img {
object-position: center top !important;
}
@media (max-width: 760px) {
html body [data-container="page"][data-id="37899142"] .image-gallery {
width: min(100%, 420px) !important;
max-width: 420px !important;
aspect-ratio: 4 / 5 !important;
}
}
/* XARI LUXURY HEADER + HERO CONTRAST 2026-08-20 */
html body [data-container="page"][data-id="37899141"] .xari-home-copy h1,
html body [data-container="page"][data-id="37899141"] .xari-home-copy h1 a {
color: #111 !important;
}
html body [data-container="page"][data-id="37899140"] a.icon-link {
position: fixed !important;
top: 33px !important;
right: 84px !important;
z-index: 20 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 22px !important;
height: 22px !important;
line-height: 1 !important;
font-size: 18px !important;
color: #111 !important;
text-decoration: none !important;
}
@media (max-width: 760px) {
html body [data-container="page"][data-id="37899140"] a.icon-link {
top: 22px !important;
right: 54px !important;
width: 20px !important;
height: 20px !important;
font-size: 17px !important;
}
}
/* XARI HEADER CART ALIGNMENT OVERRIDE 2026-08-20 */
html body [data-id="37899140"] a.icon-link {
position: fixed !important;
top: 33px !important;
right: 84px !important;
z-index: 20 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 22px !important;
height: 22px !important;
line-height: 1 !important;
font-size: 18px !important;
color: #111 !important;
text-decoration: none !important;
}
@media (max-width: 760px) {
html body [data-id="37899140"] a.icon-link {
top: 22px !important;
right: 54px !important;
width: 20px !important;
height: 20px !important;
font-size: 17px !important;
}
}
/* XARI MINIMAL LUXURY SYSTEM 2026-08-20 */
html body {
--xari-ink: #111;
--xari-muted: #92928c;
--xari-line: #c8c8c2;
--xari-surface: #fafaf8;
--xari-visual: #f3f3f0;
}
html body [data-container="page"][data-id="37899141"] .xari-home-copy h1 {
font-size: clamp(54px, 5.8vw, 84px) !important;
line-height: .93 !important;
letter-spacing: -.045em !important;
font-weight: 500 !important;
}
html body [data-container="page"][data-id="37899141"] .xari-home-copy h2,
.xari-shop-intro small,
.xari-product-meta {
font-size: 9px !important;
line-height: 1.3 !important;
letter-spacing: .08em !important;
font-weight: 400 !important;
}
.xari-product-grid {
background: var(--xari-line) !important;
}
.xari-product-card {
background: var(--xari-surface) !important;
transition: background-color .45s ease, opacity .45s ease !important;
}
.xari-product-visual {
background: var(--xari-visual) !important;
}
.xari-product-visual img {
transition: transform .7s cubic-bezier(.22, 1, .36, 1), opacity .4s ease !important;
}
.xari-product-card.is-live:hover {
background: #fff !important;
}
.xari-product-card.is-live:hover .xari-product-visual img {
transform: scale(1.015) !important;
}
.xari-product-card.is-live .xari-product-meta span:last-child {
transition: transform .35s cubic-bezier(.22, 1, .36, 1), opacity .3s ease !important;
}
.xari-product-card.is-live:hover .xari-product-meta span:last-child {
transform: translateX(-2px);
opacity: .65;
}
.xari-product-meta {
min-height: 52px !important;
padding: 14px 12px !important;
border-top-color: var(--xari-line) !important;
}
.xari-product-card.is-coming .xari-product-meta {
color: var(--xari-muted) !important;
}
.xari-product-card.is-coming .xari-product-placeholder {
color: #aaa9a3 !important;
}
html body [data-id="37899140"] a.image-link,
html body [data-id="37899140"] a.icon-link,
footer a {
transition: opacity .3s ease !important;
}
html body [data-id="37899140"] a.image-link:hover,
html body [data-id="37899140"] a.icon-link:hover,
footer a:hover {
opacity: .55 !important;
}
footer a {
letter-spacing: .12em;
}
@media (max-width: 760px) {
html body [data-container="page"][data-id="37899141"] .xari-home-copy h1 {
font-size: clamp(46px, 14vw, 68px) !important;
line-height: .94 !important;
}
.xari-product-meta {
padding: 13px 11px !important;
}
}
/* XARI CATALOG HERO OPTION 02 2026-08-20 */
html body [data-container="page"][data-id="37899141"] .xari-home-copy h1 {
margin: 12px 0 18px !important;
font-family: "Diatype Variable", Arial, sans-serif !important;
font-size: 36px !important;
font-weight: 500 !important;
line-height: 1.05 !important;
letter-spacing: -.025em !important;
text-align: left !important;
text-transform: uppercase !important;
white-space: nowrap;
}
html body [data-container="page"][data-id="37899141"] .xari-home-copy h1 a {
font: inherit !important;
letter-spacing: inherit !important;
line-height: inherit !important;
color: #111 !important;
}
html body [data-container="page"][data-id="37899141"] .xari-home-copy h2 {
text-align: left !important;
}
html body [data-container="page"][data-id="37899141"] .xari-home-copy h2:first-of-type a {
font-size: 0 !important;
color: #777771 !important;
text-decoration: none !important;
}
html body [data-container="page"][data-id="37899141"] .xari-home-copy h2:first-of-type a::after {
content: "01 — NEW ARRIVAL" !important;
font-family: "Diatype Variable", Arial, sans-serif !important;
font-size: 9px !important;
font-weight: 500 !important;
letter-spacing: .14em !important;
line-height: 1.2 !important;
}
html body [data-container="page"][data-id="37899141"] .xari-home-copy h2:last-of-type a {
min-width: 0 !important;
width: auto !important;
height: auto !important;
padding: 0 0 4px !important;
background: transparent !important;
color: #111 !important;
border-bottom: 1px solid #111 !important;
font-family: "Monument Grotesk Mono Variable", monospace !important;
font-size: 9px !important;
font-weight: 400 !important;
letter-spacing: .1em !important;
line-height: 1.2 !important;
}
html body [data-container="page"][data-id="37899141"] .xari-home-copy h2:last-of-type a::after {
content: "" !important;
}
@media (max-width: 760px) {
html body [data-container="page"][data-id="37899141"] .xari-home-copy h1 {
margin: 10px 0 16px !important;
font-size: 30px !important;
line-height: 1.06 !important;
white-space: normal;
}
}
/* XARI CATALOG PRICE CLEANUP 2026-08-20 */
html body [data-container="page"][data-id="37899141"] .xari-home-copy h2:last-of-type a {
border: 0 !important;
border-bottom: 1px solid #111 !important;
}
/* XARI ACCESS + OUTLINE FIX 2026-08-20 */
/* XARI HOME SINGLE-SECTION GUARD 2026-08-20 */
html body [data-container="page"][data-id="37899141"] .xari-home-hero-row ~ .xari-home-hero-row,
html body [data-container="page"][data-id="37899141"] .xari-home-products ~ .xari-home-products {
display: none !important;
}
/* XARI SHOP STRAY-FRAGMENT GUARD 2026-08-20 */
html body [data-container="page"][data-id="37899161"] .page_content > .xari-shop:first-child {
display: none !important;
}
/* XARI HOME INDEX + SHOP HEADER FIX 2026-08-20 */
html body [data-container="page"][data-id="37899161"] .page_content {
padding-top: 230px !important;
scroll-margin-top: 230px !important;
}
html body [data-container="page"][data-id="37899141"] .page_content {
height: auto !important;
min-height: 100vh !important;
overflow: visible !important;
}
html body [data-container="page"][data-id="37899141"] .xari-home-hero-row {
min-height: 72vh !important;
align-items: center !important;
}
html body .xari-home-products {
width: 100%;
margin-top: 36px;
padding: 0 24px 96px;
}
html body .xari-home-products .xari-product-grid {
border-top: 1px solid #111;
}
@media (max-width: 760px) {
html body [data-container="page"][data-id="37899161"] .page_content,
html body.mobile [data-container="page"][data-id="37899161"] .page_content {
padding-top: 156px !important;
scroll-margin-top: 156px !important;
}
html body [data-container="page"][data-id="37899141"] .xari-home-hero-row,
html body.mobile [data-container="page"][data-id="37899141"] .xari-home-hero-row {
min-height: 76vh !important;
}
html body .xari-home-products,
html body.mobile .xari-home-products {
margin-top: 24px;
padding: 0 14px 64px;
}
}
/* XARI PRIVATE PRODUCT TEMPLATES 2026-08-20 */
[data-container="page"][data-id="38562960"] .page_content,
[data-container="page"][data-id="38562958"] .page_content {
padding: 140px 24px 80px !important;
}
.xari-draft-product {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
min-height: 620px;
border-top: 1px solid #111;
color: #111;
}
.xari-draft-media {
display: flex;
justify-content: space-between;
align-items: flex-start;
min-height: 620px;
padding: 16px;
border-right: 1px solid #111;
background: #f0f0ed;
font-size: 9px;
line-height: 1.2;
letter-spacing: .08em;
}
.xari-draft-media strong {
align-self: center;
margin: auto;
font-size: clamp(18px, 2.2vw, 32px);
font-weight: 400;
letter-spacing: -.02em;
}
.xari-draft-copy {
display: flex;
flex-direction: column;
padding: 18px 20px;
}
.xari-draft-copy small {
margin-bottom: auto;
font-size: 9px;
letter-spacing: .08em;
}
.xari-draft-copy h1 {
max-width: 12ch;
margin: 72px 0 20px !important;
font-size: clamp(34px, 4.2vw, 68px) !important;
line-height: .94 !important;
letter-spacing: -.045em !important;
font-weight: 500 !important;
}
.xari-draft-copy p {
max-width: 52ch;
margin: 0 0 32px !important;
font-size: 12px;
line-height: 1.45;
}
.xari-draft-specs {
display: grid;
gap: 0;
margin-top: auto;
border-top: 1px solid #111;
}
.xari-draft-specs span {
padding: 10px 0;
border-bottom: 1px solid rgba(17,17,17,.24);
font-size: 9px;
line-height: 1.25;
letter-spacing: .04em;
}
.xari-draft-status {
margin-top: 20px;
padding: 12px;
border: 1px solid #111;
font-size: 9px;
letter-spacing: .08em;
text-align: center;
}
body a[href="/shop"]::after {
content: "shop";
}
@media (max-width: 760px) {
[data-container="page"][data-id="38562960"] .page_content,
[data-container="page"][data-id="38562958"] .page_content,
body.mobile [data-container="page"][data-id="38562960"] .page_content,
body.mobile [data-container="page"][data-id="38562958"] .page_content {
padding: 118px 14px 64px !important;
}
.xari-draft-product {
grid-template-columns: minmax(0, 1fr);
min-height: 0;
}
.xari-draft-media {
min-height: 430px;
border-right: 0;
border-bottom: 1px solid #111;
}
.xari-draft-copy {
min-height: 520px;
padding: 16px 0 0;
}
.xari-draft-copy h1 {
margin-top: 64px !important;
font-size: 42px !important;
}
}
/* XARI SHOP GRID 2026-08-20 */
[data-container="page"][data-id="37899161"] .page_content {
width: 100% !important;
max-width: none !important;
padding-left: 24px !important;
padding-right: 24px !important;
}
.xari-shop {
width: 100%;
color: #111;
}
.xari-shop-intro {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 24px;
padding-bottom: 18px;
border-bottom: 1px solid #111;
}
.xari-shop-intro h1 {
margin: 0 !important;
font-size: clamp(30px, 4.5vw, 72px) !important;
line-height: .92 !important;
letter-spacing: -.04em !important;
font-weight: 500 !important;
}
.xari-shop-intro small {
font-size: 9px !important;
line-height: 1 !important;
letter-spacing: .08em !important;
white-space: nowrap;
}
.xari-product-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 1px;
background: #111;
}
.xari-product-card {
display: flex !important;
min-width: 0;
flex-direction: column;
color: #111 !important;
text-decoration: none !important;
background: #f7f7f5;
}
.xari-product-visual {
display: flex;
align-items: center;
justify-content: center;
height: 40vw;
min-height: 300px;
max-height: 600px;
overflow: hidden;
background: #f0f0ed;
}
.xari-product-visual img {
display: block;
width: 100%;
height: 100%;
padding: 28px;
object-fit: contain;
background: transparent !important;
box-shadow: none !important;
filter: drop-shadow(0 0 .8px rgba(13,13,13,.38));
transition: transform .35s ease;
}
.xari-product-card.is-live:hover .xari-product-visual img {
transform: scale(1.02);
}
.xari-product-placeholder {
align-items: flex-start;
justify-content: flex-start;
padding: 16px;
color: #777;
font-size: 9px;
letter-spacing: .08em;
}
.xari-product-meta {
display: flex;
justify-content: space-between;
gap: 16px;
min-height: 54px;
padding: 13px 12px;
border-top: 1px solid #111;
font-size: 9px;
line-height: 1.25;
letter-spacing: .04em;
}
.xari-product-meta span:last-child {
flex: 0 0 auto;
text-align: right;
}
.xari-product-card.is-coming {
pointer-events: none;
}
.xari-product-card.is-coming .xari-product-meta {
color: #777;
}
body a[href="/shop"] {
display: inline-flex !important;
opacity: 1 !important;
visibility: visible !important;
}
@media (max-width: 980px) {
.xari-product-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.xari-product-visual {
height: 58vw;
max-height: 620px;
}
}
@media (max-width: 600px) {
[data-container="page"][data-id="37899161"] .page_content,
body.mobile [data-container="page"][data-id="37899161"] .page_content {
padding-left: 14px !important;
padding-right: 14px !important;
}
.xari-shop-intro {
align-items: flex-start;
flex-direction: column;
gap: 10px;
padding-bottom: 14px;
}
.xari-shop-intro h1 {
font-size: 44px !important;
}
.xari-product-grid {
grid-template-columns: minmax(0, 1fr);
}
.xari-product-visual {
height: 104vw;
min-height: 360px;
max-height: 520px;
}
.xari-product-meta {
min-height: 50px;
}
}
[data-container="page"][data-id="37899142"] .page_content,
[data-container="page"][data-id="37899143"] .page_content,
[data-container="page"][data-id="37899144"] .page_content,
[data-container="page"][data-id="37899145"] .page_content,
[data-container="page"][data-id="37899161"] .page_content {
padding-top: 140px !important;
scroll-margin-top: 140px !important;
}
#sound_button,
body.mobile #sound_button {
display: flex !important;
position: fixed !important;
left: 18px !important;
right: auto !important;
bottom: 18px !important;
top: auto !important;
z-index: 99999 !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: 32px !important;
margin: 0 !important;
padding: 0 11px !important;
border: 1px solid #111 !important;
border-radius: 0 !important;
background: rgba(247,247,245,.94) !important;
color: #111 !important;
font-size: 9px !important;
line-height: 1 !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
cursor: pointer !important;
}
.image-link,
.x-image-link,
.image-link:focus,
.image-link:focus-visible,
.x-image-link:focus,
.x-image-link:focus-visible {
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
background: transparent !important;
}
.image-link img,
.x-image-link img {
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
background: transparent !important;
filter: drop-shadow(0 0 .65px rgba(13,13,13,.35));
}
.image-link:hover img,
.image-link:focus-visible img,
.x-image-link:hover img,
.x-image-link:focus-visible img {
filter: drop-shadow(0 0 1.15px rgba(13,13,13,.55));
}
@media (max-width: 760px) {
body.mobile [data-container="page"][data-id="37899142"] .page_content,
body.mobile [data-container="page"][data-id="37899143"] .page_content,
body.mobile [data-container="page"][data-id="37899144"] .page_content,
body.mobile [data-container="page"][data-id="37899145"] .page_content,
body.mobile [data-container="page"][data-id="37899161"] .page_content {
padding-top: 118px !important;
scroll-margin-top: 118px !important;
}
body.mobile #sound_button {
left: 14px !important;
bottom: 14px !important;
height: 30px !important;
padding: 0 10px !important;
font-size: 8px !important;
}
}
/* XARI ABOUT MOBILE PRIORITY */
@media (max-width: 760px) {
body.mobile [data-container="page"][data-id="37899144"] .page_content > [grid-row]:nth-child(2) {
grid-template-columns: minmax(0, 1fr) !important;
}
}
/* XARI SWEATPANT DRAFT GALLERY FIT 2026-08-20 */
html body [data-container="page"][data-id="38562958"] .xari-draft-gallery figure {
min-width: 0 !important;
min-height: 0 !important;
}
html body [data-container="page"][data-id="38562958"] .xari-draft-gallery img {
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: contain !important;
object-position: center !important;
display: block !important;
}
/* XARI MOBILE GALLERY FIX */
[data-container="page"][data-id="37899142"] .page_content > [grid-row]:nth-child(2) > [grid-col] {
min-width: 0 !important;
max-width: 100% !important;
}
[data-container="page"][data-id="37899142"] .image-gallery,
[data-container="page"][data-id="37899142"] .slick-list {
width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
}
@media (max-width: 760px) {
[data-container="page"][data-id="37899142"] .page_content > [grid-row]:nth-child(2),
[data-container="page"][data-id="37899144"] .page_content > [grid-row]:nth-child(2) {
grid-template-columns: minmax(0, 1fr) !important;
}
}
/* XARI COMPATIBILITY FIX */
#sound_button,
#sound_button:hover,
#sound_button:active {
transform: none !important;
}
[data-container="page"][data-id="37899144"] .page_content > [grid-row]:nth-child(2) {
grid-template-columns: minmax(0, 0.65fr) minmax(0, 1fr) minmax(0, 1.25fr) !important;
}
[data-container="page"][data-id="37899144"] .page_content > [grid-row]:nth-child(2) > [grid-col] {
min-width: 0 !important;
max-width: 100% !important;
}
[data-container="page"][data-id="37899144"] .image-gallery,
[data-container="page"][data-id="37899144"] .slick-list {
width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
}
#toolset {
display: none;
}
/* XARI DROP SYSTEM 2026 */
:root {
--xari-ink: #0d0d0d;
--xari-paper: #f7f7f5;
--xari-accent: #C4BCDA;
--xari-rule: rgba(13, 13, 13, 0.18);
--xari-max: 1280px;
}
html {
scroll-behavior: smooth;
}
body,
.page_background {
background-color: var(--xari-paper) !important;
color: var(--xari-ink) !important;
}
* {
box-sizing: border-box;
}
a {
color: inherit;
transition: opacity 180ms ease, color 180ms ease, background-color 180ms ease;
}
a:hover {
opacity: 0.58;
}
::selection {
background: var(--xari-accent);
color: var(--xari-ink);
}
/* HEADER + MENU */
.pinned_top .content_padding {
padding: 1.75rem 2.5vw !important;
}
.pinned_top img {
width: clamp(58px, 6vw, 82px) !important;
height: auto !important;
}
#site_menu_wrapper {
top: 1.45rem !important;
right: 2.5vw !important;
}
#site_menu_panel_container {
width: min(330px, 84vw) !important;
background: var(--xari-ink) !important;
padding: 1.8rem !important;
}
#site_menu_panel_container a {
color: var(--xari-paper) !important;
display: block;
font-size: 0.95rem !important;
line-height: 1.55 !important;
letter-spacing: 0.02em;
text-transform: uppercase;
}
#site_menu_panel_container a[href="Information-2"] {
font-size: 0 !important;
}
#site_menu_panel_container a[href="Information-2"]::after {
content: "INFO";
font-size: 0.95rem;
}
#site_menu_panel_container a[href="Gallery"],
.x-footer a[href="Gallery"],
.x-footer a[href="/shop"]:empty {
display: none !important;
}
/* FOOTER */
.pinned_bottom .content_padding {
padding: 1.15rem 2.5vw !important;
}
.x-footer .x-container,
.x-footer .links {
display: flex !important;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 0.75rem 1.35rem;
}
.x-footer .links a {
margin: 0 !important;
font-size: 0.64rem !important;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.x-footer .copy {
width: 100%;
margin-top: 0.5rem;
font-size: 0 !important;
text-align: center;
}
.x-footer .copy::after {
content: "© 2026 XARI";
font-size: 0.62rem;
letter-spacing: 0.13em;
}
/* SMALL, OPTIONAL SOUND CONTROL */
#sound_button {
position: fixed !important;
left: 2.5vw !important;
bottom: 1.65rem !important;
margin: 0 !important;
width: auto !important;
height: auto !important;
min-width: 0 !important;
padding: 0.42rem 0.68rem !important;
border: 1px solid var(--xari-rule) !important;
border-radius: 999px !important;
background: rgba(247, 247, 245, 0.9) !important;
font-size: 0.55rem !important;
letter-spacing: 0.12em;
line-height: 1 !important;
z-index: 20;
backdrop-filter: blur(8px);
}
/* HOME / ACTIVE DROP */
[data-container="page"][data-id="37899141"] .content_padding {
padding: 7.5rem clamp(1.25rem, 5vw, 5rem) 7rem !important;
}
[data-container="page"][data-id="37899141"] .page_content > [grid-row]:first-child {
display: none !important;
}
[data-container="page"][data-id="37899141"] .page_content > [grid-row]:nth-child(2) {
width: 100%;
max-width: 1160px;
min-height: calc(100vh - 14.5rem);
margin: 0 auto;
display: grid !important;
grid-template-columns: minmax(260px, 0.82fr) minmax(360px, 1.18fr);
align-items: center;
gap: clamp(2.5rem, 7vw, 7rem);
}
[data-container="page"][data-id="37899141"] .page_content > [grid-row]:nth-child(2) > [grid-col] {
width: auto !important;
padding: 0 !important;
float: none !important;
}
[data-container="page"][data-id="37899141"] .page_content > [grid-row]:nth-child(2) > [grid-col]:nth-child(3) {
display: none !important;
}
[data-container="page"][data-id="37899141"] .page_content > [grid-row]:nth-child(2) > [grid-col]:first-child,
[data-container="page"][data-id="37899141"] .page_content > [grid-row]:nth-child(2) > [grid-col]:first-child div {
text-align: left !important;
}
[data-container="page"][data-id="37899141"] h1 {
max-width: 8ch;
margin: 0.35rem 0 1rem !important;
font-size: clamp(2.7rem, 5.7vw, 5.8rem) !important;
line-height: 0.94 !important;
letter-spacing: -0.055em;
}
[data-container="page"][data-id="37899141"] h2 {
font-size: 0.72rem !important;
line-height: 1.2 !important;
letter-spacing: 0.15em;
text-transform: uppercase;
}
[data-container="page"][data-id="37899141"] .x-new,
[data-container="page"][data-id="37899141"] .x-new a {
color: #756b93 !important;
}
[data-container="page"][data-id="37899141"] .x-price a {
display: inline-flex;
align-items: center;
padding: 0.78rem 0.95rem;
background: var(--xari-ink);
color: var(--xari-paper) !important;
border: 1px solid var(--xari-ink);
}
[data-container="page"][data-id="37899141"] .x-price a::after {
content: " / VIEW";
margin-left: 0.3rem;
}
[data-container="page"][data-id="37899141"] .x-price a:hover {
opacity: 1;
background: var(--xari-accent);
color: var(--xari-ink) !important;
}
[data-container="page"][data-id="37899141"] .x-image-link {
display: block;
width: 100%;
}
[data-container="page"][data-id="37899141"] .x-image-link img {
display: block;
width: 100% !important;
max-width: 680px !important;
height: auto !important;
margin: 0 auto;
}
/* REUSABLE PRODUCT TEMPLATE */
[data-container="page"][data-id="37899142"] .content_padding {
padding: 7.5rem clamp(1.25rem, 5vw, 5rem) 7.5rem !important;
}
[data-container="page"][data-id="37899142"] .page_content > [grid-row]:first-child {
display: none !important;
}
[data-container="page"][data-id="37899142"] .page_content > [grid-row]:nth-child(2) {
width: 100%;
max-width: var(--xari-max);
margin: 0 auto;
display: grid !important;
grid-template-columns: minmax(420px, 1.45fr) minmax(320px, 0.7fr);
grid-template-rows: auto auto 1fr;
column-gap: clamp(2.5rem, 6vw, 6rem);
row-gap: 1.5rem;
align-items: start;
}
[data-container="page"][data-id="37899142"] .page_content > [grid-row]:nth-child(2) > [grid-col] {
width: auto !important;
padding: 0 !important;
float: none !important;
}
[data-container="page"][data-id="37899142"] .page_content > [grid-row]:nth-child(2) > [grid-col]:nth-child(1) {
display: none !important;
}
[data-container="page"][data-id="37899142"] .page_content > [grid-row]:nth-child(2) > [grid-col]:nth-child(2) {
grid-column: 1;
grid-row: 1 / span 3;
}
[data-container="page"][data-id="37899142"] .page_content > [grid-row]:nth-child(2) > [grid-col]:nth-child(3) {
grid-column: 2;
grid-row: 1;
}
[data-container="page"][data-id="37899142"] .page_content > [grid-row]:nth-child(2) > [grid-col]:nth-child(4) {
grid-column: 2;
grid-row: 2;
}
[data-container="page"][data-id="37899142"] .page_content > [grid-row]:nth-child(2) > [grid-col]:nth-child(3),
[data-container="page"][data-id="37899142"] .page_content > [grid-row]:nth-child(2) > [grid-col]:nth-child(3) div {
text-align: left !important;
}
[data-container="page"][data-id="37899142"] h2 {
margin-bottom: 1.15rem !important;
font-size: 0.84rem !important;
line-height: 1.25 !important;
letter-spacing: 0.08em;
}
[data-container="page"][data-id="37899142"] small {
display: block;
max-width: 42ch;
font-size: 0.84rem !important;
line-height: 1.55 !important;
letter-spacing: 0;
}
[data-container="page"][data-id="37899142"] .image-gallery {
width: 100% !important;
}
[data-container="page"][data-id="37899142"] .slick-list {
width: 100% !important;
min-height: min(68vh, 720px);
}
[data-container="page"][data-id="37899142"] .gallery_card_image {
display: flex;
align-items: center;
justify-content: center;
}
[data-container="page"][data-id="37899142"] .gallery_card_image img {
max-width: 100% !important;
max-height: min(68vh, 720px) !important;
object-fit: contain;
}
shop.shop_product {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 0.75rem;
width: 100% !important;
}
shop.shop_product .product_price {
margin: 0 0 1rem !important;
font-size: 1.35rem !important;
letter-spacing: -0.02em;
}
shop.shop_product select.dropdown,
shop.shop_product .button {
width: 100% !important;
min-height: 3.25rem;
margin: 0 !important;
padding: 0 1rem !important;
border: 1px solid var(--xari-ink) !important;
border-radius: 0 !important;
box-shadow: none !important;
font-size: 0.78rem !important;
letter-spacing: 0.06em;
}
shop.shop_product select.dropdown {
background: transparent !important;
color: var(--xari-ink) !important;
}
shop.shop_product .button {
display: flex !important;
align-items: center;
justify-content: center;
background: var(--xari-ink) !important;
color: var(--xari-paper) !important;
text-transform: uppercase;
}
shop.shop_product .button:hover {
opacity: 1 !important;
background: var(--xari-accent) !important;
color: var(--xari-ink) !important;
}
/* ABOUT */
[data-container="page"][data-id="37899144"] .content_padding {
padding: 8rem clamp(1.25rem, 5vw, 5rem) 7.5rem !important;
}
[data-container="page"][data-id="37899144"] .page_content > [grid-row]:first-child,
[data-container="page"][data-id="37899144"] .page_content > [grid-row]:nth-child(3) {
display: none !important;
}
[data-container="page"][data-id="37899144"] .page_content > [grid-row]:nth-child(2) {
width: 100%;
max-width: var(--xari-max);
min-height: calc(100vh - 15rem);
margin: 0 auto;
display: grid !important;
grid-template-columns: 0.65fr 1fr 1.25fr;
gap: clamp(2rem, 5vw, 5rem);
align-items: start;
}
[data-container="page"][data-id="37899144"] .page_content > [grid-row]:nth-child(2) > [grid-col] {
width: auto !important;
padding: 0 !important;
float: none !important;
text-align: left !important;
}
[data-container="page"][data-id="37899144"] h2 {
font-size: 0.78rem !important;
letter-spacing: 0.08em;
}
[data-container="page"][data-id="37899144"] small {
display: block;
font-size: clamp(0.92rem, 1.2vw, 1.05rem) !important;
line-height: 1.65 !important;
letter-spacing: 0;
}
[data-container="page"][data-id="37899144"] .image-gallery,
[data-container="page"][data-id="37899144"] .slick-list,
[data-container="page"][data-id="37899144"] .slick-track,
[data-container="page"][data-id="37899144"] .gallery_card,
[data-container="page"][data-id="37899144"] .gallery_card_image {
min-height: clamp(420px, 62vh, 720px) !important;
}
[data-container="page"][data-id="37899144"] .gallery_card_image img {
width: 100% !important;
height: clamp(420px, 62vh, 720px) !important;
object-fit: cover;
}
/* INFORMATION */
[data-container="page"][data-id="37899145"] .content_padding {
padding: 8rem clamp(1.25rem, 5vw, 5rem) 7.5rem !important;
}
[data-container="page"][data-id="37899145"] .page_content > [grid-col]:first-child,
[data-container="page"][data-id="37899145"] .page_content > [grid-row]:nth-of-type(1) {
display: none !important;
}
[data-container="page"][data-id="37899145"] .page_content > [grid-row]:nth-of-type(2) {
width: 100%;
max-width: 1080px;
margin: 0 auto;
display: grid !important;
grid-template-columns: 0.5fr 1fr 1fr;
gap: clamp(2rem, 5vw, 5rem);
align-items: start;
}
[data-container="page"][data-id="37899145"] .page_content > [grid-row]:nth-of-type(2) > [grid-col] {
width: auto !important;
padding: 0 !important;
float: none !important;
text-align: left !important;
}
[data-container="page"][data-id="37899145"] .page_content > [grid-row]:nth-of-type(2) > [grid-col]:last-child {
display: none !important;
}
[data-container="page"][data-id="37899145"] .page_content div {
text-align: left !important;
}
[data-container="page"][data-id="37899145"] h2 {
font-size: 0.78rem !important;
letter-spacing: 0.1em;
}
[data-container="page"][data-id="37899145"] b {
display: block;
margin-bottom: 0.55rem;
padding-top: 0.85rem;
border-top: 1px solid var(--xari-rule);
font-size: 0.78rem;
letter-spacing: 0.07em;
text-transform: uppercase;
}
[data-container="page"][data-id="37899145"] small {
display: block;
margin-bottom: 1.6rem;
font-size: 0.84rem !important;
line-height: 1.55 !important;
letter-spacing: 0;
}
[data-container="page"][data-id="37899145"] img {
display: none !important;
}
/* RESPONSIVE */
@media (max-width: 760px) {
.pinned_top .content_padding {
padding: 1rem !important;
}
.pinned_top img {
width: 60px !important;
}
#site_menu_wrapper {
top: 0.9rem !important;
right: 1rem !important;
}
#sound_button {
display: none !important;
}
.x-footer .links {
gap: 0.65rem 1rem;
}
[data-container="page"][data-id="37899141"] .content_padding,
[data-container="page"][data-id="37899142"] .content_padding,
[data-container="page"][data-id="37899144"] .content_padding,
[data-container="page"][data-id="37899145"] .content_padding {
padding: 6rem 1rem 4rem !important;
}
[data-container="page"][data-id="37899141"] .page_content > [grid-row]:nth-child(2) {
min-height: auto;
grid-template-columns: 1fr;
gap: 2.25rem;
}
[data-container="page"][data-id="37899141"] h1 {
max-width: 10ch;
font-size: clamp(2.5rem, 13vw, 4.1rem) !important;
}
[data-container="page"][data-id="37899141"] .x-image-link img {
max-width: 100% !important;
}
[data-container="page"][data-id="37899142"] .page_content > [grid-row]:nth-child(2) {
display: grid !important;
grid-template-columns: 1fr;
grid-template-rows: auto;
gap: 1.4rem;
}
[data-container="page"][data-id="37899142"] .page_content > [grid-row]:nth-child(2) > [grid-col]:nth-child(2),
[data-container="page"][data-id="37899142"] .page_content > [grid-row]:nth-child(2) > [grid-col]:nth-child(3),
[data-container="page"][data-id="37899142"] .page_content > [grid-row]:nth-child(2) > [grid-col]:nth-child(4) {
grid-column: 1;
grid-row: auto;
}
[data-container="page"][data-id="37899142"] .slick-list {
min-height: 0;
}
[data-container="page"][data-id="37899142"] .gallery_card_image img {
max-height: none !important;
}
[data-container="page"][data-id="37899144"] .page_content > [grid-row]:nth-child(2),
[data-container="page"][data-id="37899145"] .page_content > [grid-row]:nth-of-type(2) {
min-height: auto;
grid-template-columns: 1fr;
gap: 1.75rem;
}
[data-container="page"][data-id="37899144"] .image-gallery,
[data-container="page"][data-id="37899144"] .slick-list,
[data-container="page"][data-id="37899144"] .slick-track,
[data-container="page"][data-id="37899144"] .gallery_card,
[data-container="page"][data-id="37899144"] .gallery_card_image {
min-height: 440px !important;
}
[data-container="page"][data-id="37899144"] .gallery_card_image img {
height: 440px !important;
}
.pinned_bottom .content_padding {
padding: 1rem !important;
}
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
}
}
body {
background-color: #78c3f3;
color: #000;
}
a:active {
opacity: 0.7;
}
.page a.active {
opacity: .4;
}
i,
em {
font-style: italic;
}
b,
strong {
font-weight: bolder;
}
sub,
sup {
position: relative;
vertical-align: baseline;
}
sub {
top: 0.3em;
}
sup {
top: -0.4em;
}
s {
text-decoration: line-through;
}
img {
border: 0;
padding: 0;
}
ul,
ol {
margin: 0;
padding: 0 0 0 4em;
}
blockquote {
margin: 0;
padding: 0 0 0 2em;
}
hr {
background: rgba(0, 0, 0, 0.4);
border: 0;
height: 1px;
display: block;
}
.content img {
float: none;
margin-bottom: .5em;
}
.gallery_image_caption {
margin-top: 1.2rem;
margin-bottom: 0.5rem;
font-size: 1.3rem;
font-weight: 500;
color: rgba(0, 0, 0, 0.35);
font-family: Diatype, Icons;
font-style: normal;
line-height: 1.2;
}
/**
* Loading Animation
*/
.loading[data-loading] {
position: fixed;
bottom: 8px;
left: 8px;
}
/**
* Editor styles
*/
[data-predefined-style="true"] bodycopy {
font-size: 2rem;
font-weight: 400;
color: rgba(0, 0, 0, 0.85);
font-family: "Monument Grotesk Mono Variable", Icons;
font-style: normal;
line-height: 1.3;
letter-spacing: .1rem;
font-variation-settings: 'slnt' 0, 'MONO' 1;padding: 100;
}
[data-predefined-style="true"] bodycopy a {
color: rgba(0, 0, 0, 0.85);
padding-bottom: 0.1em;
border-bottom: 0.0em solid rgba(127, 127, 127, 0.2);
text-decoration: none;
}
[data-predefined-style="true"] bodycopy a:hover {
}
bodycopy a.image-link,
bodycopy a.icon-link,
bodycopy a.image-link:hover,
bodycopy a.icon-link:hover {
border-bottom: 0;
padding-bottom: 0;
}
[data-predefined-style="true"] h1 {
font-family: "Monument Grotesk Mono Variable", Icons;
padding: 0;
margin: 0;
font-size: 2.5rem;
line-height: 1;
color: rgb(0, 0, 0);
font-style: normal;
font-weight: 500;
font-variation-settings: 'slnt' 0, 'MONO' 1;
}
[data-predefined-style="true"] h1 a {
color: rgba(255, 255, 255, 1);
}
[data-predefined-style="true"] h2 {
font-family: "Diatype Variable", Icons;
font-style: normal;
font-weight: 827;
padding: 0;
margin: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 1rem;
line-height: 1.4;
font-variation-settings: 'slnt' 0, 'MONO' 0;
}
[data-predefined-style="true"] h2 a {
color: rgba(0, 0, 0, 0.85);
}
[data-predefined-style="true"] small {
display: inline-block;
font-size: 1.3rem;
line-height: 1.2;
font-family: "Diatype Variable", Icons;
letter-spacing: 0rem;
font-style: normal;
font-weight: 500;
color: rgba(0, 0, 0, 0.85);
font-variation-settings: 'slnt' 0, 'MONO' 0;
}
[data-predefined-style="true"] small a {
color: rgba(0, 0, 0, 0.85);
border-bottom-width: 0em;
}
/**
* Breakpoints
*/
[data-css-preset] .page {
background-color: initial /*!page_bgcolor*/;
}
.mobile .page,
[data-css-preset].mobile .page {
position: relative;
min-height: 10px;
max-width: 100%;
width: 100%;
background-color: transparent /*!page_bgcolor*/;
}
[data-css-preset] .container {
margin-left: auto /*!content_center*/;
margin-right: auto /*!content_center*/;
text-align: left /*!text_left*/;
padding: 100;
}
[data-css-preset] body {
background-color: rgb(255, 255, 255) /*!body_bgcolor*/;
}
[data-css-preset] .container_width {
width: 100% /*!content_center*/;
}
[data-css-preset] .content_padding {
padding-top: 0rem /*!main_margin*/;
padding-bottom: 0rem /*!main_margin*/;
padding-left: 0rem /*!main_margin*/;
padding-right: 0rem /*!main_margin*/;
}
/**
* Thumbnails
*/
div[thumbnails] {
justify-content: flex-start;
}
[data-css-preset] .thumbnails {
background-color: transparent/*!thumbnails_bgcolor*/;
}
[data-css-preset] .thumbnails_width {
width: 100%/*!thumbnails_width*/;
}
[data-css-preset] [thumbnails-pad] {
padding: 1rem/*!thumbnails_padding*/;
}
[data-css-preset] [thumbnails-gutter] {
margin: -2rem/*!thumbnails_padding*/;
}
[data-css-preset] [responsive-layout] [thumbnails-pad] {
padding: 0.5rem/*!responsive_thumbnails_padding*/;
}
[data-css-preset] [responsive-layout] [thumbnails-gutter] {
margin: -1rem/*!responsive_thumbnails_padding*/;
}
.thumbnails .thumb_image {
outline: 0px solid rgba(0,0,0,.12);
outline-offset: -1px;
}
.thumbnails .title {
margin-top: 1.2rem;
margin-bottom: 0.4rem;
font-size: 1.6rem;
font-weight: 400;
color: rgba(0, 0, 0, 0.85);
font-family: "Monument Grotesk Mono", Icons;
font-style: normal;
line-height: 1.3;
}
.thumbnails .tags {
margin-top: 1.2rem;
margin-bottom: 0.5rem;
font-size: 1.3rem;
font-weight: 500;
color: rgba(0, 0, 0, 0.35);
font-family: Diatype, Icons;
font-style: normal;
line-height: 1.2;
}
.thumbnails .tags a {
border-bottom: 0;
color: rgba(0, 0, 0, 0.35);
text-decoration: none;
}
.thumbnails .has_title .tags {
margin-top: 0rem;
}
/**
* Site Menu Button
*/
[data-css-preset] #site_menu_button {
color: rgba(0, 0, 0, 0.75);
line-height: 1;
font-size: 28px /*!site_menu_button*/;
padding: 6px;
line-height: 1;
background: rgba(33, 32, 46, 0);
position: fixed;
top: 2rem /*!site_menu_button*/;
right: 2rem /*!site_menu_button*/;
}
body.mobile #site_menu_button {
margin: -6px;
font-size: 34px;
}
#site_menu_button.custom_icon {
width: 40px;
height: auto;
}
#site_menu_button.active {
display: none;
}
/**
* Site Menu
*/
#site_menu {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
background: rgba(20, 20, 20, 0.95);
font-size: 20px;
font-style: normal;
font-weight: 400;
padding: 20px 30px 90px 30px;
max-width: 400px;
min-width: 300px;
text-align: left;
display: flex;
justify-content: flex-start;
}
body.mobile #site_menu {
width: 100%;
}
#site_menu .page-link a {
color: rgba(255, 255, 255, 0.75);
}
#site_menu .set-link > a {
color: rgba(255, 255, 255, 0.75);
font-weight: bold;
}
#site_menu a:active {
opacity: .7;
}
#site_menu a.active {
opacity: .4;
}
#site_menu .close {
display: none;
color: rgba(255, 255, 255, 0.4);
line-height: .85em;
font-size: 45px;
}
body.mobile #site_menu .close {
display: block;
font-size: 50px;
line-height: 1em;
}
#site_menu .break {
height: 28px;
}
#site_menu .indent {
margin-left: 28px;
}
/* Shop Button */
[data-css-preset] #shop_button {
color: rgba(0, 0, 0, 0.85);
background: transparent;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 1;
position: fixed;
padding: 6px;
top: 2rem /*!shop_button*/;
right: 2rem /*!shop_button*/;
}
#shop_button.text {
font-family: "Monument Grotesk Mono", Icons;
font-size: 2rem;
padding: 0;
font-weight: 400;
color: rgba(0, 0, 0, 0.85);
}
#shop_button.custom_icon {
width: 40px;
height: auto;
}
body.mobile #shop_button:not(.text) {
margin: -6px;
font-size: 36px;
}
/*
* Shop Product Widget
*/
.shop_product {
width: 100%;
max-width: 22rem;
position: relative;
display: block;
}
.shop_product .price {
font-family: "Monument Grotesk Mono", Icons;
font-size: 1.6rem;
line-height: 1;
color: rgba(0, 0, 0, 0.85);
display: block;
margin-bottom: 1rem;
}
.shop_product .dropdown {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
font-size: 1.4rem;
display: inline-block;
width: 100%;
border: 1px solid rgba(0,0,0,.2);
background: white url(https://static.cargo.site/assets/images/select-line-arrows.svg) no-repeat right;
margin-bottom: 1rem;
line-height: 1.2;
padding: .7rem 2.5rem .8rem 1rem;
font-style: normal;
font-weight: 400;
}
.shop_product .button {
font-family: "Monument Grotesk Mono", Icons;
font-size: 1.4rem;
background: rgba(0, 0, 0, 0.7);
color: rgba(255,255,255,1);
flex: 0 0 50%;
text-align: left;
display: inline-block;
line-height: 1;
padding: .8rem 1rem;
}
/*
* Image Zoom
*/
.content img.image-zoom:active {
opacity: .7;
}
/*
* Shop Product Widget
*/
.shop_product {
width: 100%;
max-width: 22rem;
position: relative;
display: block;
white-space: nowrap;
}
.shop_product .price {
font-family: "Monument Grotesk Mono", Icons;
font-size: 1.6rem;
line-height: 1;
color: rgba(0, 0, 0, 0.85);
display: block;
margin-bottom: 1rem;
}
.shop_product .dropdown {
font-size: 1.0rem;
background: #e1e1e1 url(https://static.cargo.site/assets/images/select-line-arrows.svg) no-repeat right 1rem center;
background-size: 10px;
border: 1px solid rgba(0,0,0,0.7);
padding: 0.8rem 2.5rem 0.8rem 1rem;
line-height: 1.2;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
height: 56px; /* aligns with button */
width: 100%; /* half-half */
display: inline-block;
vertical-align: top;
box-sizing: border-box;
}
.shop_product .button {
font-size: 1.0rem;
background: #000;
color: #fff;
text-align: center;
line-height: 1.2;
padding: 0.8rem 1rem;
height: 56px; /* same as dropdown */
transition: all 0.2s ease-in-out;
width: 55%;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
}
/*
* Image Zoom
*/
.content img.image-zoom:active {
opacity: .7;
}
/**
* Quick View
*/
[data-css-preset] .quick-view {
padding-top: 2.5rem /*!quick_view_padding*/;
padding-bottom: 2.5rem /*!quick_view_padding*/;
padding-left: 2.5rem /*!quick_view_padding*/;
padding-right: 2.5rem /*!quick_view_padding*/;
height: 100% /*!quick_view_height*/;
width: 100% /*!quick_view_width*/;
}
body.mobile .quick-view {
width: 100%;
height: 100%;
margin: 0;
}
[data-css-preset] .quick-view-background {
background: rgba(0, 0, 0, 0.8) /*!quick_view_bgcolor*/;
}
.quick-view-caption {
font-family: Diatype, Icons;
transition: 100ms opacity ease-in-out;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 3.5rem 0;
text-align: center;
font-size: 1.4rem;
font-style: normal;
font-weight: 500;
line-height: 1.3;
}
.quick-view-caption span {
padding: 0.5rem 1rem;
display: inline-block;
background: rgba(0,0,0,0.5);
color: white;
}
/**
* Quick View Navigation
*/
.quick-view-navigation .left-arrow {
left: 10px;
}
.quick-view-navigation .right-arrow {
right: 10px;
}
.quick-view-navigation .left-arrow,
.quick-view-navigation .right-arrow {
/* Change height/width together to scale */
height: 36px;
width: 36px;
}
.quick-view-navigation .left-arrow .inner-color,
.quick-view-navigation .right-arrow .inner-color {
stroke: #fff;
stroke-width: 0px;
}
.quick-view-navigation .left-arrow .outer-color,
.quick-view-navigation .right-arrow .outer-color {
stroke: rgba(0, 0, 0, 0.85);
stroke-width: 2px;
}
.quick-view-navigation .close-button {
top: 10px;
right: 10px;
/* Change height/width together to scale */
width: 36px;
height: 36px;
}
.quick-view-navigation .close-button .inner-color {
stroke: #fff;
stroke-width: 0px;
}
.quick-view-navigation .close-button .outer-color {
stroke: rgba(0, 0, 0, 0.85);
stroke-width: 2px;
}
/**
* Image Gallery Navigation Arrows
*/
.image-gallery-navigation .left-arrow,
.image-gallery-navigation .right-arrow {
/* Change height/width together to scale */
height: 36px;
width: 36px;
}
.image-gallery-navigation .left-arrow .inner-color,
.image-gallery-navigation .right-arrow .inner-color {
stroke: #fff;
stroke-width: 2px;
}
.image-gallery-navigation .left-arrow .outer-color,
.image-gallery-navigation .right-arrow .outer-color {
stroke: rgba(0, 0, 0, 0.6);
stroke-width: 3px;
}
/**
* Wallpaper Backdrop Navigation Arrows
*/
.wallpaper-navigation .left-arrow,
.wallpaper-navigation .right-arrow {
/* Change height/width together to scale */
width: 36px;
height: 36px;
}
.wallpaper-navigation .left-arrow .inner-color,
.wallpaper-navigation .right-arrow .inner-color {
stroke: #fff;
stroke-width: 2px;
}
.wallpaper-navigation .left-arrow .outer-color,
.wallpaper-navigation .right-arrow .outer-color {
stroke: rgba(0, 0, 0, 0.6);
stroke-width: 3px;
}
/**
* Feed
*/
.feed .content_container .page {
border-top: 0px dashed rgba(0, 0, 0, 0.2);
}
.feed .content_container .page_container:first-child .page {
border-top: 0;
}
/*
* Audio Player
*/
.audio-player {
max-width: 36rem;
height: 3.3rem;
outline: 1px solid rgba(0,0,0,0.15);
color: rgba(0, 0, 0, 0.6);
background: #fff;
font-size: 1.4rem;
line-height: 1.3;
font-family: "Monument Grotesk Mono", Icons;
font-style: normal;
font-weight: 400;
text-align: left;
margin: 1px 1px 1em 1px;
}
body.mobile .audio-player {
max-width: 100%;
}
.audio-player .separator {
width: 1px;
background-color: rgba(0,0,0,0.15);
}
.audio-player .button {
background: transparent;
cursor: pointer;
fill: rgba(0, 0, 0, 0.85);
}
.audio-player .icon {
fill: rgba(0, 0, 0, 0.85);
padding: 30%;
width: 100%;
margin: auto;
}
.audio-player .buffer {
background: rgba(0,0,0,0.03);
}
.audio-player .progress {
background: rgba(0,0,0,0.1);
}
.audio-player .progress-indicator {
border: 1px solid rgba(0, 0, 0, 0.7);
width: 1px;
height: 100%;
right: 0;
position: absolute;
cursor: ew-resize;
}
.audio-player .note-icon {
height: 100%;
width: 3.8rem;
padding: 1rem;
fill: rgba(0, 0, 0, 0.5);
}
.audio-player .current-time {
padding-left: 1rem;
}
.audio-player .total-time {
padding-right: 1rem;
}
.shop_product .button:hover {
border-color: #000;
outline: none;
transform: scale(1.02);
transition: all 0.2s ease-in-out;
}
@media (max-width: 768px) {
.shop_product {
max-width: 100%;
text-align: center;
}
.shop_product .dropdown,
.shop_product .button {
width: 90%;
display: block;
margin: 0 auto 1rem auto;
}
}
.content img:hover {
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease;
}
/* XARI — Drop Grid Styling with Hover Block */
.x-drop-grid {
align-items: center;
text-align: center;
margin: 80px auto;
width: min(100% - 60px, 1100px);
}
.x-drop-info small {
font-size: 12px;
letter-spacing: 0.06em;
text-transform: uppercase;
line-height: 1.8;
color: var(--x-ink);
}
.x-drop-info strong {
font-weight: 600;
font-size: 13px;
}
.x-drop-info .x-price {
font-family: ui-monospace, Menlo, Consolas, monospace;
color: var(--x-ink);
}
/* Image hover effect */
.x-image-link {
position: relative;
display: inline-block;
transition: all 0.25s ease;
}
.x-image-link::before {
content: "";
position: absolute;
inset: 0;
background: var(--x-lav); /* change to var(--x-mul) or var(--x-blue) */
opacity: 0;
transition: opacity 0.3s ease;
z-index: 1;
}
.x-image-link:hover::before {
opacity: 0.3;
}
.x-image-link img {
position: relative;
z-index: 2;
transition: transform 0.35s ease;
}
.x-image-link:hover img {
transform: scale(1.02);
}
/* 'NEW' label */
.x-new {
color: var(--x-mul);
font-weight: 600;
}
/* Responsive */
@media (max-width: 900px) {
.x-drop-grid { margin: 60px auto; }
.x-drop-info small { font-size: 11px; }
}
@media (max-width: 600px) {
.x-drop-grid {
text-align: center;
}
.x-drop-info {
text-align: center !important;
margin-bottom: 10px;
}
}
/* XARI — footer styling */
.x-footer {
margin-top: auto;
border-top: 1px solid var(--x-line);
background: var(--x-egret);
padding: 32px 0 24px;
text-align: center;
font-size: 12px;
color: var(--x-muted);
}
.x-footer .links {
margin-bottom: 10px;
letter-spacing: 0.08em;
}
.x-footer .links a {
position: relative;
margin: 0 10px;
text-transform: lowercase;
transition: color .2s ease;
}
/* hover block effect for footer links */
.x-footer .links a::before {
content: "";
position: absolute;
inset: 0;
background: var(--x-lav); /* change to var(--x-mul) or var(--x-blue) */
z-index: -1;
transform: scaleY(0);
transform-origin: bottom;
transition: transform .25s ease;
}
.x-footer .links a:hover::before {
transform: scaleY(1);
}
.x-footer .links a:hover {
color: #f27979;
}
#sound_button {
position: fixed;
left: 50%;
bottom: 24px;
transform: translateX(-50%);
display: flex;
align-items: center;
justify-content: center;
padding: 0 28px; /* new horizontal padding */
height: 46px; /* slightly taller */
border: 1.8px solid var(--x-ink);
border-radius: 999px;
background: transparent;
color: var(--x-ink);
font-size: 12px;
letter-spacing: 0.08em;
font-family: "Helvetica Neue","IBM Plex Sans","Monument Grotesk",sans-serif;
text-transform: uppercase;
cursor: pointer;
z-index: 9999;
transition: all 0.25s ease;
}
#sound_button:hover {
background: var(--x-lav);
border-color: var(--x-lav);
color: #f00;
transform: translateX(-50%) scale(1.02);
}
#sound_button:active {
transform: translateX(-50%) scale(0.98);
}
@media (max-width: 600px) {
#sound_button {
bottom: 18px;
padding: 0 28px;
height: 42px;
font-size: 11px;
}
}
/* XARI REUSABLE DRAFT GALLERY FIT */
.xari-draft-product .xari-draft-gallery figure {
min-width: 0 !important;
min-height: 0 !important;
}
.xari-draft-product .xari-draft-gallery img {
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: contain !important;
object-position: center !important;
display: block !important;
}
/* XARI LINKED SOLD-OUT PRODUCT CARDS */
.xari-product-card.is-coming[href] {
pointer-events: auto !important;
cursor: pointer !important;
}
.xari-product-card.is-coming[href]:focus-visible {
outline: 1px solid #111;
outline-offset: -1px;
}
/* XARI RELATED PRODUCTS */
.xari-related-products {
margin: 96px 16px 0;
padding-top: 14px;
border-top: 1px solid rgba(17, 17, 17, 0.85);
}
.xari-related-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin: 0 0 14px;
color: #111;
font-size: 9px;
line-height: 1.2;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.xari-related-header span:last-child {
color: rgba(17, 17, 17, 0.55);
}
.xari-related-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
border-top: 1px solid rgba(17, 17, 17, 0.85);
border-left: 1px solid rgba(17, 17, 17, 0.85);
}
.xari-related-card {
min-width: 0;
color: #111 !important;
text-decoration: none !important;
border-right: 1px solid rgba(17, 17, 17, 0.85);
border-bottom: 1px solid rgba(17, 17, 17, 0.85);
}
.xari-related-visual {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
aspect-ratio: 4 / 5;
overflow: hidden;
background: #f4f4f1;
}
.xari-related-visual img {
width: 86% !important;
height: 86% !important;
max-width: 86% !important;
max-height: 86% !important;
object-fit: contain !important;
object-position: center !important;
}
.xari-related-placeholder {
align-items: flex-start;
justify-content: flex-start;
padding: 14px;
box-sizing: border-box;
color: rgba(17, 17, 17, 0.62);
font-size: 9px;
letter-spacing: 0.12em;
}
.xari-related-meta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
min-height: 44px;
padding: 10px 12px;
box-sizing: border-box;
border-top: 1px solid rgba(17, 17, 17, 0.85);
font-size: 9px;
line-height: 1.25;
letter-spacing: 0.08em;
text-transform: uppercase;
transition: background-color 180ms ease;
}
.xari-related-meta span:last-child {
flex: 0 0 auto;
color: rgba(17, 17, 17, 0.58);
}
.xari-related-card:hover .xari-related-meta {
background: #ecece8;
}
.xari-related-card:focus-visible {
outline: 1px solid #111;
outline-offset: -2px;
}
@media (max-width: 760px) {
.xari-related-products {
margin: 64px 12px 0;
}
.xari-related-grid {
grid-template-columns: 1fr;
}
.xari-related-meta {
min-height: 42px;
}
}
/* XARI PRODUCTS PAGE SINGLE GRID */
html body [data-container="page"][data-id="37899161"] .xari-shop {
display: block !important;
}
html body [data-container="content"][data-id="37899161"] .xari-shop {
display: block !important;
}
html body [data-container="page"][data-id="37899161"] .page_content > .xari-shop:first-child {
display: block !important;
}
/* XARI DROP-READY SYSTEM — 2026-08-21 */
body.animate-left {
transform: none !important;
}
body.animate-left #following-overlay {
transform: none !important;
}
/* Existing product images used consistently across cards */
a[href="/XARI-THERMAL-1"] .xari-product-placeholder,
a[href="/XARI-THERMAL-1"] .xari-related-placeholder {
background-color: #f1f1ee !important;
background-image: url("https://freight.cargo.site/w/1122/i/974a9b2f91eff79260daa21dbd07fd4fa245367b74a3bff6a679e7e0b745901f/front-thermsl.png") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;
}
a[href="/XARI-WIDE-LEG-SWEATPANTS"] .xari-product-placeholder,
a[href="/XARI-WIDE-LEG-SWEATPANTS"] .xari-related-placeholder {
background-color: #f1f1ee !important;
background-image: url("https://freight.cargo.site/w/1023/i/0b66ad63b32ea606ab13ae5e3a33a9eed787f715a320bda11f259fbc034c0031/xarisweartssd-prodsod.png") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;
}
a[href="/XARI-THERMAL-1"] .xari-product-placeholder > span,
a[href="/XARI-THERMAL-1"] .xari-related-placeholder > span,
a[href="/XARI-WIDE-LEG-SWEATPANTS"] .xari-product-placeholder > span,
a[href="/XARI-WIDE-LEG-SWEATPANTS"] .xari-related-placeholder > span {
display: none !important;
}
/* Shared header for unreleased product pages */
[local-style="38563115"] .content_padding,
[local-style="38563117"] .content_padding,
[local-style="38562958"] .content_padding {
padding-top: 0rem /*!main_margin*/;
padding-bottom: 0rem /*!main_margin*/;
padding-left: 0rem /*!main_margin*/;
padding-right: 0rem /*!main_margin*/;
}
#site_menu_wrapper {
position: fixed !important;
inset: 0 0 auto 0 !important;
height: 68px !important;
z-index: 302 !important;
pointer-events: none;
}
#site_menu_button {
position: fixed !important;
top: 24px !important;
right: 26px !important;
pointer-events: auto;
}
.xari-private-header {
position: fixed;
inset: 0 0 auto 0;
z-index: 300;
height: 68px;
padding: 9px 72px 9px 24px;
box-sizing: border-box;
display: flex;
align-items: center;
background: #f7f7f4;
border-bottom: 1px solid #171717;
}
.xari-private-logo {
display: inline-flex;
align-items: center;
width: 50px;
height: 50px;
}
.xari-private-logo img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.xari-private-cart {
position: absolute;
right: 70px;
top: 22px;
width: 23px;
height: 25px;
color: #111;
}
.xari-private-cart-icon {
position: absolute;
left: 1px;
bottom: 1px;
width: 19px;
height: 16px;
box-sizing: border-box;
border: 1px solid currentColor;
}
.xari-private-cart-icon:before {
content: "";
position: absolute;
left: 5px;
top: -7px;
width: 7px;
height: 7px;
box-sizing: border-box;
border: 1px solid currentColor;
border-bottom: 0;
border-radius: 5px 5px 0 0;
}
.xari-private-cart cartcount {
position: absolute;
left: 26px;
top: 3px;
font-size: 8px;
}
.xari-private-product {
min-height: 100vh;
padding-top: 68px;
background: #f7f7f4;
color: #111;
box-sizing: border-box;
}
.xari-private-kicker {
padding: 11px 24px;
border-bottom: 1px solid #171717;
font-size: 9px;
letter-spacing: .12em;
text-transform: uppercase;
}
.xari-private-layout {
display: grid;
grid-template-columns: minmax(0, 58%) minmax(340px, 42%);
border-bottom: 1px solid #171717;
}
.xari-private-gallery {
min-height: 70vh;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: stretch;
border-right: 1px solid #171717;
background: #efefec;
}
.xari-private-gallery figure {
min-width: 0;
min-height: 70vh;
margin: 0;
padding: 26px 12px;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
.xari-private-gallery figure + figure {
border-left: 1px solid rgba(17,17,17,.22);
}
.xari-private-gallery img {
display: block;
width: 100%;
height: 100%;
max-height: 72vh;
object-fit: contain;
object-position: center;
}
.xari-private-image-placeholder {
grid-column: 1 / -1;
min-height: 70vh;
display: grid;
place-items: center;
color: rgba(17,17,17,.48);
font-size: 10px;
letter-spacing: .12em;
text-align: center;
}
.xari-private-info {
padding: clamp(34px, 5vw, 84px) clamp(24px, 4vw, 64px);
box-sizing: border-box;
}
.xari-private-overline,
.xari-private-status {
font-size: 9px;
letter-spacing: .12em;
text-transform: uppercase;
}
.xari-private-info h1 {
margin: 52px 0 28px;
max-width: 10ch;
font-size: clamp(34px, 4.2vw, 68px);
line-height: .91;
letter-spacing: -.055em;
text-transform: uppercase;
}
.xari-private-description {
max-width: 56ch;
margin: 0 0 42px;
font-size: 12px;
line-height: 1.55;
}
.xari-private-specs {
border-top: 1px solid #171717;
}
.xari-private-specs div {
display: flex;
justify-content: space-between;
gap: 20px;
padding: 10px 0;
border-bottom: 1px solid rgba(17,17,17,.22);
font-size: 9px;
letter-spacing: .08em;
text-transform: uppercase;
}
.xari-private-status {
margin-top: 34px;
}
/* Policy page */
.xari-policy-page {
max-width: 1180px;
margin: 0 auto;
padding: 150px 32px 110px;
box-sizing: border-box;
}
.xari-policy-intro {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 48px;
padding-bottom: 48px;
border-bottom: 1px solid #171717;
}
.xari-policy-intro h1 {
margin: 0;
font-size: clamp(44px, 8vw, 110px);
line-height: .85;
letter-spacing: -.06em;
}
.xari-policy-intro p {
max-width: 58ch;
margin: 4px 0 0;
font-size: 12px;
line-height: 1.6;
}
.xari-policy-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0,1fr));
border-left: 1px solid #171717;
}
.xari-policy-block {
min-height: 210px;
padding: 28px;
border-right: 1px solid #171717;
border-bottom: 1px solid #171717;
box-sizing: border-box;
}
.xari-policy-block h2 {
margin: 0 0 34px;
font-size: 11px;
letter-spacing: .1em;
text-transform: uppercase;
}
.xari-policy-block p {
max-width: 56ch;
margin: 0;
font-size: 11px;
line-height: 1.6;
}
.xari-contact-button {
display: inline-flex;
margin-top: 26px;
padding: 13px 18px;
border: 1px solid #171717;
font-size: 9px;
letter-spacing: .12em;
text-transform: uppercase;
transition: background .2s ease, color .2s ease;
}
.xari-contact-button:hover {
background: #171717;
color: #fff;
}
/* Phone-size refinement */
@media (max-width: 767px) {
body.animate-left {
transform: none !important;
}
.xari-private-header {
height: 60px;
padding: 8px 60px 8px 14px;
}
.xari-private-logo {
width: 42px;
height: 42px;
}
.xari-private-cart {
right: 54px;
top: 18px;
}
#site_menu_wrapper {
height: 60px !important;
}
#site_menu_button {
top: 20px !important;
right: 16px !important;
}
.xari-private-product {
padding-top: 60px;
}
.xari-private-kicker {
padding: 10px 14px;
}
.xari-private-layout {
display: block;
}
.xari-private-gallery {
min-height: 0;
grid-template-columns: 1fr;
border-right: 0;
border-bottom: 1px solid #171717;
}
.xari-private-gallery figure {
min-height: 76vw;
padding: 16px 10px;
}
.xari-private-gallery figure + figure {
border-left: 0;
border-top: 1px solid rgba(17,17,17,.22);
}
.xari-private-gallery img {
max-height: 82vw;
}
.xari-private-image-placeholder {
min-height: 78vw;
}
.xari-private-info {
padding: 42px 18px 54px;
}
.xari-private-info h1 {
margin: 34px 0 22px;
max-width: 12ch;
font-size: clamp(38px, 13vw, 58px);
}
.xari-private-description {
font-size: 11px;
}
.xari-private-specs div {
align-items: flex-start;
font-size: 8px;
}
.xari-policy-page {
padding: 104px 14px 70px;
}
.xari-policy-intro {
grid-template-columns: 1fr;
gap: 28px;
padding-bottom: 32px;
}
.xari-policy-grid {
grid-template-columns: 1fr;
}
.xari-policy-block {
min-height: 0;
padding: 24px 18px 28px;
}
.xari-policy-block h2 {
margin-bottom: 22px;
}
.xari-home-products .xari-product-grid,
.xari-products-page .xari-product-grid,
.xari-related-grid {
grid-template-columns: 1fr !important;
}
}
/* XARI FINAL HEADER + CONTACT ALIGNMENT */
html body [data-id="37899140"] .content_padding {
height: 68px !important;
min-height: 0 !important;
padding: 9px 24px !important;
}
html body [data-id="37899140"] .page_content {
height: 50px !important;
min-height: 50px !important;
}
html body [data-id="37899140"] img {
width: 50px !important;
height: 50px !important;
object-fit: contain !important;
}
.xari-policy-block a[href="contact-form"] {
display: inline-flex;
margin-top: 26px;
padding: 13px 18px;
border: 1px solid #171717;
font-size: 9px;
letter-spacing: .12em;
text-transform: uppercase;
transition: background .2s ease, color .2s ease;
}
.xari-policy-block a[href="contact-form"]:hover {
background: #171717;
color: #fff;
}
@media (max-width: 767px) {
html body [data-id="37899140"] .content_padding {
height: 60px !important;
padding: 8px 14px !important;
}
html body [data-id="37899140"] .page_content {
height: 44px !important;
min-height: 44px !important;
}
html body [data-id="37899140"] img {
width: 42px !important;
height: 42px !important;
}
}
/* EXACT PRODUCT-HEADER ALIGNMENT */
html body [data-id="37899140"] .page_content {
position: relative !important;
}
html body [data-id="37899140"] a.image-link {
position: absolute !important;
left: 0 !important;
top: 0 !important;
width: 50px !important;
height: 50px !important;
}
html body [data-id="37899140"] a.image-link img {
width: 50px !important;
height: 50px !important;
max-width: 50px !important;
}
html { scrollbar-gutter: stable; }
@media (max-width: 767px) {
html body [data-id="37899140"] a.image-link,
html body [data-id="37899140"] a.image-link img {
width: 42px !important;
height: 42px !important;
max-width: 42px !important;
}
}
/* FIXED HEADER CONTROL POSITIONS */
html body [data-id="37899140"] a.image-link {
position: fixed !important;
left: 24px !important;
top: 9px !important;
z-index: 301 !important;
}
html body [data-id="37899140"] a.icon-link {
position: fixed !important;
right: 70px !important;
top: 22px !important;
z-index: 301 !important;
}
@media (max-width: 767px) {
html body [data-id="37899140"] a.image-link {
left: 14px !important;
top: 8px !important;
}
html body [data-id="37899140"] a.icon-link {
right: 54px !important;
top: 18px !important;
}
}
/* XARI MENU + CART INTERACTION FIX — 2026-08-21 */
#site_menu_panel_container {
width: auto !important;
height: auto !important;
padding: 0 !important;
background: transparent !important;
pointer-events: auto !important;
}
#site_menu_panel {
pointer-events: auto !important;
}
#site_menu {
width: min(330px, 84vw) !important;
min-width: 0 !important;
max-width: none !important;
height: 100vh !important;
padding: 28px !important;
box-sizing: border-box !important;
}
#site_menu .close {
display: block !important;
position: absolute !important;
top: 16px !important;
right: 20px !important;
z-index: 12 !important;
font-size: 42px !important;
line-height: 1 !important;
color: rgba(255, 255, 255, 0.72) !important;
}
#following-container {
position: fixed !important;
inset: 0 0 0 auto !important;
z-index: 2147483638 !important;
}
#following-container.animate-left,
#following-container.animate-left #following-frame {
animation: none !important;
transform: none !important;
}
/* XARI SITEWIDE PRODUCT IMAGE FIT — 2026-08-21 */
.xari-product-visual,
.xari-related-visual {
width: 100% !important;
aspect-ratio: 4 / 5 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
overflow: hidden !important;
}
.xari-product-visual img,
.xari-related-visual img {
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
padding: clamp(12px, 1.5vw, 22px) !important;
box-sizing: border-box !important;
object-fit: contain !important;
object-position: center !important;
}
.xari-product-placeholder,
.xari-related-placeholder {
background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;
}
.xari-private-gallery figure {
overflow: hidden !important;
}
.xari-private-gallery img {
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
object-fit: contain !important;
object-position: center !important;
}
@media (max-width: 767px) {
.xari-product-visual,
.xari-related-visual {
aspect-ratio: 4 / 5 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
}
.xari-product-visual img,
.xari-related-visual img {
padding: 14px !important;
}
}
/* XARI SWEATPANTS CARD FIT — 2026-08-21 */
a[href="/XARI-WIDE-LEG-SWEATPANTS"] .xari-product-placeholder,
a[href="/XARI-WIDE-LEG-SWEATPANTS"] .xari-related-placeholder {
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
/* XARI BLACK SWEATPANTS — ALL PRODUCT CARDS 2026-08-21 */
a[href="/XARI-WIDE-LEG-SWEATPANTS"] .xari-product-placeholder,
a[href="/XARI-WIDE-LEG-SWEATPANTS"] .xari-related-placeholder {
background-image: url("https://freight.cargo.site/w/1122/i/a7349b46cd6268eb6ebb346f878294fad8f351ccdc817ea2831e6dcd7ed5e105/xari-balck-sweatds.png") !important;
background-size: contain !important;
background-position: center !important;
background-repeat: no-repeat !important;
}