/*
Theme Name: ATOMI SHINE Rebuild
Theme URI: https://608254.yunge.org/
Author: ATOMI SHINE
Description: Source-faithful WooCommerce theme for the ATOMI SHINE storefront.
Version: 1.0.0
Text Domain: atomishine
*/

:root {
	--atomi-bg: #ffffff;
	--atomi-warm: #efeee9;
	--atomi-ink: #151515;
	--atomi-muted: #77756f;
	--atomi-line: #deddd8;
	--atomi-red: #e52323;
	--atomi-space: clamp(54px, 7.5vw, 108px);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--atomi-bg); color: var(--atomi-ink); font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5; }
body.atomi-lock { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; height: auto; }
button, input, select, textarea { border-radius: 0; font: inherit; }
button, .button { cursor: pointer; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.atomi-shell { width: min(100% - 64px, 1376px); margin-inline: auto; }
.atomi-section { padding-block: var(--atomi-space); }
.atomi-section-title { margin: 0 0 36px; font-size: 20px; font-weight: 700; letter-spacing: .01em; text-align: center; }
.atomi-button { display: inline-flex; min-height: 39px; align-items: center; justify-content: center; padding: 10px 28px; border: 1px solid var(--atomi-ink); background: transparent; color: var(--atomi-ink); font-size: 11px; letter-spacing: .13em; text-transform: uppercase; transition: .2s ease; }
.atomi-button:hover, .atomi-button:focus-visible { background: var(--atomi-ink); color: #fff; }
.atomi-button--solid { background: var(--atomi-ink); color: #fff; }
.atomi-button--red { border-color: var(--atomi-red); background: var(--atomi-red); color: #fff; }

.atomi-announcement { position: relative; z-index: 41; height: 30px; border-bottom: 1px solid #e2e0da; background: var(--atomi-warm); color: #5f5d58; font-size: 9px; letter-spacing: .08em; text-align: center; text-transform: uppercase; }
.atomi-announcement .atomi-shell { height: 100%; display: flex; align-items: center; justify-content: center; }
.atomi-header { position: relative; z-index: 40; height: 86px; background: var(--atomi-warm); border-bottom: 1px solid rgba(0,0,0,.05); }
.atomi-home .atomi-header { position: absolute; top: 30px; left: 0; right: 0; background: linear-gradient(to bottom, rgba(0,0,0,.44), transparent); border: 0; color: #fff; }
.atomi-header__inner { height: 100%; display: grid; grid-template-columns: 1fr 260px 1fr; align-items: center; gap: 20px; }
.atomi-nav { display: flex; gap: 28px; align-items: center; }
.atomi-nav a { position: relative; padding-block: 33px; font-size: 11px; letter-spacing: .025em; white-space: nowrap; text-transform: uppercase; }
.atomi-nav a::after { position: absolute; left: 0; right: 100%; bottom: 25px; height: 1px; background: currentColor; content: ''; transition: right .2s ease; }
.atomi-nav a:hover::after, .atomi-nav a:focus-visible::after { right: 0; }
.atomi-logo { display: flex; justify-content: center; }
.atomi-logo img { width: 250px; max-height: 25px; object-fit: contain; }
.atomi-logo__dark { display: block; }
.atomi-logo__light { display: none; }
.atomi-home .atomi-logo__dark { display: none; }
.atomi-home .atomi-logo__light { display: block; }
.atomi-actions { display: flex; justify-content: flex-end; align-items: center; gap: 15px; }
.atomi-action { display: inline-flex; align-items: center; gap: 5px; border: 0; background: transparent; color: inherit; padding: 5px 0; font-size: 10px; }
.atomi-action .dashicons { width: 17px; height: 17px; font-size: 17px; }
.atomi-cart-count { min-width: 15px; height: 15px; border-radius: 50%; background: currentColor; color: var(--atomi-warm); font-size: 9px; line-height: 15px; text-align: center; }
.atomi-home .atomi-cart-count { color: #151515; background: #fff; }
.atomi-mobile-toggle { display: none; }

.atomi-panel { position: fixed; z-index: 80; background: #fff; color: #151515; visibility: hidden; opacity: 0; transition: .22s ease; }
.atomi-panel.is-open { visibility: visible; opacity: 1; }
.atomi-overlay { position: fixed; inset: 0; z-index: 70; border: 0; background: rgba(0,0,0,.35); visibility: hidden; opacity: 0; transition: .2s ease; }
.atomi-overlay.is-open { visibility: visible; opacity: 1; }
.atomi-search-panel { inset: 30px 0 auto; padding: 42px 32px; transform: translateY(-15px); }
.atomi-search-panel.is-open { transform: translateY(0); }
.atomi-search-form { width: min(880px, 100%); margin: auto; display: grid; grid-template-columns: 1fr auto; border-bottom: 1px solid #222; }
.atomi-search-form input { min-height: 54px; border: 0; outline: 0; font-size: 22px; }
.atomi-search-form button { width: 54px; border: 0; background: transparent; }
.atomi-popover { position: absolute; z-index: 85; top: 76px; right: 32px; width: 220px; padding: 14px; border: 1px solid var(--atomi-line); background: #fff; color: #151515; box-shadow: 0 12px 30px rgba(0,0,0,.08); visibility: hidden; opacity: 0; transform: translateY(-8px); transition: .2s ease; }
.atomi-popover.is-open { visibility: visible; opacity: 1; transform: translateY(0); }
.atomi-popover a { display: flex; min-height: 35px; align-items: center; justify-content: space-between; padding: 5px 7px; font-size: 11px; }
.atomi-popover a:hover { background: var(--atomi-warm); }
.atomi-mega { position: absolute; z-index: 39; left: 0; right: 0; top: 86px; padding: 32px; background: #fff; color: #151515; visibility: hidden; opacity: 0; transform: translateY(-8px); transition: .2s ease; }
.atomi-nav__watches:hover + .atomi-mega, .atomi-mega:hover { visibility: visible; opacity: 1; transform: translateY(0); }
.atomi-mega__inner { width: min(100%, 1376px); margin: auto; display: grid; grid-template-columns: 220px 220px 1fr; gap: 42px; }
.atomi-mega h3 { margin: 0 0 15px; font-size: 11px; letter-spacing: .1em; }
.atomi-mega a { display: block; padding: 6px 0; color: #63615c; font-size: 12px; }
.atomi-mega__visuals { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.atomi-mega__visuals img { width: 100%; height: 180px; object-fit: cover; }

.atomi-hero { position: relative; height: min(42.18vw, 607px); min-height: 520px; background: #bbb; overflow: hidden; }
.atomi-hero__track, .atomi-hero__slide { position: absolute; inset: 0; }
.atomi-hero__slide { opacity: 0; transition: opacity .7s ease; }
.atomi-hero__slide.is-active { opacity: 1; }
.atomi-hero__slide picture { display: block; width: 100%; height: 100%; }
.atomi-hero__slide img { width: 100%; height: 100%; object-fit: cover; }
.atomi-hero__dots { position: absolute; z-index: 2; bottom: 18px; left: 0; right: 0; display: flex; justify-content: center; gap: 8px; }
.atomi-hero__dot { width: 30px; height: 2px; border: 0; padding: 0; background: rgba(255,255,255,.55); }
.atomi-hero__dot.is-active { background: #fff; }
.atomi-tabs { padding: 39px 0 30px; display: flex; justify-content: center; gap: 38px; }
.atomi-tabs button { padding: 0 0 5px; border: 0; border-bottom: 1px solid transparent; background: transparent; font-size: 16px; font-weight: 700; text-transform: uppercase; }
.atomi-tabs button.is-active { border-color: #222; }
.atomi-product-rail { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding-inline: 32px; }
.atomi-product-card { position: relative; min-width: 0; text-align: center; }
.atomi-product-card__image { position: relative; overflow: hidden; background: #f8f8f7; aspect-ratio: 1 / 1; }
.atomi-product-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.atomi-product-card:hover .atomi-product-card__image img { transform: scale(1.025); }
.atomi-product-card__badge { position: absolute; z-index: 2; top: 10px; right: 10px; padding: 4px 7px; background: var(--atomi-red); color: #fff; font-size: 8px; text-transform: uppercase; }
.atomi-product-card__badge--sale { top: 31px; }
.atomi-product-card__body { min-height: 92px; padding: 18px 10px 12px; }
.atomi-product-card__name { margin: 0 0 6px; font-size: 12px; font-weight: 400; text-transform: uppercase; }
.atomi-product-card__price { color: #222; font-size: 11px; }
.atomi-product-card__price del { margin-left: 5px; color: #999; }
.atomi-product-card__price ins { color: var(--atomi-red); text-decoration: none; }

.atomi-lifestyle { position: relative; margin-top: 38px; height: min(42.18vw, 607px); min-height: 500px; color: #fff; }
.atomi-lifestyle img { width: 100%; height: 100%; object-fit: cover; }
.atomi-lifestyle::after { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.42), transparent 56%); content: ''; }
.atomi-lifestyle__copy { position: absolute; z-index: 1; left: 4.1%; bottom: 38%; }
.atomi-lifestyle__copy h2 { margin: 0 0 3px; font-size: 28px; line-height: 1; }
.atomi-lifestyle__copy p { margin: 0 0 18px; font-size: 12px; }
.atomi-lifestyle .atomi-button { border-color: #fff; color: #fff; }
.atomi-lifestyle .atomi-button:hover { background: #fff; color: #111; }

.atomi-category-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.atomi-category-card { position: relative; overflow: hidden; aspect-ratio: 3 / 4; }
.atomi-category-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.atomi-category-card:hover img { transform: scale(1.03); }
.atomi-category-card span { position: absolute; bottom: 28px; left: 50%; transform: translateX(-50%); min-width: 150px; padding: 7px 14px; background: rgba(255,255,255,.88); font-size: 10px; letter-spacing: .13em; text-align: center; }
.atomi-feature { display: grid; grid-template-columns: 1fr 1fr; background: var(--atomi-warm); }
.atomi-feature__visual { min-height: 665px; }
.atomi-feature__visual img { width: 100%; height: 100%; object-fit: cover; }
.atomi-feature__product { display: flex; min-width: 0; align-items: center; justify-content: center; padding: 40px; }
.atomi-feature__product-inner { width: min(100%, 560px); }
.atomi-feature__product img { width: 82%; margin: auto; }
.atomi-feature__product h2 { margin: 32px 0 4px; font-size: 21px; }
.atomi-feature__product p { margin: 0 0 18px; color: #6f6d68; font-size: 11px; }
.atomi-custom-banner { display: grid; grid-template-columns: 1fr 1fr; background: var(--atomi-warm); }
.atomi-custom-banner__copy { min-height: 470px; padding: 9%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.atomi-custom-banner__copy h2 { margin: 0 0 14px; font-size: 27px; }
.atomi-custom-banner__copy p { max-width: 430px; margin: 0 0 24px; color: #66645f; font-size: 12px; }
.atomi-custom-banner__image img { width: 100%; height: 100%; min-height: 470px; object-fit: cover; }
.atomi-moments { overflow: hidden; }
.atomi-moments__rail { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.atomi-moments__rail img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }

.atomi-newsletter { border-top: 1px solid var(--atomi-line); padding: 76px 20px 88px; text-align: center; }
.atomi-newsletter h2 { margin: 0 0 12px; font-size: 21px; }
.atomi-newsletter p { margin: 0 0 28px; color: #666; font-size: 11px; }
.atomi-newsletter form { width: min(560px, 100%); margin: auto; display: grid; grid-template-columns: 1fr 170px; }
.atomi-newsletter input { min-height: 42px; padding: 10px 14px; border: 1px solid var(--atomi-line); border-right: 0; }
.atomi-newsletter button { border: 1px solid #111; background: #111; color: #fff; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; }
.atomi-featured-in { padding: 0 0 94px; text-align: center; }
.atomi-featured-in h2 { margin: 0 0 38px; font-size: 10px; }
.atomi-publications { display: flex; width: min(940px, 80%); margin: auto; align-items: center; justify-content: space-between; gap: 38px; }
.atomi-publications img { width: 125px; max-height: 34px; object-fit: contain; filter: grayscale(1); opacity: .72; }

.atomi-footer { padding: 22px 32px 36px; background: var(--atomi-warm); }
.atomi-footer__wordmark img { width: 100%; }
.atomi-footer__columns { display: grid; grid-template-columns: 1.2fr .9fr .9fr 1.3fr; gap: 62px; margin-top: 54px; }
.atomi-footer h3 { margin: 0 0 13px; font-size: 9px; letter-spacing: .07em; text-transform: uppercase; }
.atomi-footer a, .atomi-footer p { display: block; margin: 0 0 6px; color: #787670; font-size: 10px; }
.atomi-footer__newsletter form { display: grid; grid-template-columns: 1fr auto; }
.atomi-footer__newsletter input { min-width: 0; padding: 8px 10px; border: 1px solid #cfcec8; background: transparent; font-size: 10px; }
.atomi-footer__newsletter button { padding: 8px 14px; border: 0; background: #75736d; color: #fff; font-size: 9px; }
.atomi-footer__bottom { display: flex; margin-top: 52px; align-items: center; justify-content: space-between; color: #777; font-size: 10px; }
.atomi-socials { display: flex; gap: 14px; }
.atomi-chat-placeholder { position: fixed; z-index: 58; right: 22px; bottom: 24px; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #3457ff; color: #fff; box-shadow: 0 7px 22px rgba(0,0,0,.18); }
.atomi-chat-placeholder .dashicons { width: 21px; height: 21px; font-size: 21px; }

.atomi-collection { padding: 54px 32px 100px; }
.atomi-collection__heading { max-width: 760px; margin: 0 auto 28px; text-align: center; }
.atomi-collection__heading h1 { margin: 0; font-size: 28px; font-weight: 400; text-transform: uppercase; }
.atomi-collection__heading p { margin: 7px 0 0; color: #777; font-size: 11px; }
.atomi-collection__heading .atomi-collection__description { color: #3f3e3a; font-size: 12px; }
.atomi-collection__controls { display: flex; margin-bottom: 20px; justify-content: flex-end; }
.atomi-collection__sort select { min-width: 180px; padding: 11px 34px 11px 12px; border: 1px solid var(--atomi-line); background: #fff; font-size: 10px; text-transform: uppercase; }
.atomi-collection__body { display: grid; grid-template-columns: 208px 1fr; gap: 30px; }
.atomi-filters { border-top: 1px solid var(--atomi-line); }
.atomi-filter-group { border-bottom: 1px solid var(--atomi-line); padding: 0; }
.atomi-filter-group summary { padding: 17px 0; cursor: pointer; font-size: 11px; font-weight: 700; list-style-position: inside; }
.atomi-filter-group > div { padding: 0 0 14px; }
.atomi-filter-group label, .atomi-filter-group a { display: flex; padding: 5px 0; align-items: center; gap: 8px; color: #65635e; font-size: 10px; }
.atomi-products-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px 5px; }
.atomi-products-grid .atomi-product-card__body { min-height: 105px; }
.atomi-pagination { grid-column: 1 / -1; padding-top: 38px; text-align: center; }
.atomi-pagination .page-numbers { display: inline-flex; min-width: 34px; height: 34px; align-items: center; justify-content: center; }
.atomi-pagination .current { background: #111; color: #fff; }
.atomi-filter-toggle { display: none; }

.atomi-product { display: grid; grid-template-columns: minmax(0, 60%) minmax(380px, 40%); min-height: 720px; padding-bottom: min(58vw, 820px); }
.atomi-product__gallery { display: grid; grid-template-columns: 64px minmax(0, 1fr); grid-auto-rows: 64px; gap: 10px 20px; align-content: start; padding: 72px 36px 36px 48px; background: #fff; }
.atomi-product__gallery a { display: block; background: #f7f7f6; overflow: hidden; }
.atomi-product__gallery a:first-child { grid-column: 2; grid-row: 1 / span 10; align-self: start; width: min(100%, 680px); justify-self: center; }
.atomi-product__gallery img { width: 100%; height: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
.atomi-product__gallery a:not(:first-child) img { width: 64px; height: 64px; }
.atomi-product__summary { align-self: start; position: sticky; top: 0; padding: 88px 8vw 70px 5.5vw; }
.atomi-product-promo { margin: -18px 0 18px; padding: 9px 12px; background: #ad7041; color: #fff; font-size: 9px; text-align: center; }
.atomi-product__summary h1 { margin: 0 0 12px; font-size: 23px; font-weight: 400; text-transform: uppercase; }
.atomi-product__summary .price { margin: 0 0 22px; font-size: 14px; }
.atomi-product__summary .price ins { color: var(--atomi-red); text-decoration: none; }
.atomi-product__summary .price del { margin-left: 8px; color: #999; }
.atomi-product__description { margin-bottom: 26px; color: #66645f; font-size: 12px; }
.atomi-product .variations { width: 100%; border-collapse: collapse; }
.atomi-product .variations th, .atomi-product .variations td { display: block; padding: 0; text-align: left; }
.atomi-product .variations label { display: block; margin: 16px 0 8px; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.atomi-product .variations select { width: 100%; min-height: 44px; padding: 10px 13px; border: 1px solid var(--atomi-line); background: #fff; }
.atomi-product .variations select.atomi-variation-select--enhanced { position: absolute; width: 1px; height: 1px; min-height: 0; margin: -1px; padding: 0; border: 0; clip: rect(0, 0, 0, 0); overflow: hidden; }
.atomi-variation-pills { display: flex; flex-wrap: wrap; gap: 9px; }
.atomi-variation-pills button { min-height: 42px; padding: 10px 14px; border: 1px solid var(--atomi-line); background: #fff; color: #555; font: inherit; text-align: left; }
.atomi-variation-pills button:hover, .atomi-variation-pills button.is-active { border-color: #111; color: #111; }
.atomi-variation-pills button:disabled { opacity: .35; }
.atomi-product .quantity { display: none !important; }
.atomi-product .single_add_to_cart_button { width: 100%; min-height: 48px; margin-top: 18px; border: 0; background: var(--atomi-red); color: #fff; font-size: 11px; letter-spacing: .13em; text-transform: uppercase; }
.atomi-customization { margin-top: 24px; padding: 22px; border: 1px solid var(--atomi-line); background: #fafaf8; }
.atomi-customization h3 { margin: 0 0 5px; font-size: 12px; letter-spacing: .06em; }
.atomi-customization > p { margin: 0 0 15px; color: #777; font-size: 10px; }
.atomi-custom-option { display: flex !important; min-height: 34px; margin: 0 !important; align-items: center; gap: 8px; border-top: 1px solid var(--atomi-line); font-size: 9px !important; }
.atomi-custom-option input { width: auto !important; min-height: 0 !important; margin: 0 !important; }
.atomi-custom-option span { margin-left: auto; color: #777; text-transform: none; }
.atomi-customization__fields { padding: 4px 0 12px; }
.atomi-customization__fields[hidden] { display: none; }
.atomi-customization__fields label { margin-top: 8px; }
.atomi-customization__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.atomi-customization label { display: block; font-size: 9px; letter-spacing: .06em; text-transform: uppercase; }
.atomi-customization label:first-child, .atomi-customization label:last-child { grid-column: 1 / -1; }
.atomi-customization input, .atomi-customization select { width: 100%; min-height: 40px; margin-top: 5px; padding: 8px 10px; border: 1px solid var(--atomi-line); background: #fff; }
.atomi-product-styles { margin-top: 21px; }
.atomi-product-styles h3 { margin: 0 0 8px; font-size: 9px; font-weight: 400; }
.atomi-product-styles > div { display: grid; grid-template-columns: repeat(8, 1fr); gap: 5px; }
.atomi-product-styles a { border: 1px solid var(--atomi-line); background: #f8f8f7; }
.atomi-product-styles img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
.atomi-delivery-timeline { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 25px; }
.atomi-delivery-timeline > div { display: flex; align-items: center; justify-content: center; gap: 7px; text-align: left; }
.atomi-delivery-timeline img { width: 25px; height: 25px; }
.atomi-delivery-timeline span { font-size: 8px; line-height: 1.4; }
.atomi-accordion { margin-top: 28px; border-top: 1px solid var(--atomi-line); }
.atomi-accordion details { border-bottom: 1px solid var(--atomi-line); }
.atomi-accordion summary { padding: 17px 0; cursor: pointer; font-size: 11px; letter-spacing: .06em; list-style: none; text-transform: uppercase; }
.atomi-accordion details > div { padding: 0 0 18px; color: #666; font-size: 11px; }
.atomi-reviews { padding: 90px 32px; border-top: 1px solid var(--atomi-line); }
.atomi-reviews > div { width: min(100%, 1000px); margin: auto; }
.atomi-review { padding: 26px 0; border-top: 1px solid var(--atomi-line); }
.atomi-review header { display: flex; align-items: center; gap: 12px; font-size: 11px; }
.atomi-review header span { padding: 2px 7px; background: var(--atomi-warm); color: #6d6b65; font-size: 9px; }
.atomi-review header time { margin-left: auto; color: #888; font-size: 9px; }
.atomi-review__stars { margin: 8px 0 10px; }
.atomi-review__stars .dashicons { width: 14px; height: 14px; color: #111; font-size: 14px; }
.atomi-review__content { color: #555; font-size: 12px; }
.atomi-review__images { display: flex; gap: 8px; margin-top: 14px; }
.atomi-review__images img { width: 92px; height: 112px; object-fit: cover; }
.atomi-product-related { padding-top: 0; }
.atomi-product-related .atomi-products-grid { grid-template-columns: repeat(4, 1fr); }
.atomi-product-collections { padding-top: 20px; }

.atomi-page { padding: 70px 32px 110px; }
.atomi-page__inner { width: min(100%, 980px); margin: auto; }
.atomi-page h1 { margin: 0 0 48px; font-size: 32px; font-weight: 400; text-align: center; text-transform: uppercase; }
.atomi-page__content { color: #4d4c48; font-size: 13px; line-height: 1.75; }
.atomi-page__featured { width: 100%; max-height: 680px; margin: 0 0 46px; object-fit: cover; }
.atomi-page__content h2 { margin-top: 38px; color: #111; font-size: 21px; }
.atomi-about-title { min-height: 62px; display: flex; align-items: center; justify-content: center; background: #fff; }
.atomi-about-title h1 { margin: 0; font-size: 28px; font-weight: 400; }
.atomi-about-hero img { width: 100%; height: min(41.67vw, 600px); min-height: 360px; object-fit: cover; }
.atomi-about-copy { width: min(100% - 48px, 960px); margin: auto; padding: 82px 0; text-align: center; }
.atomi-about-copy h1 { margin: 0 0 24px; font-size: 30px; font-weight: 400; }
.atomi-about-copy p { margin: 0 auto; max-width: 700px; color: #666; font-size: 13px; line-height: 1.75; }
.atomi-about-split { display: grid; grid-template-columns: 1fr 1fr; }
.atomi-about-split img { width: 100%; height: 560px; object-fit: cover; }
.atomi-about-split__copy { padding: 11%; display: flex; flex-direction: column; justify-content: center; background: var(--atomi-warm); }
.atomi-about-split h2 { font-size: 26px; font-weight: 400; }
.atomi-about-split p { color: #666; line-height: 1.75; }
.atomi-about-grid { padding: 70px 32px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.atomi-about-grid img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.atomi-about-grid figure { margin: 0; }
.atomi-about-grid figcaption { padding: 18px 2px 0; color: #666; font-size: 11px; line-height: 1.65; }
.atomi-about-grid figcaption strong { color: #111; font-size: 13px; font-weight: 400; }
.atomi-customizer-page { display: grid; grid-template-columns: 58% 42%; min-height: 760px; background: var(--atomi-warm); }
.atomi-customizer-page__visual { position: relative; min-width: 0; overflow: hidden; }
.atomi-customizer-page__visual img { width: 100%; height: 100%; min-height: 760px; object-fit: cover; }
.atomi-customizer-page__visual strong { position: absolute; left: 50%; top: 52%; transform: translate(-50%,-50%); color: #fff; font-size: 17px; letter-spacing: .08em; text-shadow: 0 1px 3px rgba(0,0,0,.65); }
.atomi-customizer-page__form { padding: 72px 8vw 72px 5vw; align-self: center; }
.atomi-customizer-page__form .atomi-eyebrow { margin: 0 0 9px; color: #777; font-size: 9px; letter-spacing: .12em; }
.atomi-customizer-page__form h1 { margin: 0 0 16px; font-size: 28px; font-weight: 400; }
.atomi-customizer-page__form > p { color: #67655f; font-size: 11px; }
.atomi-customizer-page__form label { display: block; margin-top: 15px; font-size: 9px; letter-spacing: .09em; }
.atomi-customizer-page__form input, .atomi-customizer-page__form select { width: 100%; min-height: 44px; margin-top: 6px; padding: 10px 12px; border: 1px solid var(--atomi-line); background: #fff; }
.atomi-customizer-page__row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.atomi-customizer-page__form button { width: 100%; margin-top: 24px; }
.atomi-contact { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; }
.atomi-contact h2 { margin-top: 0; font-size: 21px; font-weight: 400; }
.atomi-contact form label { display: block; margin-bottom: 16px; color: #555; font-size: 10px; letter-spacing: .07em; text-transform: uppercase; }
.atomi-contact input, .atomi-contact textarea { width: 100%; margin-top: 6px; padding: 10px 12px; border: 1px solid var(--atomi-line); }

.atomi-blog { width: min(calc(100% - 160px), 1280px); margin: auto; padding: 70px 0 110px; }
.atomi-blog h1 { margin: 0 0 50px; font-size: 32px; font-weight: 400; text-align: center; }
.atomi-blog__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 44px 58px; }
.atomi-blog-card img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; background: #eee; }
.atomi-blog-card h2 { margin: 17px 0 7px; font-size: 14px; font-weight: 400; }
.atomi-blog-card p { margin: 0; color: #777; font-size: 11px; }

.woocommerce .woocommerce-notices-wrapper { width: min(100% - 64px, 1376px); margin: 24px auto; }
.woocommerce-message, .woocommerce-info, .woocommerce-error { border-top: 1px solid #111 !important; background: var(--atomi-warm) !important; color: #111 !important; }
.woocommerce-cart .site-main, .woocommerce-checkout .site-main, .woocommerce-account .site-main { width: min(100% - 64px, 1180px); margin: auto; padding: 70px 0 110px; }
.woocommerce-cart .atomi-page { min-height: 580px; padding-top: 180px; }
.woocommerce-cart .cart-empty.woocommerce-info { margin: 0 0 25px !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
.woocommerce table.shop_table { border: 0; border-collapse: collapse; border-radius: 0; }
.woocommerce table.shop_table th, .woocommerce table.shop_table td { border-top: 1px solid var(--atomi-line); padding: 18px 12px; }
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit { display: inline-flex; min-height: 38px; align-items: center; justify-content: center; padding: 10px 24px; border-radius: 0; background: #111; color: #fff; font-size: 11px; font-weight: 400; letter-spacing: .08em; text-transform: uppercase; }
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background: #333; color: #fff; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select { min-height: 43px; padding: 10px 12px; border: 1px solid var(--atomi-line); }

@media (max-width: 1100px) {
	.atomi-shell { width: min(100% - 32px, 100%); }
	.atomi-header { height: 64px; }
	.atomi-home .atomi-header { top: 30px; }
	.atomi-header__inner { grid-template-columns: 1fr 160px 1fr; }
	.atomi-nav { gap: 14px; }
	.atomi-nav a { padding-block: 23px; font-size: 9px; }
	.atomi-actions { gap: 10px; }
	.atomi-action__label { display: none; }
	.atomi-mega { top: 64px; }
	.atomi-products-grid { grid-template-columns: repeat(3, 1fr); }
	.atomi-product { grid-template-columns: 56% 44%; }
	.atomi-product__summary { padding: 60px 5vw; }
}

@media (max-width: 767px) {
	body { font-size: 12px; }
	.atomi-shell { width: calc(100% - 28px); }
	.atomi-announcement { height: 36px; font-size: 10px; }
	.atomi-header { position: relative; top: auto; height: 52px; background: #fff; color: #111; border-bottom: 1px solid var(--atomi-line); }
	.atomi-home .atomi-header { position: absolute; top: 36px; height: 52px; background: transparent; color: #fff; border: 0; }
	.atomi-header__inner { grid-template-columns: 1fr 150px 1fr; gap: 6px; }
	.atomi-nav { display: none; }
	.atomi-logo img { width: 145px; max-height: 17px; }
	.atomi-home .atomi-logo__dark { display: none; }
	.atomi-home .atomi-logo__light { display: block; }
	.atomi-actions .atomi-action--locale, .atomi-actions .atomi-action--currency, .atomi-actions .atomi-action--account { display: none; }
	.atomi-mobile-toggle { display: inline-flex; justify-self: start; }
	.atomi-actions { justify-self: end; gap: 12px; }
	.atomi-action .dashicons { width: 18px; height: 18px; font-size: 18px; }
	.atomi-cart-count { color: #fff; background: #111; }
	.atomi-home .atomi-cart-count { color: #111; background: #fff; }
	.atomi-mobile-drawer { inset: 0 auto 0 0; width: min(88vw, 360px); padding: 18px 24px 35px; transform: translateX(-100%); overflow-y: auto; }
	.atomi-mobile-drawer.is-open { transform: translateX(0); }
	.atomi-mobile-drawer__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 35px; }
	.atomi-mobile-drawer__top img { width: 150px; }
	.atomi-mobile-drawer__top button { border: 0; background: transparent; }
	.atomi-mobile-drawer nav a { display: block; padding: 15px 0; border-bottom: 1px solid var(--atomi-line); font-size: 14px; }
	.atomi-mobile-drawer__selectors { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 32px; }
	.atomi-mobile-drawer select { width: 100%; min-height: 40px; padding: 8px; border: 1px solid var(--atomi-line); background: #fff; }
	.atomi-search-panel { inset: 0 0 auto; padding: 30px 20px; }
	.atomi-search-form input { font-size: 16px; }
	.atomi-hero { height: 133.33vw; min-height: 500px; max-height: 560px; }
	.atomi-hero__slide img { object-position: center; }
	.atomi-tabs { padding: 25px 8px 17px; gap: 22px; white-space: nowrap; }
	.atomi-tabs button { font-size: 12px; }
	.atomi-product-rail { display: flex; padding-inline: 8px; gap: 4px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
	.atomi-product-rail::-webkit-scrollbar, .atomi-category-grid::-webkit-scrollbar, .atomi-moments__rail::-webkit-scrollbar { display: none; }
	.atomi-product-rail .atomi-product-card { flex: 0 0 88%; scroll-snap-align: start; }
	.atomi-product-card__body { min-height: 80px; padding: 12px 6px 8px; }
	.atomi-product-card__name { font-size: 9px; }
	.atomi-product-card__price { font-size: 9px; }
	.atomi-lifestyle { height: 100vw; min-height: 390px; margin-top: 20px; }
	.atomi-lifestyle__copy { left: 20px; right: 20px; bottom: 26px; }
	.atomi-lifestyle__copy h2 { font-size: 19px; }
	.atomi-lifestyle__copy p { font-size: 10px; }
	.atomi-section { padding-block: 38px; }
	.atomi-section-title { margin-bottom: 22px; font-size: 13px; }
	.atomi-category-grid { display: flex; gap: 8px; padding-inline: 8px; overflow-x: auto; scroll-snap-type: x mandatory; }
	.atomi-category-card { flex: 0 0 78%; scroll-snap-align: start; }
	.atomi-category-card span { bottom: 17px; font-size: 8px; }
	.atomi-feature { display: flex; flex-direction: column; }
	.atomi-feature__visual { min-height: 390px; }
	.atomi-feature__product { min-height: 390px; padding: 28px 20px; }
	.atomi-feature__product h2 { font-size: 15px; }
	.atomi-custom-banner { display: flex; flex-direction: column-reverse; }
	.atomi-custom-banner__copy { min-height: 240px; align-items: center; padding: 36px 20px; text-align: center; }
	.atomi-custom-banner__copy h2 { font-size: 16px; }
	.atomi-custom-banner__copy p { font-size: 9px; }
	.atomi-custom-banner__image img { min-height: 390px; }
	.atomi-moments__rail { display: flex; padding-inline: 8px; gap: 8px; overflow-x: auto; }
	.atomi-moments__rail img { flex: 0 0 58%; }
	.atomi-newsletter { padding: 48px 18px 54px; }
	.atomi-newsletter h2 { font-size: 15px; }
	.atomi-newsletter form { grid-template-columns: 1fr; gap: 8px; }
	.atomi-newsletter input { border-right: 1px solid var(--atomi-line); }
	.atomi-newsletter button { min-height: 42px; }
	.atomi-featured-in { padding-bottom: 54px; }
	.atomi-publications { width: 88%; gap: 17px; flex-wrap: wrap; justify-content: center; }
	.atomi-publications img { width: 77px; max-height: 23px; }
	.atomi-footer { padding: 17px 8px 32px; }
	.atomi-footer__columns { grid-template-columns: 1fr; gap: 26px; margin-top: 35px; padding-inline: 6px; }
	.atomi-footer__bottom { margin-top: 35px; flex-direction: column; align-items: flex-start; gap: 22px; }
	.atomi-collection { padding: 35px 8px 70px; }
	.atomi-collection__heading { margin-bottom: 24px; }
	.atomi-collection__heading h1 { font-size: 20px; }
	.atomi-collection__heading p { font-size: 9px; }
	.atomi-collection__controls { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 18px; }
	.atomi-collection__sort { display: block; }
	.atomi-collection__sort select { width: 100%; min-width: 0; min-height: 40px; }
	.atomi-filter-toggle { display: inline-flex; width: 100%; min-height: 40px; margin: 0; align-items: center; justify-content: space-between; padding: 8px 12px; border: 1px solid var(--atomi-line); background: #fff; font-size: 10px; }
	.atomi-collection__body { display: block; }
	.atomi-filters { position: fixed; z-index: 90; inset: 0 0 0 auto; width: min(88vw, 360px); padding: 60px 24px 30px; background: #fff; overflow-y: auto; transform: translateX(100%); transition: .22s ease; }
	.atomi-filters.is-open { transform: translateX(0); }
	.atomi-products-grid { grid-template-columns: repeat(2, 1fr); gap: 7px 3px; }
	.atomi-products-grid .atomi-product-card__body { min-height: 82px; }
	.atomi-product { display: block; min-height: 0; padding-bottom: 950px; }
	.atomi-product__gallery { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; }
	.atomi-product__gallery { padding: 0; gap: 0; background: #f7f7f6; }
	.atomi-product__gallery a, .atomi-product__gallery a:first-child { flex: 0 0 100%; width: 100%; scroll-snap-align: start; }
	.atomi-product__gallery a:not(:first-child) img { width: 100%; height: 100%; }
	.atomi-product__summary { position: static; padding: 30px 18px 50px; }
	.atomi-product__summary h1 { font-size: 18px; }
	.atomi-customization__grid { grid-template-columns: 1fr; }
	.atomi-customization label:first-child, .atomi-customization label:last-child { grid-column: auto; }
	.atomi-reviews { padding: 55px 18px; }
	.atomi-product-related .atomi-products-grid { display: flex; width: auto; padding-inline: 8px; gap: 4px; overflow-x: auto; }
	.atomi-product-related .atomi-product-card { flex: 0 0 46%; }
	.atomi-product-collections .atomi-category-grid { width: auto; }
	.atomi-about-title { min-height: 48px; }
	.atomi-about-title h1 { font-size: 20px; }
	.atomi-about-hero img { height: 103vw; min-height: 400px; }
	.atomi-about-copy { width: calc(100% - 36px); padding: 50px 0; }
	.atomi-about-copy h1 { font-size: 22px; }
	.atomi-about-split { display: flex; flex-direction: column; }
	.atomi-about-split:nth-of-type(even) { flex-direction: column-reverse; }
	.atomi-about-split img { height: 100vw; }
	.atomi-about-split__copy { padding: 45px 24px; }
	.atomi-about-grid { padding: 35px 8px; display: flex; overflow-x: auto; }
	.atomi-about-grid img { flex: 0 0 78%; }
	.atomi-customizer-page { display: block; min-height: 0; }
	.atomi-customizer-page__visual img { min-height: 0; height: 90vw; }
	.atomi-customizer-page__form { padding: 42px 18px 58px; }
	.atomi-customizer-page__row { grid-template-columns: 1fr; gap: 0; }
	.atomi-contact { grid-template-columns: 1fr; gap: 30px; }
	.atomi-page { padding: 45px 18px 75px; }
	.atomi-page h1 { margin-bottom: 30px; font-size: 23px; }
	.atomi-blog { width: auto; padding: 70px 20px 75px; }
	.atomi-blog h1 { margin-bottom: 30px; font-size: 21px; }
	.atomi-blog__grid { grid-template-columns: 1fr; gap: 30px; }
	.atomi-blog-card h2 { margin-top: 17px; font-size: 16px; font-weight: 600; }
	.woocommerce-cart .site-main, .woocommerce-checkout .site-main, .woocommerce-account .site-main { width: calc(100% - 28px); padding: 40px 0 70px; }
	.woocommerce-cart .atomi-page { min-height: 500px; padding-top: 100px; }
}

[dir="rtl"] .atomi-actions { justify-content: flex-start; }
[dir="rtl"] .atomi-lifestyle__copy { left: auto; right: 4.1%; }
[dir="rtl"] .atomi-collection__body { grid-template-columns: 1fr 208px; }
[dir="rtl"] .atomi-filters { direction: rtl; }
[dir="rtl"] .atomi-product__summary { padding-left: 8vw; padding-right: 5.5vw; }
@media (max-width: 767px) {
	[dir="rtl"] .atomi-lifestyle__copy { right: 20px; left: 20px; }
	[dir="rtl"] .atomi-filters { right: auto; left: 0; transform: translateX(-100%); }
	[dir="rtl"] .atomi-filters.is-open { transform: translateX(0); }
}