/* == GENERATED RESPONSIVE CORE — DO NOT EDIT ==
 * Built by work/scripts/build-css from compiled main.css.
 * Curation lives in work/scripts/responsive-manifest.json.
 * Why: NitroPack deletes max-width media blocks from optimized
 * desktop pages; this file is NitroPack-excluded (*responsive-core.css*)
 * so responsive layout survives on every variant. See
 * work/documentation/dark-mode-2026/css-delivery-plan.md.
 */

@media (max-width: 768px) {
  :root:root {
    --gallery-block--gutter-size: calc(var(--wp--custom--spacing--column-gap) * 0.75);
  }
}

@media (max-width: 600px) {
  :root:root {
    --gallery-block--gutter-size: calc(var(--wp--custom--spacing--column-gap) * 0.5);
  }
}

@media (max-width: 768px) {
  html .is-style-center-on-tablet {
    text-align: center;
  }
}

@media (max-width: 600px) {
  html .is-style-center-on-mobile {
    text-align: center;
  }
}

@media (max-width: 768px) {
  html .archive-header > * {
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  html .loop-wrapper {
    max-width: 100%;
  }
}

@media (max-width: 600px) {
  html .loop-item__body {
    flex-direction: column;
  }
}

@media (max-width: 768px) {
  html .esquire-footer__grid {
    grid-template-columns: 1fr 1fr 90px;
    gap: 6px;
  }
  html .esquire-footer {
    padding: 10px var(--wp--custom--spacing--viewport-padding);
  }
  html .ef-cell {
    grid-column: span 1 !important;
  }
  html .ef-cell--full-mobile {
    grid-column: span 3 !important;
  }
  html .ef-cell {
    grid-column: span 1 !important;
  }
  html .ef-mob-hide {
    display: none !important;
  }
  html .ef-mob-1 {
    order: 1;
    grid-column: span 3 !important;
  }
  html .ef-mob-2 {
    order: 2;
  }
  html .ef-mob-3 {
    order: 3;
    grid-column: span 2 !important;
  }
  html .ef-mob-4 {
    order: 4;
    grid-column: span 3 !important;
  }
  html .ef-mob-5 {
    order: 5;
  }
  html .ef-mob-6 {
    order: 6;
    grid-column: span 2 !important;
  }
  html .ef-mob-7 {
    order: 7;
    grid-column: span 3 !important;
  }
  html .ef-mob-8 {
    order: 8;
  }
  html .ef-mob-9 {
    order: 9;
    grid-column: span 2 !important;
  }
  html .ef-mob-10 {
    order: 10;
    grid-column: span 3 !important;
  }
  html .ef-mob-11 {
    order: 11;
    grid-column: span 2 !important;
  }
  html .ef-mob-12 {
    order: 12;
    grid-column: span 1 !important;
  }
  html .ef-display {
    font-size: 28px;
  }
  html .ef-display-sc {
    font-size: 28px;
  }
  html .ef-stat__num {
    font-size: 26px;
  }
  html .ef-logo {
    justify-content: flex-end !important;
  }
  html .ef-mob-7 {
    display: none !important;
  }
}

@media (max-width: 850px) {
  html body.mobile-nav-open {
    overflow: hidden;
  }
}

@media (max-width: 600px) {
  html:root #wpadminbar {
    position: fixed;
  }
}

@media (max-width: 850px) {
  html .nav-primary > ul.menu > .menu-item {
    width: 100%;
    border-bottom: 1px solid var(--wp--custom--color--border-soft);
  }
  html .nav-primary > ul.menu > .menu-item.open > .sub-menu {
    display: block;
  }
  html .nav-primary > ul.menu > .menu-item.open > button {
    transform: rotate(180deg);
  }
}

@media (max-width: 850px) {
  html .nav-primary > ul.menu > .menu-item a {
    padding: 0 20px;
    text-align: right;
  }
}

@media (max-width: 850px) {
  html .nav-primary > ul.menu > .menu-item.feed-icon {
    width: 100%;
    margin-left: 0;
  }
  html .nav-primary > ul.menu > .menu-item.feed-icon a {
    background-position: calc(100% - 20px) center;
  }
}

@media (max-width: 850px) {
  html .nav-primary > ul.menu > .menu-item > .sub-menu {
    left: auto;
    opacity: 1;
    position: relative;
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.05);
    border-top: 1px solid var(--wp--custom--color--border-strong);
    display: none;
  }
}

@media (max-width: 768px) {
  html .content-sidebar-layout .content-area {
    flex-wrap: wrap;
  }
  html .content-sidebar-layout .content-area .site-main {
    width: 100%;
  }
  html .content-sidebar-layout .content-area {
    /* Stacked below the content, the sidebar is a full-width shelf —
       not a 150px orphan column (max-width: real-UA CSS only; the
       desktop variant prunes this along with the 150px rule above). */
  }
  html .content-sidebar-layout .content-area .sidebar {
    width: 100%;
  }
}

@media (max-width: 600px) {
  html .single-pagination-wrap {
    margin-bottom: 16px;
  }
}

@media (max-width: 600px) {
  html .single-pagination-wrap .pagination.pagination-single {
    width: 100%;
  }
}

@media (max-width: 600px) {
  html .rands-related {
    width: 100%;
  }
}

@media (max-width: 600px) {
  html .comment-list li {
    padding-left: 0;
  }
}

@media (max-width: 600px) {
  html .comment-list .children {
    padding-left: 22px;
  }
}

@media (max-width: 600px) {
  html .comment-list .comment-author.vcard {
    column-gap: 8px;
  }
}

@media (max-width: 600px) {
  html .comment-list .comment-content {
    padding-left: 0;
    margin-top: 8px;
  }
}

@media (max-width: 768px) and (min-width: 600px) {
  html .wp-block-columns .wp-block-column:not(:only-child) {
    flex-basis: calc((100% - var(--wp--custom--spacing--column-gap)) / 2) !important;
  }
}

@media (max-width: 600px) {
  html .wp-block-columns .wp-block-image {
    text-align: center;
  }
  html .wp-block-columns .wp-block-image img {
    max-width: 250px;
  }
}

@media (max-width: 1000px) {
  html .wp-block-columns:has(> *:nth-child(4n)) {
    flex-wrap: wrap !important;
  }
  html .wp-block-columns:has(> *:nth-child(4n)) .wp-block-column {
    flex-basis: calc((100% - var(--wp--custom--spacing--column-gap)) / 2);
  }
}

@media (max-width: 600px) {
  html .wp-block-image .alignleft, html .wp-block-image .alignright, html figure.wp-block-image:not(.wp-block) .alignleft, html figure.wp-block-image:not(.wp-block) .alignright {
    float: none;
  }
}

@media (max-width: 600px) {
  html .block-rands-archives__column {
    width: 100%;
  }
}

@media (max-width: 768px) {
  html .block-rands-archives__item {
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  html .block-rands-archives__item > h2 {
    flex: none;
    width: 100%;
    margin-bottom: 18px;
  }
}

@media (max-width: 768px) {
  html .block-rands-archives__item ul {
    width: 100%;
  }
}

@media (max-width: 600px) {
  html .product-card__tagline {
    font-variant: normal;
    font-feature-settings: "smcp";
  }
}

@media (max-width: 600px) {
  html .product-card__specs {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  html .entry-content > *.alignwide, html .block-area > *.alignwide {
    width: calc(100% + var(--wp--custom--spacing--viewport-padding) * 2);
    max-width: 100vw;
    margin-left: calc(-1 * var(--wp--custom--spacing--viewport-padding));
    margin-right: calc(-1 * var(--wp--custom--spacing--viewport-padding));
  }
}

html{--rir-build:"818f2385"}