/* Angelphone – theme overrides for OpenCart 3 / OPC100240_1 (link at the end of <head>: /aph/site.css?v=4).
   Stage 1: HOME ONLY. Every rule is scoped to body.common-home, so all other pages stay untouched. */
@font-face{font-family:"Archivo Black";src:url(/aph/fonts/archivo-black-latin.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url(/aph/fonts/inter-latin-var.woff2) format("woff2");font-weight:100 900;font-display:swap}
body.common-home{--k-bg:#1b1b1d;--k-bg2:#232326;--k-bg3:#2c2c30;--k-ink:#f4f1ea;--k-muted:#c9c4ba;--k-line:#45454c;--k-red:#da2127;--k-red-hi:#ff5c61;--k-black:#0d0d0e;--k-t:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--k-bg)!important}

/* 1) top strip (Today's Deal / Customer Service / Track Order) + 2) theme menu bar & red phone button: hidden on home.
   The jump bar (#jump, aph.js) ignores display:none elements in data-avoid, so it sticks at top:0. */
body.common-home nav#top,body.common-home #top,
body.common-home .header_bottom_cover,body.common-home .header_bottom,
body.common-home header .header_search{display:none!important}

/* 3) remaining header: dark, logo on a light chip, light icons */
body.common-home header{background:var(--k-bg)!important;color:var(--k-ink);border-bottom:0}
body.common-home header .header_top{background:var(--k-bg);padding:12px 0 14px}
body.common-home header .header_top .container>.row{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;margin:0}
body.common-home header .header_top .container>.row::before,body.common-home header .header_top .container>.row::after{display:none}
body.common-home header .col-sm-4.header-logo{width:auto!important;margin:0!important;float:none;padding:0 0 0 4px}
body.common-home #logo a{display:inline-block;background:#fff;border-radius:10px;padding:3px 8px;box-shadow:4px 4px 0 var(--k-red);transform:rotate(-2deg)}
body.common-home #logo img{display:block;width:124px;height:auto;max-width:none}
body.common-home header .header_top .account{float:none;margin:0!important;display:flex;align-items:center;padding-bottom:16px}
body.common-home header .myaccount>a,body.common-home header .myaccount>a span,body.common-home header .header_compare span,body.common-home header .text_wishlist,body.common-home header .cart-text,body.common-home header #cart-total{color:var(--k-ink)!important;font-family:var(--k-t)}
body.common-home header .dropdown.myaccount{border-right-color:var(--k-line)!important}
/* theme icons are black sprites: hide the original background and draw an inverted copy */
body.common-home header .myaccount>a,body.common-home header .header_wishlist>a,body.common-home header .header_compare #compare-total-home{background-image:none!important}
body.common-home header .myaccount>a::before,body.common-home header .header_wishlist>a::before,body.common-home header .header_compare #compare-total-home::before{content:"";position:absolute;left:0;top:0;width:36px;height:36px;background:url(/catalog/view/theme/OPC100240_1/image/megnor/header.png) no-repeat 0 -430px;filter:invert(1);pointer-events:none;display:block}
body.common-home header .header_wishlist>a::before{background-position:0 3px;height:30px}
body.common-home header .header_compare #compare-total-home{position:relative}
body.common-home header .header_compare #compare-total-home::before{background:url(/catalog/view/theme/OPC100240_1/image/megnor/compare.svg) no-repeat 0 -2px}
body.common-home header .cart_image{filter:invert(1)}
body.common-home header .header_wishlist>a span,body.common-home header #cart .item-count{background:var(--k-red)!important;color:#fff!important;font-weight:700}
body.common-home header .header_wishlist:hover .text_wishlist,body.common-home header .header_cart:hover .cart-text,body.common-home header .myaccount>a:hover span{color:var(--k-red-hi)!important}
/* header dropdowns (account, cart) */
body.common-home header .dropdown-menu{background:var(--k-bg2)!important;border:2px solid var(--k-ink)!important;border-radius:12px!important;box-shadow:6px 6px 0 var(--k-black)!important;color:var(--k-ink)}
body.common-home header .myaccount-menu a,body.common-home header .myaccount-menu span{color:var(--k-ink)!important;background:transparent!important}
body.common-home header .myaccount-menu a:hover,body.common-home header .myaccount-menu a:hover span{color:var(--k-red-hi)!important}
body.common-home #cart .dropdown-menu :is(p,td,a,strong,span){color:var(--k-ink)!important}
body.common-home #cart .dropdown-menu :is(table,.table,td){background:transparent!important;border-color:var(--k-line)!important}
body.common-home #cart .dropdown-menu .img-thumbnail{background:#fff;border-radius:8px}
body.common-home #cart .dropdown-menu .btn{background:var(--k-red)!important;border-color:var(--k-black)!important;color:#fff!important}
@media (max-width:767px){
body.common-home header .header_top{padding:10px 0 12px}
body.common-home header .header_top .container{padding-left:12px;padding-right:12px}
body.common-home #logo img{width:96px}
body.common-home #logo a{padding:2px 6px;box-shadow:3px 3px 0 var(--k-red)}
body.common-home header .header_top .account{padding-bottom:0}
}
/* theme content wrapper on home: no extra spacing above the jump bar */
body.common-home #content.col-sm-12{padding:0}
/* cookie notice on home: dark */
body.common-home .cokie{background:var(--k-bg2)!important;border-top:3px solid var(--k-red)!important;height:auto!important;min-height:44px;padding:6px 0}
body.common-home .cokie p{color:var(--k-ink)!important;font-family:var(--k-t)!important}
body.common-home .cokie #save_cookie{background:var(--k-red)!important;border:2px solid var(--k-black)!important;border-radius:8px!important}