/* Native WooCommerce content in the premium Xantum frame. */
.xantum-shop-page {
  --xantum-ink: #102130;
  --xantum-green: #aac22f;
  --xantum-paper: #f4f7f2;
  --xantum-mist: #e8eee7;
  --xantum-copy: #36505a;
  --xantum-rule: #c8d3cc;
}
.xantum-shop-page { background: var(--xantum-paper); color: var(--xantum-ink); }
.xantum-shop-header { position: relative; background: var(--xantum-ink); color: var(--white); }
.xantum-shop-header .is-current { color: var(--xantum-green); border-bottom: 1px solid var(--xantum-green); }
.xantum-shop-header nav { display: flex; }
.xantum-shop-main { min-height: 68vh; background: var(--xantum-paper); }
.xantum-shop-preview { margin: 0; padding: 12px 6%; background: #e5eecf; color: #19372c; font-size: 14px; font-weight: 600; }
.xantum-shop-navigation { display: flex; flex-wrap: wrap; gap: 8px 28px; padding: 18px 6%; border-bottom: 1px solid var(--xantum-rule); }
.xantum-shop-navigation a { color: var(--xantum-ink); font-size: 14px; font-weight: 700; padding: 9px 0; border-bottom: 2px solid transparent; }
.xantum-shop-navigation a:hover, .xantum-shop-navigation a[aria-current="page"] { border-color: var(--xantum-green); }
.xantum-shop-hero { padding: clamp(54px, 6.5vw, 82px) 6% clamp(62px, 7vw, 96px); background: var(--xantum-ink); color: var(--white); border-bottom: 3px solid var(--xantum-green); }
.xantum-shop-hero .section-kicker { color: #c5d2ca; }
.xantum-shop-hero h1 { max-width: 1080px; margin: 23px 0 0; font-size: clamp(46px, 7vw, 104px); line-height: .92; letter-spacing: -.07em; }
.xantum-shop-hero h1 span { color: var(--xantum-green); }
.xantum-shop-content { max-width: 1320px; margin: 0 auto; padding: clamp(42px, 6vw, 78px) 6% clamp(64px, 8vw, 108px); color: var(--xantum-copy); }
.xantum-shop-content form { background: transparent; backdrop-filter: none; }
.xantum-shop-content form .form-row { display: block; gap: 0; }
.xantum-shop-content form .form-row input, .xantum-shop-content form .form-row select, .xantum-shop-content form .form-row textarea { margin-bottom: 0; }
.xantum-shop-content label { color: var(--xantum-ink); }
.xantum-shop-content input, .xantum-shop-content select, .xantum-shop-content textarea { color: var(--xantum-ink); background: #fff; }
.xantum-shop-content select option { color: var(--xantum-ink); background: #fff; }
.xantum-shop-content input[type="checkbox"], .xantum-shop-content input[type="radio"] { display: inline-block; width: auto; margin: 0 .5em 0 0; }
.xantum-shop-content input::placeholder, .xantum-shop-content textarea::placeholder { color: #526a62; }
:is(.xantum-shop-content.woocommerce, .xantum-shop-content .woocommerce) .woocommerce-notices-wrapper, :is(.xantum-shop-content.woocommerce, .xantum-shop-content .woocommerce) .woocommerce-message, :is(.xantum-shop-content.woocommerce, .xantum-shop-content .woocommerce) .woocommerce-info, :is(.xantum-shop-content.woocommerce, .xantum-shop-content .woocommerce) .woocommerce-error { margin-bottom: 26px; }
:is(.xantum-shop-content.woocommerce, .xantum-shop-content .woocommerce) .woocommerce-message, :is(.xantum-shop-content.woocommerce, .xantum-shop-content .woocommerce) .woocommerce-info, :is(.xantum-shop-content.woocommerce, .xantum-shop-content .woocommerce) .woocommerce-error { border-top-color: var(--xantum-green); background: #fbfcf9; color: var(--xantum-copy); }
:is(.xantum-shop-content.woocommerce, .xantum-shop-content .woocommerce) a { color: #164f42; }
:is(.xantum-shop-content.woocommerce, .xantum-shop-content .woocommerce) a:hover { color: #607a29; }
:is(.xantum-shop-content.woocommerce, .xantum-shop-content .woocommerce) .button, :is(.xantum-shop-content.woocommerce, .xantum-shop-content .woocommerce) button.button, :is(.xantum-shop-content.woocommerce, .xantum-shop-content .woocommerce) input.button, :is(.xantum-shop-content.woocommerce, .xantum-shop-content .woocommerce) #respond input#submit { border-radius: 0; background: #21483e; color: #fff; font: 700 12px/1.25 "Plus Jakarta Sans", sans-serif; letter-spacing: .025em; text-transform: uppercase; }
:is(.xantum-shop-content.woocommerce, .xantum-shop-content .woocommerce) .button:hover, :is(.xantum-shop-content.woocommerce, .xantum-shop-content .woocommerce) button.button:hover, :is(.xantum-shop-content.woocommerce, .xantum-shop-content .woocommerce) input.button:hover, :is(.xantum-shop-content.woocommerce, .xantum-shop-content .woocommerce) #respond input#submit:hover { background: #607a29; color: #fff; }
:is(.xantum-shop-content.woocommerce, .xantum-shop-content .woocommerce) ul.products { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
:is(.xantum-shop-content.woocommerce, .xantum-shop-content .woocommerce) ul.products::before, :is(.xantum-shop-content.woocommerce, .xantum-shop-content .woocommerce) ul.products::after { display: none; }
:is(.xantum-shop-content.woocommerce, .xantum-shop-content .woocommerce) ul.products li.product { width: auto; margin: 0; padding: 22px; background: #fbfcf9; border: 1px solid var(--xantum-rule); border-top: 4px solid #315f50; }
:is(.xantum-shop-content.woocommerce, .xantum-shop-content .woocommerce) ul.products li.product:nth-child(3n + 2) { border-top-color: var(--xantum-green); }
:is(.xantum-shop-content.woocommerce, .xantum-shop-content .woocommerce) ul.products li.product img { margin-bottom: 20px; }
.xantum-shop-content.woocommerce ul.products li.product.product_cat-ebooks img { aspect-ratio: 314.646 / 446.457; object-fit: contain; background: #0b172d; }
:is(.xantum-shop-content.woocommerce, .xantum-shop-content .woocommerce) ul.products li.product .woocommerce-loop-product__title { padding: 0; color: var(--xantum-ink); font-size: 21px; line-height: 1.13; }
:is(.xantum-shop-content.woocommerce, .xantum-shop-content .woocommerce) div.product .product_title, :is(.xantum-shop-content.woocommerce, .xantum-shop-content .woocommerce) h2 { color: var(--xantum-ink); letter-spacing: -.045em; }
:is(.xantum-shop-content.woocommerce, .xantum-shop-content .woocommerce) table.shop_table { border-radius: 0; border-color: var(--xantum-rule); }
:is(.xantum-shop-content.woocommerce, .xantum-shop-content .woocommerce) table.shop_table th, :is(.xantum-shop-content.woocommerce, .xantum-shop-content .woocommerce) table.shop_table td { border-color: var(--xantum-rule); }
:is(.xantum-shop-content.woocommerce, .xantum-shop-content .woocommerce) form .form-row input.input-text, :is(.xantum-shop-content.woocommerce, .xantum-shop-content .woocommerce) form .form-row textarea, :is(.xantum-shop-content.woocommerce, .xantum-shop-content .woocommerce) select { border: 1px solid #9bb0a8; border-radius: 0; padding: 12px; color: var(--xantum-ink); background: #fff; }
.woocommerce-account .xantum-shop-content .woocommerce-MyAccount-navigation ul { margin: 0 0 30px; padding: 0; list-style: none; border-top: 1px solid var(--xantum-rule); }
.woocommerce-account .xantum-shop-content .woocommerce-MyAccount-navigation li { border-bottom: 1px solid var(--xantum-rule); }
.woocommerce-account .xantum-shop-content .woocommerce-MyAccount-navigation a { display: block; padding: 12px 0; font-weight: 700; }
.xantum-shop-footer { padding: 34px 5% 22px; background: var(--xantum-paper); color: var(--xantum-ink); border-top: 1px solid var(--xantum-rule); }
.xantum-shop-footer .footer-brand { font-size: clamp(76px, 13vw, 190px); letter-spacing: -.092em; line-height: .76; }
.xantum-shop-footer .footer-bottom { margin-top: 34px; padding-top: 19px; border-color: var(--xantum-rule); color: #526a62; }
.xantum-shop-page :focus-visible { outline: 3px solid var(--xantum-green); outline-offset: 4px; }
@media (max-width: 800px) { :is(.xantum-shop-content.woocommerce, .xantum-shop-content .woocommerce) ul.products { grid-template-columns: 1fr; } }
@media (max-width: 680px) { .xantum-shop-header { min-height: 66px; padding: 15px 6%; flex-wrap: wrap; gap: 12px; } .xantum-shop-header nav { width: 100%; justify-content: space-between; gap: 8px; font-size: 10px; } .xantum-shop-hero { padding-top: 42px; padding-bottom: 58px; } .xantum-shop-hero h1 { font-size: clamp(45px, 14vw, 70px); } .xantum-shop-content { padding-left: 6%; padding-right: 6%; } :is(.xantum-shop-content.woocommerce, .xantum-shop-content .woocommerce) table.shop_table { font-size: 14px; } }
