/* AAT-specific class overrides live here; shared components stay in base.css. */

.site-header--aat .site-search {
    --aa-primary-color: #707070;
    --aa-primary-color-rgb: 112, 112, 112;
    --aa-muted-color-rgb: 112, 112, 112;
}

.site-header--aat .site-header__inner {
    grid-template-columns: 14.85rem minmax(0, 1fr) auto;
    gap: 2.55rem;
    padding: 0.62rem 0 0.57rem;
}

.site-header--aat .site-brand__logo {
    max-width: 6.25rem;
    height: 5.6rem;
}

.site-header--aat .site-nav--aat .site-nav__link {
    padding: 0.97rem 1.08rem 1.08rem;
    font-size: 1.07rem;
}

.site-header--aat .site-nav--aat .site-nav__item.is-open > .site-nav__link::after {
    right: 1.08rem;
    bottom: 0.4rem;
    left: 1.08rem;
}

.site-header--aat .site-nav--aat .site-nav__panel {
    top: 6.85rem;
}

.site-header--aat .site-header__tools .site-search {
    flex-basis: 14.25rem;
    width: 14.25rem;
}

.site-header--aat .site-search .aa-Form,
.site-header--aat .site-search .aa-DetachedSearchButton,
.site-header--aat .site-search__input {
    height: 2.65rem;
    min-height: 2.65rem;
    padding: 0.5rem 0.9rem;
    border-color: #a8a8a8;
    background: #eee;
    font-size: 0.94rem;
}

.site-header--aat .site-search .aa-DetachedSearchButtonIcon {
    width: 2rem;
    height: 2rem;
}

.site-header--aat .site-search .aa-SubmitButton,
.site-header--aat .site-search .aa-LoadingIndicator {
    width: 2.25rem;
    padding: 0 0.5rem;
}

.site-header--aat .site-search .aa-Form:focus-within,
.site-header--aat .site-search__input:focus {
    border-color: #8f8f8f;
    box-shadow: 0 0 0 0.2rem rgba(17, 17, 17, 0.08);
}

.site-header--aat .site-search .aa-SubmitButton,
.site-header--aat .site-search .aa-LoadingIndicator,
.site-header--aat .site-search .aa-InputWrapperPrefix,
.site-header--aat .site-search .aa-InputWrapperSuffix {
    color: #c4c4c4;
}

.site-header--aat .site-search .aa-SubmitIcon,
.site-header--aat .site-search .aa-LoadingIcon {
    width: 1.14rem;
    height: 1.14rem;
    color: #c4c4c4;
    fill: #c4c4c4;
    stroke: #c4c4c4;
}

.site-header--aat .site-header__tools {
    gap: 1.03rem;
}

.site-header--aat .site-header__icons {
    gap: 0.63rem;
}

.site-header--aat .site-header__icon-link {
    min-width: 2.85rem;
    height: 2.85rem;
    padding: 0 0.5rem;
    border-color: transparent;
    background: #fff;
    font-size: 1rem;
}

.site-header--aat .site-header__icon-link .las {
    font-size: 1.82rem;
}

.site-header--aat .site-header__help:not(:hover) .site-header__icon-link:not(:focus-visible) {
    border-color: transparent;
    background: #fff;
    color: var(--site-heading);
}

.site-header--aat .site-header__cart-count {
    top: -0.1rem;
    right: -0.1rem;
    min-width: 1.14rem;
    height: 1.14rem;
    padding: 0 0.25rem;
    font-size: 0.73rem;
}

.site-header--aat .site-usp-strip__item {
    font-size: 1.05rem;
    line-height: 1.15;
}

body[data-style="aat"] .product-detail__shell {
    padding-top: 0.55rem;
}

body[data-style="aat"] .product-detail h1 {
    font-size: clamp(1.45rem, 1.45vw, 1.75rem);
    line-height: 1.12;
}

body[data-style="aat"] .product-detail__price small {
    font-size: 0.9rem;
}

body[data-style="aat"] .product-detail__price span {
    font-size: 1.55rem;
}

body[data-style="aat"] .product-gallery__thumb {
    border-radius: 0.25rem;
}

body[data-style="aat"] .product-gallery__thumb img {
    border-radius: 0.18rem;
}

.site-header--aat .site-nav--aat:not(.site-nav--mobile) .mega-menu {
    padding-top: 1.05rem;
    padding-bottom: 1.2rem;
    box-shadow: 0 24px 46px rgba(15, 23, 42, 0.06);
}

.site-header--aat .site-nav--aat:not(.site-nav--mobile) .mega-menu__grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) 240px;
    gap: 1.05rem 1.55rem;
}

.site-header--aat .site-nav--aat:not(.site-nav--mobile) .mega-menu__list + .mega-menu__list {
    margin-top: 0.55rem;
}

.site-header--aat .site-nav--aat:not(.site-nav--mobile) .mega-menu__title {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.28rem;
    padding-top: 0;
    border-top: 0;
    font-size: 0.89rem;
    line-height: 1.1;
}

.site-header--aat .site-nav--aat:not(.site-nav--mobile) .mega-menu__title:not(.mega-menu__title--plain)::after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background: var(--site-border);
}

.site-header--aat .site-nav--aat:not(.site-nav--mobile) .mega-menu__list li:not(.mega-menu__title) + li:not(.mega-menu__title) {
    margin-top: 0.08rem;
}

.site-header--aat .site-nav--aat:not(.site-nav--mobile) .mega-menu__list a {
    display: flex;
    align-items: flex-start;
    gap: 0.24rem;
    padding: 0.02rem 0;
    color: #666666;
    font-size: 0.86rem;
    line-height: 1.28;
}

.site-header--aat .site-nav--aat:not(.site-nav--mobile) .mega-menu__list a::before {
    content: "\203A";
    flex: 0 0 auto;
    width: 0.42rem;
    margin-top: -0.01rem;
    color: #cfcfcf;
    font-size: 0.9em;
    line-height: 1.28;
}

.site-header--aat .site-nav--aat:not(.site-nav--mobile) .mega-menu__list a:hover::before {
    color: #999999;
}

body[data-style="aat"] .home-trending .slick-prev,
body[data-style="aat"] .home-trending .slick-next {
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: none;
    color: #555;
}

body[data-style="aat"] .home-trending .slick-prev:hover,
body[data-style="aat"] .home-trending .slick-prev:focus,
body[data-style="aat"] .home-trending .slick-next:hover,
body[data-style="aat"] .home-trending .slick-next:focus {
    background: #fff;
    color: #111;
}

body[data-style="aat"] .home-features .slick-dots li button::before {
    color: #fff;
    opacity: 0.45;
}

body[data-style="aat"] .home-features .slick-dots li.slick-active button::before {
    color: #fff;
    opacity: 1;
}

body[data-style="aat"] .home-features .slick-prev .las,
body[data-style="aat"] .home-features .slick-next .las {
    font-size: 1.6rem;
    text-shadow: none;
}

body[data-style="aat"] .home-trending {
    margin-bottom: 1.9rem;
}

body[data-style="aat"] .home-trending h2 {
    margin-bottom: 0.55rem;
    font-size: var(--page-h2-size);
    line-height: 1.1;
}

body[data-style="aat"] .home-trending__tabs {
    gap: 1.3rem;
    margin-bottom: 0.9rem;
}

body[data-style="aat"] .home-trending__tab {
    height: 2.35rem;
    padding-bottom: 0.4rem;
    border-bottom-width: 2px;
    font-size: 1.08rem;
    line-height: 1;
}

body[data-style="aat"] .home-trending .slick-prev,
body[data-style="aat"] .home-trending .slick-next {
    width: 2.2rem;
    height: 2.2rem;
}

body[data-style="aat"] .home-trending .slick-prev .las,
body[data-style="aat"] .home-trending .slick-next .las {
    font-size: 1.75rem;
}

body[data-style="aat"] .home-categories__shell {
    width: min(100% - 2rem, var(--shell-max-width));
}

body[data-style="aat"] .home-categories h2,
body[data-style="aat"] .delivery-options h2 {
    font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
    font-size: var(--page-h2-size);
    font-weight: 400;
    line-height: 1.12;
}

body[data-style="aat"] .home-categories h2 {
    margin-bottom: 0.65rem;
}

body[data-style="aat"] .delivery-options {
    background: #fff;
}

body[data-style="aat"] .home-categories__tiles {
    gap: 0.55rem;
}

body[data-style="aat"] .home-categories__tile {
    min-height: 2.95rem;
    padding: 0.48rem 0.85rem;
    font-size: 1.03rem;
    line-height: 1.1;
}

@media (min-width: 768px) {
    body[data-style="aat"] .home-categories__panels {
        margin-top: 0.6rem;
    }

    body[data-style="aat"] .home-categories__panel {
        padding-top: 0.75rem;
    }

    body[data-style="aat"] .home-categories .mega-menu__grid {
        gap: 1.05rem 1.55rem;
    }

    body[data-style="aat"] .home-categories .mega-menu__list + .mega-menu__list {
        margin-top: 0.55rem;
    }

    body[data-style="aat"] .home-categories .mega-menu__title {
        display: flex;
        align-items: center;
        gap: 0.45rem;
        margin-bottom: 0.28rem;
        padding-top: 0;
        border-top: 0;
        font-size: 0.89rem;
        line-height: 1.1;
    }

    body[data-style="aat"] .home-categories .mega-menu__title:not(.mega-menu__title--plain)::after {
        content: "";
        flex: 1 1 auto;
        height: 1px;
        background: var(--site-border);
    }

    body[data-style="aat"] .home-categories .mega-menu__list li:not(.mega-menu__title) + li:not(.mega-menu__title) {
        margin-top: 0.08rem;
    }

    body[data-style="aat"] .home-categories .mega-menu__list a {
        display: flex;
        align-items: flex-start;
        gap: 0.24rem;
        padding: 0.02rem 0;
        color: #666666;
        font-size: 0.86rem;
        line-height: 1.28;
    }

    body[data-style="aat"] .home-categories .mega-menu__list a::before {
        content: "\203A";
        flex: 0 0 auto;
        width: 0.42rem;
        margin-top: -0.01rem;
        color: #cfcfcf;
        font-size: 0.9em;
        line-height: 1.28;
    }

    body[data-style="aat"] .home-categories .mega-menu__list a:hover::before {
        color: #999999;
    }
}

body[data-style="aat"] .site-footer__inner {
    padding-top: 1.6rem;
    padding-bottom: 1.1rem;
}

body[data-style="aat"] .site-footer--aat {
    background: #fff;
}

body[data-style="aat"] .site-footer h2 {
    margin-bottom: 0.95rem;
    font-size: var(--page-h2-size);
    line-height: 1.12;
}

body[data-style="aat"] .site-footer h3 {
    margin-bottom: 0.42rem;
    font-size: 1.12rem;
    line-height: 1.15;
}

body[data-style="aat"] .site-footer li {
    margin: 0.18rem 0;
    font-size: 0.94rem;
    line-height: 1.22;
}

body[data-style="aat"] .site-footer__service-grid {
    gap: 1.55rem;
}

body[data-style="aat"] .site-recognition {
    margin-top: 1.65rem;
    padding: 1.2rem 0;
}

body[data-style="aat"] .site-recognition__copy p {
    margin-bottom: 0.55rem;
    font-size: 1rem;
    line-height: 1.45;
}

body[data-style="aat"] .site-footer__bottom {
    gap: 1.35rem;
    margin-top: 1.25rem;
}

body[data-style="aat"] .site-footer__details {
    gap: 0.58rem;
}

body[data-style="aat"] .site-footer__detail-row {
    line-height: 1.22;
}

body[data-style="aat"] .site-footer__detail-row h3 {
    font-size: 1.08rem;
}

body[data-style="aat"] .site-footer__social-icons img {
    width: 1.75rem;
    height: 1.75rem;
}

body[data-style="aat"] .site-footer__payment-icons img {
    max-width: 3.75rem;
    max-height: 1.65rem;
}

body[data-style="aat"] .site-footer__legal {
    font-size: 0.86rem;
    line-height: 1.25;
}

body[data-style="aat"] .aa-DetachedContainer {
    --aa-primary-color: #111;
    --aa-primary-color-rgb: 17, 17, 17;
    --aa-muted-color-rgb: 90, 90, 90;
    border: 1px solid rgba(17, 17, 17, 0.14);
}

body[data-style="aat"] .aa-DetachedContainer .aa-DetachedFormContainer {
    border-bottom-color: rgba(17, 17, 17, 0.1);
}

body[data-style="aat"] .aa-DetachedContainer .aa-Form {
    border: 1px solid #111;
    box-shadow: none;
}

body[data-style="aat"] .aa-DetachedContainer .aa-Form:focus-within {
    border-color: var(--site-primary);
    box-shadow: 0 0 0 0.16rem rgba(var(--site-primary-rgb), 0.18);
}

body[data-style="aat"] .aa-DetachedContainer .aa-SubmitButton,
body[data-style="aat"] .aa-DetachedContainer .aa-LoadingIndicator,
body[data-style="aat"] .aa-DetachedContainer .aa-InputWrapperPrefix,
body[data-style="aat"] .aa-DetachedContainer .aa-InputWrapperSuffix,
body[data-style="aat"] .aa-DetachedContainer .aa-DetachedCancelButton {
    color: #111;
}

body[data-style="aat"] .aa-DetachedContainer .aa-SubmitIcon,
body[data-style="aat"] .aa-DetachedContainer .aa-LoadingIcon {
    color: #111;
    fill: #111;
    stroke: #111;
}

body[data-style="aat"] .aa-DetachedContainer .aa-Item[aria-selected="true"] {
    background: rgba(var(--site-primary-rgb), 0.08);
}

body[data-style="aat"] .aa-DetachedContainer .aa-Item a {
    color: #111;
}