/* ==========================================================================
   ASU Glass — "Apple clean" style (Customize → ASU Glass → Design style)
   White & grey, no colour tints, crisp product images, flat type.
   ========================================================================== */

.asu-style-apple {
	--asu-accent: #1D1D1F;
	--asu-accent-2: #6E6E73;
	--asu-accent-txt: #0066CC;
	--asu-ink: #1D1D1F;
	--asu-ink-2: #3A3A3C;
	--asu-muted: #6E6E73;
	--asu-bg: #F5F5F7;
	--asu-line: rgba(0, 0, 0, .08);
	--asu-soft: #F5F5F7;
	--asu-btn2: #E8E8ED;
	--asu-grad: #1D1D1F;
	--asu-dark: #1D1D1F;
	--asu-radius: 22px;
	--asu-shadow: 0 2px 10px rgba(0, 0, 0, .04);
	--asu-shadow-hover: 0 14px 34px rgba(0, 0, 0, .08);
	background: var(--asu-bg);
	color: var(--asu-ink);
	letter-spacing: -0.003em;
}
.asu-style-apple :focus-visible { outline-color: #0071E3; }
.asu-style-apple .asu-prose a, .asu-style-apple .woocommerce-MyAccount-content a, .asu-style-apple .asu-wcpage__body p a { color: var(--asu-accent-txt); }
.asu-style-apple .asu-card__title a:hover, .asu-style-apple .asu-cat:hover .asu-cat__name { color: #000; opacity: .75; }

/* no blobs, glows, rings or orange shadows */
.asu-style-apple .asu-blobs,
.asu-style-apple .asu-ring,
.asu-style-apple .asu-shadow { display: none !important; }

/* flat, clean type (no 3D extrusion) */
.asu-style-apple .t3d, .asu-style-apple .t3dw, .asu-style-apple .t3ds,
.asu-style-apple.asu-3d-on .t3d, .asu-style-apple.asu-3d-on .t3dw, .asu-style-apple.asu-3d-on .t3ds { text-shadow: none !important; }
.asu-style-apple h1, .asu-style-apple h2, .asu-style-apple h3, .asu-style-apple .asu-h1, .asu-style-apple .asu-h2,
.asu-style-apple .asu-heading__title, .asu-style-apple .asu-slide__title, .asu-style-apple .asu-fhero__title { letter-spacing: -0.025em; color: var(--asu-ink); }
.asu-style-apple .glass-dk h1, .asu-style-apple .glass-dk h2, .asu-style-apple .glass-dk h3, .asu-style-apple .glass-dk .asu-h2, .asu-style-apple .glass-dk .asu-heading__title { color: #F5F5F7; }
.asu-style-apple .asu-eye { color: var(--asu-muted); letter-spacing: .08em; }
.asu-style-apple .glass-dk .asu-eye, .asu-style-apple .asu-phero__eye { color: #A1A1A6; }
.asu-style-apple .asu-giant {
	background: linear-gradient(180deg, #FFFFFF 0%, #E3E3E8 45%, #8E8E93 100%);
	-webkit-background-clip: text; background-clip: text; color: transparent;
	filter: drop-shadow(0 18px 34px rgba(0, 0, 0, .45));
}
.asu-style-apple .asu-size-giant .asu-heading__title { background: linear-gradient(180deg, #3A3A3C, #1D1D1F); -webkit-background-clip: text; background-clip: text; color: transparent; filter: none; }

/* surfaces */
.asu-style-apple .glass {
	background: #FFFFFF;
	-webkit-backdrop-filter: none; backdrop-filter: none;
	border: 1px solid rgba(0, 0, 0, .04);
	box-shadow: var(--asu-shadow);
}
.asu-style-apple .glass-dk {
	background: #1D1D1F;
	-webkit-backdrop-filter: none; backdrop-filter: none;
	border: 0;
	box-shadow: none;
	color: #F5F5F7;
}
.asu-style-apple .lift:hover { transform: translateY(-4px); box-shadow: var(--asu-shadow-hover); }
.asu-style-apple .asu-rail .glass { box-shadow: var(--asu-shadow); }
.asu-style-apple .asu-rail .lift:hover { box-shadow: var(--asu-shadow-hover); }
.asu-style-apple .float, .asu-style-apple .float2 { animation: none; }

/* buttons: black primary, grey secondary */
.asu-style-apple .bk, .asu-style-apple .asu-btn--dark { background: #1D1D1F; color: #FFFFFF; box-shadow: none; }
.asu-style-apple .asu-btn--dark:hover, .asu-style-apple .asu-btn--dark:focus { background: #000; color: #fff; }
.asu-style-apple .or, .asu-style-apple .asu-btn--or { background: var(--asu-btn2); color: #1D1D1F; box-shadow: none; }
.asu-style-apple .asu-btn--or:hover { background: #DCDCE1; color: #1D1D1F; }
.asu-style-apple .glass-dk .asu-btn--or, .asu-style-apple .asu-phero .asu-btn--or, .asu-style-apple .asu-cta .asu-btn--or, .asu-style-apple .asu-dpanel .asu-btn--or { background: #FFFFFF; color: #1D1D1F; }
.asu-style-apple .asu-btn--ghost { background: #FFFFFF; border: 1px solid #D2D2D7; box-shadow: none; }
.asu-style-apple .asu-btn--ghost-dk { background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .22); }
.asu-style-apple .asu-btn--outline { background: #FFFFFF; border: 1px solid #D2D2D7; }
.asu-style-apple .asu-btn--outline.is-on { border-color: #1D1D1F; background: #F5F5F7; color: #1D1D1F; --hf: #1D1D1F; }
.asu-style-apple .asu-btn, .asu-style-apple .asu-btns .asu-btn { border-radius: 980px; }
.asu-style-apple .asu-sqbtn, .asu-style-apple .asu-icbtn { border-radius: 50%; }
.asu-style-apple .asu-sqbtn.or { background: var(--asu-btn2); color: #1D1D1F; }
.asu-style-apple .asu-btn:hover { transform: none; }

/* small parts */
.asu-style-apple .asu-tag.bk, .asu-style-apple .asu-pill.bk, .asu-style-apple .asu-stock.or { background: #1D1D1F; color: #fff; }
.asu-style-apple .asu-pill.or, .asu-style-apple .asu-tag.or { background: var(--asu-btn2); color: #1D1D1F; }
.asu-style-apple .asu-tile { transform: none; border-radius: 14px; }
.asu-style-apple .asu-tile.or { background: var(--asu-soft); color: #1D1D1F; }
.asu-style-apple .asu-tile.bk { background: #1D1D1F; color: #fff; }
.asu-style-apple .asu-check.or { background: #1D1D1F; color: #fff; }
.asu-style-apple .asu-chip { background: #FFFFFF; border: 1px solid #D2D2D7; color: #1D1D1F; }
.asu-style-apple .asu-chip:hover { border-color: #1D1D1F; color: #1D1D1F; }
.asu-style-apple .asu-chip.is-on { background: #1D1D1F; color: #fff; border-color: #1D1D1F; box-shadow: none; }
.asu-style-apple .asu-tab.is-on { background: #1D1D1F; box-shadow: none; }
.asu-style-apple .asu-link { color: var(--asu-accent-txt); }
.asu-style-apple .asu-swipe .asu-ic { color: var(--asu-muted); }
.asu-style-apple .asu-heart { background: #FFFFFF; box-shadow: 0 1px 6px rgba(0, 0, 0, .1); color: #1D1D1F; }
.asu-style-apple .asu-heart.is-on { color: #1D1D1F; --hf: #1D1D1F; box-shadow: 0 1px 6px rgba(0, 0, 0, .15); }
.asu-style-apple .asu-badge.or, .asu-style-apple .asu-badge.bk { background: #1D1D1F; color: #fff; }

/* product images: clean white stage, no tint, no tilt, no blur */
.asu-style-apple .asu-img { filter: none; }
.asu-style-apple .asu-device { filter: grayscale(1) contrast(1.04) drop-shadow(0 10px 18px rgba(0, 0, 0, .12)); }
.asu-style-apple .asu-card__stage,
.asu-style-apple .asu-cat__v,
.asu-style-apple .asu-closer__stage,
.asu-style-apple .asu-closer__card:nth-child(even) .asu-closer__stage,
.asu-style-apple .asu-buy__thumb,
.asu-style-apple .asu-pick__v { background: #FFFFFF; perspective: none; }
.asu-style-apple .asu-card__v, .asu-style-apple .asu-card:hover .asu-card__v { transform: none; }
.asu-style-apple .asu-card:hover .asu-card__v { transform: scale(1.03); }
.asu-style-apple .asu-card__v img, .asu-style-apple .asu-cat__v img, .asu-style-apple .asu-pick__v img, .asu-style-apple .asu-slide__img img,
.asu-style-apple .asu-pgallery img, .asu-style-apple .asu-buy__thumb img, .asu-style-apple .asu-drawer__tile-v img { object-fit: contain; border-radius: 0; image-rendering: auto; }
.asu-style-apple .asu-card__stage { height: 240px; }
.asu-style-apple .asu-card__v { max-height: 220px; }
.asu-style-apple .asu-card__v img { max-height: 220px; width: auto; }
.asu-style-apple .asu-slide__img, .asu-style-apple .asu-phero__dev.is-tilt > span, .asu-style-apple .asu-dev3d__img.is-tilt,
.asu-style-apple .asu-pgallery.is-tilt .woocommerce-product-gallery__wrapper { transform: none !important; }
.asu-style-apple .asu-pgallery { background: #FFFFFF; }
.asu-style-apple .asu-pgallery .woocommerce-product-gallery__image img { filter: none; border-radius: 0; background: #fff; }
.asu-style-apple .asu-pgallery .flex-control-thumbs img { background: #fff; border: 1px solid #E5E5EA; }
.asu-style-apple .asu-pgallery .flex-control-thumbs img.flex-active, .asu-style-apple .asu-pgallery .flex-control-thumbs img:hover { border-color: #1D1D1F; }
.asu-style-apple .asu-hero--products .asu-slide__img img, .asu-style-apple .asu-hero--text .asu-slide__img img { border-radius: 0; }
.asu-style-apple .asu-colours__stage { background: #FFFFFF !important; }

/* header */
.asu-style-apple .asu-topbar__dot { background: #1D1D1F; box-shadow: none; }
.asu-style-apple .asu-topbar a.asu-topbar__accent { color: var(--asu-accent-txt); }
.asu-style-apple .asu-header__bar.glass { background: rgba(255, 255, 255, .82); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); border: 1px solid rgba(0, 0, 0, .05); box-shadow: 0 1px 8px rgba(0, 0, 0, .04); }
.asu-style-apple.is-scrolled .asu-header { background: linear-gradient(180deg, rgba(245, 245, 247, .96) 0%, rgba(245, 245, 247, .9) 75%, rgba(245, 245, 247, 0) 100%); }
.asu-style-apple.is-scrolled .asu-header__bar { background: rgba(255, 255, 255, .94); box-shadow: 0 6px 20px rgba(0, 0, 0, .06); }
.asu-style-apple .asu-nav__list > li > a { color: #1D1D1F; font-weight: 500; }
.asu-style-apple .asu-nav__list > li > a:hover, .asu-style-apple .asu-nav__list > li.current-menu-item > a, .asu-style-apple .asu-nav__list > li.current-menu-ancestor > a { color: #000; opacity: .7; }
.asu-style-apple .asu-nav__list > li.menu-item-has-children > a::after { border-color: #86868B; }
.asu-style-apple .asu-nav__list .sub-menu { background: rgba(255, 255, 255, .97); box-shadow: 0 20px 40px rgba(0, 0, 0, .1); border: 1px solid rgba(0, 0, 0, .05); transform: translateY(8px); }
.asu-style-apple .asu-nav__list li:hover > .sub-menu, .asu-style-apple .asu-nav__list li:focus-within > .sub-menu { transform: none; }
.asu-style-apple .asu-nav__list .sub-menu a:hover { background: #F5F5F7; color: #1D1D1F; }
.asu-style-apple .asu-hbtn { background: #F5F5F7; border: 0; }
.asu-style-apple .asu-logo__badge { transform: none; }
.asu-style-apple .asu-logo__badge span { color: #A1A1A6; }
.asu-style-apple .asu-logo__text em, .asu-style-apple .asu-footer__logo em { color: #86868B; }
.asu-style-apple .asu-search { box-shadow: 0 0 0 1px #D2D2D7; }
.asu-style-apple .asu-search__ic { color: #86868B; }
.asu-style-apple .asu-search__btn.or { background: #1D1D1F; color: #fff; }
.asu-style-apple .asu-search--m { background: #FFFFFF; box-shadow: 0 0 0 1px rgba(0, 0, 0, .06); }

/* drawer, bottom bar, floating WhatsApp */
.asu-style-apple .asu-drawer__panel { background: rgba(255, 255, 255, .98); }
.asu-style-apple .asu-drawer__tile { background: #F5F5F7; border: 0; }
.asu-style-apple .asu-subtoggle, .asu-style-apple .asu-drawer__li-ic, .asu-style-apple .asu-drawer__links a > .asu-ic:last-child { color: #86868B; }
.asu-style-apple .asu-mbar { background: rgba(255, 255, 255, .92); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); }
.asu-style-apple .asu-mbar__wa.or { background: #1D1D1F; color: #fff; transform: none; border-color: #F5F5F7; }
.asu-style-apple .asu-float-wa.or { background: #1D1D1F; color: #fff; box-shadow: 0 10px 24px rgba(0, 0, 0, .2); }

/* hero & sliders */
.asu-style-apple .asu-hero__stage.glass { background: #FFFFFF; }
.asu-style-apple .asu-slide { transform: translateX(6%) scale(.98); }
.asu-style-apple .asu-slide.is-prev { transform: translateX(-6%) scale(.98); }
.asu-style-apple .asu-slide.is-active { transform: none; }
.asu-style-apple .asu-hero--fx-slide .asu-slide { transform: translateX(100%); }
.asu-style-apple .asu-hero--fx-slide .asu-slide.is-prev { transform: translateX(-100%); }
.asu-style-apple .asu-hero--fx-slide .asu-slide.is-active, .asu-style-apple .asu-hero--fx-fade .asu-slide { transform: none; }
.asu-style-apple .asu-hero__dots button span { background: #D2D2D7; }
.asu-style-apple .asu-hero__dots button[aria-current="true"] span { background: #1D1D1F; box-shadow: none; }
.asu-style-apple .asu-price-big__v { color: #1D1D1F; }

/* section blocks */
.asu-style-apple .asu-dpanel__tile, .asu-style-apple .asu-upg__stat { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .1); }
.asu-style-apple .asu-dpanel__tile.is-accent strong { color: #FFFFFF; }
.asu-style-apple .asu-phero { background: #000; }
.asu-style-apple .asu-subnav { background: rgba(29, 29, 31, .9); }
.asu-style-apple .asu-subnav__links a:hover { color: #FFFFFF; opacity: .75; }
.asu-style-apple .asu-swatch.is-on { box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px #1D1D1F; }
.asu-style-apple .asu-seg button.is-on, .asu-style-apple .asu-upg__btns button.is-on { background: #FFFFFF; color: #1D1D1F; box-shadow: none; }
.asu-style-apple .asu-opt, .asu-style-apple .asu-cond { background: #FFFFFF; border: 1px solid #D2D2D7; }
.asu-style-apple .asu-opt.is-on, .asu-style-apple .asu-cond.is-on { border-color: #1D1D1F; box-shadow: 0 0 0 1px #1D1D1F; }
.asu-style-apple .asu-buy__status.is-pre { color: #1D1D1F; }
.asu-style-apple .asu-faq__q .asu-ic { color: #86868B; }
.asu-style-apple .asu-visit__lines .asu-ic { color: #86868B; }
.asu-style-apple .asu-review__stars { color: #1D1D1F; }
.asu-style-apple .asu-field input, .asu-style-apple .asu-field select, .asu-style-apple .asu-field textarea, .asu-style-apple .asu-input { background: #FFFFFF; border-color: #D2D2D7; border-radius: 12px; }
.asu-style-apple .asu-bigheart { filter: none; }
.asu-style-apple .asu-bigheart path { fill: #1D1D1F; }
.asu-style-apple .asu-enote { border-color: #D2D2D7; }

/* footer: light, like apple.com */
.asu-style-apple .asu-footer__in.glass-dk { background: #FFFFFF; color: #6E6E73; border: 1px solid rgba(0, 0, 0, .05); box-shadow: var(--asu-shadow); }
.asu-style-apple .asu-footer__logo { color: #1D1D1F; text-shadow: none !important; }
.asu-style-apple .asu-footer__brand p { color: #6E6E73; }
.asu-style-apple .asu-footer .asu-footer__h { color: #1D1D1F; }
.asu-style-apple .asu-footer__col a, .asu-style-apple .asu-footer__col span { color: #6E6E73; }
.asu-style-apple .asu-footer__col a:hover { color: #1D1D1F; }
.asu-style-apple .asu-footer .asu-footer__strong { color: #1D1D1F; }
.asu-style-apple .asu-footer__social a { background: #F5F5F7; border: 0; color: #1D1D1F; }
.asu-style-apple .asu-footer__bottom { border-top-color: rgba(0, 0, 0, .08); color: #86868B; }
.asu-style-apple .asu-news input { background: #F5F5F7; border: 1px solid #D2D2D7; color: #1D1D1F; }
.asu-style-apple .asu-news .asu-btn--or { background: #1D1D1F; color: #fff; }

/* WooCommerce */
.asu-style-apple .woocommerce a.button.alt, .asu-style-apple .woocommerce button.button.alt, .asu-style-apple .woocommerce input.button.alt,
.asu-style-apple .woocommerce .single_add_to_cart_button, .asu-style-apple .woocommerce #payment #place_order, .asu-style-apple .woocommerce .wc-proceed-to-checkout a.checkout-button,
.asu-style-apple .wc-block-components-button:not(.is-link), .asu-style-apple .asu-wcpage .wc-block-cart__submit-button, .asu-style-apple .asu-wcpage .wc-block-components-checkout-place-order-button {
	background: #1D1D1F !important; color: #FFFFFF !important; box-shadow: none !important; border-radius: 980px !important;
}
.asu-style-apple .woocommerce a.button, .asu-style-apple .woocommerce button.button { box-shadow: none; border-radius: 980px; }
.asu-style-apple .asu-psum__cart .single_add_to_cart_button { border-radius: 980px !important; }
.asu-style-apple .asu-vpill { background: #FFFFFF; border: 1px solid #D2D2D7; }
.asu-style-apple .asu-vpill.is-on { border-color: #1D1D1F; box-shadow: 0 0 0 1px #1D1D1F; }
.asu-style-apple .asu-psum__cart table.variations label { color: #6E6E73; }
.asu-style-apple .asu-psum__cart .reset_variations { color: var(--asu-accent-txt); }
.asu-style-apple .asu-wcpage .wc-block-components-text-input.is-active input:focus, .asu-style-apple .asu-wcpage .wc-block-components-text-input input:focus { border-color: #0071E3 !important; box-shadow: 0 0 0 3px rgba(0, 113, 227, .18) !important; }
.asu-style-apple .asu-wcpage .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option--checked-option-highlighted,
.asu-style-apple .asu-wcpage .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted { box-shadow: inset 0 0 0 2px #1D1D1F !important; }
.asu-style-apple .asu-wcpage .wc-block-components-radio-control__input:checked { border-color: #1D1D1F !important; }
.asu-style-apple .asu-wcpage .wc-block-components-radio-control__input:checked::before { background: #1D1D1F !important; }
.asu-style-apple .asu-wcpage .wc-block-components-sidebar-layout .wc-block-components-main,
.asu-style-apple .asu-wcpage .wp-block-woocommerce-checkout-order-summary-block, .asu-style-apple .asu-wcpage .wp-block-woocommerce-cart-order-summary-block,
.asu-style-apple .woocommerce-account .woocommerce-MyAccount-content, .asu-style-apple .woocommerce-account .woocommerce-MyAccount-navigation ul,
.asu-style-apple .asu-wcpage--account .woocommerce form.login, .asu-style-apple .asu-wcpage--account .woocommerce form.register {
	background: #FFFFFF !important; -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: var(--asu-shadow) !important; border: 1px solid rgba(0, 0, 0, .04) !important;
}
.asu-style-apple .woocommerce-message::before, .asu-style-apple .woocommerce-info::before { color: #1D1D1F !important; }
.asu-style-apple .woocommerce a.remove { color: #1D1D1F !important; }
.asu-style-apple .woocommerce a.remove:hover { background: #1D1D1F; color: #fff !important; }
.asu-style-apple .woocommerce span.onsale { background: #1D1D1F; color: #fff; }
.asu-style-apple .woocommerce-account .woocommerce-MyAccount-content mark { background: #F5F5F7; }
.asu-style-apple .asu-filters__help { background: #1D1D1F; }
.asu-style-apple .asu-desc { background: #FFFFFF; color: #1D1D1F; border: 1px solid rgba(0, 0, 0, .04); box-shadow: var(--asu-shadow); }
.asu-style-apple .asu-desc .asu-h3 { color: #1D1D1F; }
.asu-style-apple .asu-desc .asu-prose--dk { color: #3A3A3C; }
.asu-style-apple .woocommerce .star-rating span::before, .asu-style-apple .woocommerce p.stars a { color: #1D1D1F; }
.asu-style-apple .single_add_to_cart_button, .asu-style-apple .single_add_to_cart_button.disabled, .asu-style-apple .single_add_to_cart_button:disabled,
.asu-style-apple button.button.alt, .asu-style-apple button.button.alt.disabled, .asu-style-apple a.button.alt { background: #1D1D1F !important; background-color: #1D1D1F !important; color: #FFFFFF !important; border: 0 !important; box-shadow: none !important; }
.asu-style-apple .single_add_to_cart_button.disabled, .asu-style-apple .single_add_to_cart_button:disabled { opacity: .35 !important; }

/* ==========================================================================
   Everything black-on-white: former dark sections become light cards.
   ========================================================================== */
.asu-style-apple .glass-dk,
.asu-style-apple .asu-phero,
.asu-style-apple .asu-filters__help,
.asu-style-apple .asu-footer__in.glass-dk {
	background: #FFFFFF !important;
	color: #1D1D1F;
	border: 1px solid rgba(0, 0, 0, .05);
	box-shadow: var(--asu-shadow);
	-webkit-backdrop-filter: none; backdrop-filter: none;
}
.asu-style-apple .glass-dk h1, .asu-style-apple .glass-dk h2, .asu-style-apple .glass-dk h3, .asu-style-apple .glass-dk h4,
.asu-style-apple .glass-dk .asu-h2, .asu-style-apple .glass-dk .asu-h3, .asu-style-apple .glass-dk .asu-heading__title,
.asu-style-apple .glass-dk strong, .asu-style-apple .glass-dk .asu-stat__v, .asu-style-apple .glass-dk .asu-step__n, .asu-style-apple .glass-dk .asu-step__t,
.asu-style-apple .glass-dk .asu-fhero__title, .asu-style-apple .glass-dk .asu-price-big__v, .asu-style-apple .glass-dk .asu-hl__title, .asu-style-apple .glass-dk .asu-closer__title,
.asu-style-apple .glass-dk.asu-fcard .asu-fcard__title, .asu-style-apple .glass-dk.asu-trust .asu-trust__t strong, .asu-style-apple .glass-dk .asu-field,
.asu-style-apple .asu-banner.glass-dk, .asu-style-apple .asu-dpanel__title, .asu-style-apple .asu-dpanel__tile strong, .asu-style-apple .asu-dpanel__tile.is-accent strong,
.asu-style-apple .asu-phero__name, .asu-style-apple .asu-phero__line, .asu-style-apple .asu-upg__title, .asu-style-apple .asu-upg__stat strong,
.asu-style-apple .asu-cta, .asu-style-apple .asu-cta:hover, .asu-style-apple .asu-cta__title, .asu-style-apple .asu-trade__sum strong, .asu-style-apple .asu-drawer__help strong,
.asu-style-apple .asu-filters__help strong, .asu-style-apple .asu-subnav__name { color: #1D1D1F !important; }
.asu-style-apple .glass-dk p, .asu-style-apple .glass-dk .asu-checklist li, .asu-style-apple .glass-dk .asu-eye, .asu-style-apple .glass-dk .asu-muted,
.asu-style-apple .glass-dk .asu-stat__d, .asu-style-apple .glass-dk .asu-step p, .asu-style-apple .glass-dk .asu-fhero__lead, .asu-style-apple .glass-dk .asu-price-big__l,
.asu-style-apple .glass-dk .asu-hl__text, .asu-style-apple .glass-dk .asu-closer__text, .asu-style-apple .glass-dk .asu-fcard__text, .asu-style-apple .glass-dk .asu-hours div,
.asu-style-apple .asu-banner.glass-dk .asu-banner__text, .asu-style-apple .asu-dpanel__text, .asu-style-apple .asu-dpanel__tile span,
.asu-style-apple .asu-phero__eye, .asu-style-apple .asu-phero__meta, .asu-style-apple .asu-upg__stat small, .asu-style-apple .asu-upg__stat span,
.asu-style-apple .asu-cta__text, .asu-style-apple .asu-trade__sum small, .asu-style-apple .asu-drawer__help > span, .asu-style-apple .asu-filters__help span,
.asu-style-apple .asu-prose--dk, .asu-style-apple .glass-dk .asu-trust__t span { color: #6E6E73 !important; }
.asu-style-apple .asu-prose--dk { color: #3A3A3C !important; }

/* tiles / stat boxes inside the former dark panels */
.asu-style-apple .asu-dpanel__tile, .asu-style-apple .asu-upg__stat { background: #F5F5F7 !important; border: 0 !important; }
.asu-style-apple .asu-trade__sum { background: #F5F5F7 !important; border: 0 !important; box-shadow: none !important; }

/* promo hero on white: dark metallic giant word */
.asu-style-apple .asu-phero .asu-giant {
	background: linear-gradient(180deg, #8E8E93 0%, #3A3A3C 45%, #1D1D1F 100%);
	-webkit-background-clip: text; background-clip: text; color: transparent;
	filter: none;
}
.asu-style-apple .asu-phero__dev .asu-device { filter: grayscale(1) contrast(1.04) drop-shadow(0 24px 30px rgba(0, 0, 0, .18)); }

/* sticky sub-nav: frosted white */
.asu-style-apple .asu-subnav { background: rgba(255, 255, 255, .88) !important; -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); border: 1px solid rgba(0, 0, 0, .06); box-shadow: 0 6px 20px rgba(0, 0, 0, .06); }
.asu-style-apple .asu-subnav__links a { color: #3A3A3C !important; }
.asu-style-apple .asu-subnav__links a:hover { color: #000 !important; opacity: 1; }

/* segmented / model buttons */
.asu-style-apple .asu-seg { background: #F5F5F7 !important; border: 0; box-shadow: none; }
.asu-style-apple .asu-seg button, .asu-style-apple .asu-upg__btns button { color: #1D1D1F; background: #FFFFFF; border: 1px solid #D2D2D7; }
.asu-style-apple .asu-seg button { border: 0; background: transparent; }
.asu-style-apple .asu-seg button.is-on, .asu-style-apple .asu-upg__btns button.is-on { background: #1D1D1F !important; color: #FFFFFF !important; border-color: #1D1D1F; }

/* buttons that used to sit on dark: primary = black, secondary = outline */
.asu-style-apple .glass-dk .asu-btn--or, .asu-style-apple .asu-phero .asu-btn--or, .asu-style-apple .asu-cta .asu-btn--or,
.asu-style-apple .asu-dpanel .asu-btn--or, .asu-style-apple .asu-subnav .asu-btn--or, .asu-style-apple .asu-trade__sum .asu-btn--or,
.asu-style-apple .asu-filters__help .asu-btn--or, .asu-style-apple .asu-drawer__help .asu-btn--or, .asu-style-apple .asu-news .asu-btn--or { background: #1D1D1F !important; color: #FFFFFF !important; }
.asu-style-apple .asu-btn--ghost-dk { background: #FFFFFF !important; color: #1D1D1F !important; border: 1px solid #D2D2D7 !important; }
.asu-style-apple .asu-btn--ghost-dk:hover { border-color: #1D1D1F !important; }


/* ==========================================================================
   Orange hover layer: the site stays black & white, orange appears on hover.
   ========================================================================== */
.asu-style-apple { --asu-or: #FF5A00; --asu-or-2: #FF8A3D; --asu-or-soft: #FFF1E8; --asu-or-txt: #C24400; }
.asu-style-apple :focus-visible { outline-color: var(--asu-or); }

/* hidden glow layer that fades in behind images on hover */
.asu-style-apple .asu-glow { display: block !important; opacity: 0; background: var(--asu-or); filter: blur(50px); transition: opacity .45s var(--asu-ease); }
.asu-style-apple :is(.asu-card, .asu-cat, .asu-closer__card, .asu-pick, .asu-banner, .asu-slide__vis, .asu-pgallery, .asu-fhero, .asu-dev3d):hover .asu-glow { opacity: .22; }
.asu-style-apple .asu-phero > .asu-glow, .asu-style-apple .glass-dk > .asu-glow, .asu-style-apple .asu-glow--tr { display: none !important; }

/* cards: orange edge + warm shadow on hover */
.asu-style-apple :is(.asu-card, .asu-cat, .asu-fcard, .asu-hl__card, .asu-rcard, .asu-ccard, .asu-pick, .asu-banner, .asu-closer__card, .asu-step, .asu-review, .asu-feat, .asu-faq__item, .asu-trust__item) { transition: transform .4s var(--asu-ease), box-shadow .4s var(--asu-ease), border-color .4s var(--asu-ease); }
.asu-style-apple :is(.asu-card, .asu-cat, .asu-fcard, .asu-hl__card, .asu-rcard, .asu-ccard, .asu-pick, .asu-banner, .asu-closer__card, .asu-step, .asu-review, .asu-feat):hover {
	border-color: rgba(255, 90, 0, .45) !important;
	box-shadow: 0 0 0 1px rgba(255, 90, 0, .25), 0 18px 40px rgba(255, 90, 0, .16) !important;
}
.asu-style-apple .asu-faq__item:hover { border-color: rgba(255, 90, 0, .4) !important; }
.asu-style-apple .asu-faq__item:hover .asu-faq__q, .asu-style-apple .asu-faq__item.is-open .asu-faq__q .asu-ic { color: var(--asu-or-txt); }
.asu-style-apple :is(.asu-card, .asu-cat, .asu-pick, .asu-closer__card) .asu-card__stage,
.asu-style-apple .asu-cat__v, .asu-style-apple .asu-closer__stage { transition: background .45s var(--asu-ease); }
.asu-style-apple .asu-card:hover .asu-card__stage, .asu-style-apple .asu-cat:hover .asu-cat__v, .asu-style-apple .asu-closer__card:hover .asu-closer__stage { background: linear-gradient(180deg, #FFFFFF 40%, var(--asu-or-soft) 100%); }
.asu-style-apple .asu-card:hover .asu-card__title a, .asu-style-apple .asu-cat:hover .asu-cat__name, .asu-style-apple .asu-pick:hover .asu-pick__n,
.asu-style-apple .asu-fcard:hover .asu-fcard__title, .asu-style-apple .asu-hl__card:hover .asu-hl__title, .asu-style-apple .asu-ccard:hover strong, .asu-style-apple .asu-rcard:hover h3 { color: var(--asu-or-txt) !important; opacity: 1; }
.asu-style-apple :is(.asu-fcard, .asu-hl__card, .asu-rcard, .asu-ccard, .asu-trust__item, .asu-feat):hover .asu-tile { background: var(--asu-or) !important; color: #FFFFFF !important; }
.asu-style-apple .asu-tile { transition: background .3s, color .3s; }
.asu-style-apple .asu-step:hover .asu-step__n { color: var(--asu-or) !important; }
.asu-style-apple .asu-dpanel__tile:hover { background: var(--asu-or-soft) !important; }
.asu-style-apple .asu-dpanel__tile:hover strong { color: var(--asu-or-txt) !important; }
.asu-style-apple .asu-upg__stat:hover strong, .asu-style-apple .asu-stat:hover .asu-stat__v { color: var(--asu-or) !important; }

/* buttons: black → orange on hover */
.asu-style-apple .asu-btn, .asu-style-apple .asu-sqbtn, .asu-style-apple .asu-icbtn, .asu-style-apple .asu-hbtn, .asu-style-apple .asu-chip, .asu-style-apple .asu-tab, .asu-style-apple .asu-heart { transition: background .25s, color .25s, border-color .25s, box-shadow .25s; }
.asu-style-apple .asu-btn--dark:hover, .asu-style-apple .bk.asu-icbtn:hover, .asu-style-apple .asu-search__btn:hover,
.asu-style-apple .glass-dk .asu-btn--or:hover, .asu-style-apple .asu-phero .asu-btn--or:hover, .asu-style-apple .asu-cta .asu-btn--or:hover, .asu-style-apple .asu-dpanel .asu-btn--or:hover,
.asu-style-apple .asu-subnav .asu-btn--or:hover, .asu-style-apple .asu-trade__sum .asu-btn--or:hover, .asu-style-apple .asu-news .asu-btn--or:hover,
.asu-style-apple .asu-mbar__wa:hover, .asu-style-apple .asu-float-wa:hover,
.asu-style-apple .single_add_to_cart_button:not(.disabled):not(:disabled):hover, .asu-style-apple .woocommerce a.button:hover, .asu-style-apple .woocommerce button.button:not(:disabled):hover,
.asu-style-apple .wc-block-components-button:not(.is-link):hover, .asu-style-apple .asu-wcpage .wc-block-cart__submit-button:hover, .asu-style-apple .asu-wcpage .wc-block-components-checkout-place-order-button:hover {
	background: var(--asu-or) !important; background-color: var(--asu-or) !important; color: #FFFFFF !important; box-shadow: 0 10px 24px rgba(255, 90, 0, .35) !important;
}
.asu-style-apple .asu-btn--or:hover, .asu-style-apple .asu-sqbtn.or:hover { background: var(--asu-or-soft) !important; color: var(--asu-or-txt) !important; }
.asu-style-apple .asu-btn--ghost:hover, .asu-style-apple .asu-btn--outline:hover, .asu-style-apple .asu-btn--ghost-dk:hover, .asu-style-apple .asu-icbtn.glass:hover { border-color: var(--asu-or) !important; color: var(--asu-or-txt) !important; background: #FFFFFF !important; }
.asu-style-apple .asu-hbtn:hover { background: var(--asu-or-soft); color: var(--asu-or-txt); }
.asu-style-apple .asu-heart:hover { color: var(--asu-or); --hf: rgba(255, 90, 0, .15); }
.asu-style-apple .asu-chip:hover, .asu-style-apple .asu-vpill:hover, .asu-style-apple .asu-opt:hover, .asu-style-apple .asu-cond:hover, .asu-style-apple .asu-upg__btns button:hover { border-color: var(--asu-or) !important; color: var(--asu-or-txt); }
.asu-style-apple .asu-chip.is-on:hover, .asu-style-apple .asu-upg__btns button.is-on:hover { color: #FFFFFF; }
.asu-style-apple .asu-tab:not(.is-on):hover, .asu-style-apple .asu-seg button:not(.is-on):hover { color: var(--asu-or-txt); }
.asu-style-apple .asu-swatch:hover { box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px var(--asu-or); }
.asu-style-apple .asu-hero__dots button:hover span { background: var(--asu-or-2); }

/* links & menus */
.asu-style-apple .asu-nav__list > li > a:hover, .asu-style-apple .asu-nav__list > li:hover > a { color: var(--asu-or-txt) !important; opacity: 1 !important; }
.asu-style-apple .asu-nav__list > li:hover > a::after { border-color: var(--asu-or); }
.asu-style-apple .asu-nav__list .sub-menu a:hover { background: var(--asu-or-soft); color: var(--asu-or-txt); }
.asu-style-apple .asu-drawer__list a:hover, .asu-style-apple .asu-drawer__links a:hover, .asu-style-apple .asu-drawer__tile:hover { color: var(--asu-or-txt); }
.asu-style-apple .asu-drawer__tile:hover { background: var(--asu-or-soft); }
.asu-style-apple .asu-footer__col a:hover, .asu-style-apple .asu-crumbs a:hover, .asu-style-apple .asu-subnav__links a:hover, .asu-style-apple .asu-topbar a:hover,
.asu-style-apple .asu-link:hover, .asu-style-apple .asu-visit__lines a:hover, .asu-style-apple .asu-psum__call:hover { color: var(--asu-or-txt) !important; }
.asu-style-apple .asu-footer__social a:hover { background: var(--asu-or); color: #FFFFFF; }
.asu-style-apple .asu-logo:hover .asu-logo__text em { color: var(--asu-or); }
.asu-style-apple .woocommerce-account .woocommerce-MyAccount-navigation a:hover { background: var(--asu-or-soft); color: var(--asu-or-txt); }
.asu-style-apple .woocommerce-account .woocommerce-MyAccount-navigation .is-active a:hover { background: #1D1D1F; color: #fff; }

/* touch screens: show the orange accent when pressed */
@media (hover: none) {
	.asu-style-apple .asu-btn--dark:active, .asu-style-apple .single_add_to_cart_button:active { background: var(--asu-or) !important; }
	.asu-style-apple :is(.asu-card, .asu-cat):active { border-color: rgba(255, 90, 0, .45) !important; }
}
