/* MONIGADGET / Atelier Edition — drop-in design enhancement */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f6f8fc;--ink:#101d32;--muted:#66748a;--line:#e5eaf2}
body{background:var(--bg);color:var(--ink);font-size:13px;-webkit-font-smoothing:antialiased}
.container{max-width:1280px}
.announcement{background:linear-gradient(100deg,#09162b,#17335d 65%,#13213e);color:#e4efff;letter-spacing:.09em;padding:9px}
.header{background:rgba(255,255,255,.95);backdrop-filter:blur(18px);box-shadow:0 8px 35px #0a23430a}
.nav{min-height:73px}.brand{font-size:20px;letter-spacing:-.075em;color:#11233e}.navlinks a{transition:color .2s}.search{background:#f3f6fa;border-color:#e8edf4}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}
.hero{background:linear-gradient(115deg,#f4f7ff 0%,#eaf0fc 53%,#dbe8ff 100%);border:1px solid #e2e9f7;box-shadow:0 24px 60px #18345a12;border-radius:24px;min-height:415px}
.hero-copy{padding-top:55px;padding-bottom:50px}.eyebrow{font-size:10px;letter-spacing:.2em}.hero h1{font-size:clamp(27px,2.8vw,38px);letter-spacing:-.05em;line-height:1.16;max-width:460px}.hero p{font-size:13px;color:#63718a;line-height:1.8}
.hero-art{background:radial-gradient(circle at 55% 45%,#d7e7ff,#e6eafa 54%,#e8eef9)}.orb{background:linear-gradient(145deg,#bed6ff,#f7faff);box-shadow:inset -22px -22px 55px #7b9bcb44,0 25px 75px #6c88b536}.phone{background:linear-gradient(140deg,#536e9e,#14233e 70%,#344e77);border-color:#273d5e;box-shadow:25px 35px 50px #24416b55,inset 0 0 10px #ffffff40}
.float-tag{background:#ffffffdc;border:1px solid #ffffffa8;box-shadow:0 16px 40px #17345d1a}.btn{border-radius:11px;box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 19%,transparent);transition:transform .2s,box-shadow .2s,filter .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 13px 25px color-mix(in srgb,var(--accent) 24%,transparent)}.btn:focus-visible,.add-btn:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.trust{border:1px solid #e7edf6;box-shadow:0 8px 25px #122b4b08;border-radius:15px}.section{padding-top:52px}.section-head h2{font-size:21px;letter-spacing:-.04em}.section-head a{color:var(--accent)}
.category-card,.product-card{border:1px solid #e5eaf3;box-shadow:0 5px 20px #152b4909;transition:transform .25s,box-shadow .25s,border-color .25s}.category-card:hover,.product-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #152b4917;border-color:#cfdaec}.category-card{background:linear-gradient(150deg,#fff,#f9fbff);border-radius:18px}.category-icon{color:var(--accent)}
.product-card{border-radius:17px}.product-image{background:linear-gradient(145deg,#f1f5fb,#e9eff8)}.product-image img{transition:transform .35s}.product-card:hover .product-image img{transform:scale(1.055)}.product-info{padding:16px}.product-name{font-size:12px;line-height:1.55}.price{font-size:15px;color:#112743}.add-btn{border-color:#dce5f1;background:#f8fbff;transition:background .2s,color .2s}.pill{box-shadow:0 4px 16px #0d294014}
.footer{background:linear-gradient(120deg,#0b182c,#142a48);color:#f7fbff}.footer-grid a{color:#c0ccde}.form-card,.stats>div,.table-wrap{box-shadow:0 10px 35px #162b480a;border-color:#e4eaf2}.form-card input:focus,.form-card textarea:focus,.form-card select:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}
@media(max-width:800px){.hero{border-radius:18px}.hero h1{font-size:28px}.hero-copy{padding:32px 24px 25px}.hero-art{min-height:250px}.section-head h2{font-size:19px}.section{padding-top:40px}.nav{min-height:60px}.category-card{min-height:125px}}
@media(max-width:420px){.brand{font-size:18px}.hero h1{font-size:26px}.hero p{font-size:12px}.hero-art{min-height:225px}.section-head h2{font-size:18px}.product-name{font-size:11.5px}.price{font-size:13px}.trust{font-size:10px}.float-tag{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* MONIGADGET — PREMIUM MOBILE UPDATE */
:root {
--accent: #7563ed;
--mg-ink: #17182b;
--mg-line: #ececf4;
}

body {
  background: #f8f9fd;
  color: var(--mg-ink);
}

.header {
  background: rgba(255,255,255,.97);
  box-shadow: 0 4px 24px rgba(25,20,70,.05);
}

.hero {
  border-radius: 26px;
  overflow: hidden;
  background: linear-gradient(120deg,#f4f0ff,#edf5ff);
}

.hero h1 {
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1.13;
}

.btn {
  border-radius: 13px;
  transition: transform .2s ease, box-shadow .2s ease;
}

.btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 9px 24px rgba(117,99,237,.18);
}

.category-card {
  background: #fff;
  border: 1px solid var(--mg-line);
  border-radius: 19px;
  transition: transform .25s ease, box-shadow .25s ease;
}

.category-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(30,25,90,.08);
}

.product-grid {
  gap: 17px;
}

.product-card {
  border-radius: 19px;
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease;
}

.product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(30,25,90,.09);
}

.product-card img {
  object-fit: contain;
  transition: transform .3s ease;
}

.product-card:hover img {
  transform: scale(1.04);
}

@media (max-width: 767px) {
  .announcement {
    font-size: 10px;
    padding: 7px 10px;
    text-align: center;
  }

  .header .nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .header .brand {
    font-size: 16px;
    font-weight: 800;
    letter-spacing: -.04em;
    margin-right: auto;
  }

  .header .navlinks {
    order: 4;
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 8px;
    font-size: 12px;
  }

  .header .search {
    order: 3;
    width: 100%;
    flex-basis: 100%;
    min-width: 0;
  }

  .header .search input {
    height: 42px;
    min-height: 42px;
    font-size: 13px;
    border-radius: 12px;
  }

  .cart-link {
    font-size: 12px;
    white-space: nowrap;
  }

  .hero {
    display: grid;
    grid-template-columns: 1fr 115px;
    align-items: center;
    min-height: 0;
    padding: 22px 16px;
    gap: 8px;
    border-radius: 19px;
    margin-top: 14px;
  }

  .hero-copy {
    min-width: 0;
  }

  .hero .eyebrow {
    font-size: 9px;
    letter-spacing: .07em;
  }

  .hero h1 {
    font-size: clamp(22px,6vw,29px);
    line-height: 1.12;
    margin: 10px 0;
  }

  .hero p {
    font-size: 11px;
    line-height: 1.55;
    margin-bottom: 13px;
  }

  .hero .btn {
    font-size: 11px;
    padding: 11px 13px;
  }

  .hero-foot {
    font-size: 9px;
    margin-top: 12px;
  }

  .hero-art {
    min-width: 0;
    width: 100%;
    max-width: 115px;
    min-height: 140px;
    position: relative;
  }

  .hero-art img {
    width: 100%;
    height: 160px;
    object-fit: contain;
  }

  .hero .phone {
    transform: scale(.55);
    transform-origin: center;
  }

  .hero .float-tag {
    display: none;
  }

  .trust {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 10px;
    margin-top: 14px;
  }

  .section {
    margin-top: 30px;
  }

  .section-head h2 {
    font-size: 20px;
    letter-spacing: -.03em;
  }

  .section-head .eyebrow {
    font-size: 10px;
  }

  .category-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
  }

  .category-card {
    min-width: 0;
    padding: 15px 12px;
    border-radius: 15px;
  }

  .category-card strong {
    font-size: 13px;
  }

  .category-card .category-icon {
    font-size: 24px;
  }

  .product-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
  }

  .product-card {
    min-width: 0;
    border-radius: 15px;
  }

  .page-title {
    font-size: 25px;
  }

  .footer-grid {
    gap: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .btn, .category-card, .product-card,
  .product-card img {
    transition: none;
  }
}

/* MONIGADGET DESKTOP HERO FIX */
@media (min-width: 768px) {
  .hero {
    min-height: 360px !important;
    height: auto !important;
    padding: 25px 35px !important;
  }

  .hero-copy {
    padding: 20px !important;
  }

  .hero-art {
    min-height: 280px !important;
    max-height: 320px !important;
  }

  .hero h1 {
    font-size: 36px !important;
  }
}

/* MONIGADGET — COMPACT MOBILE DESIGN V2 */
@media screen and (max-width: 767px) {

  /* Compact hero banner */
  body .container .hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 95px !important;
    align-items: center !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 20px 14px !important;
    gap: 5px !important;
    margin-top: 12px !important;
    border-radius: 18px !important;
  }

  .hero .hero-copy {
    padding: 0 !important;
    min-width: 0 !important;
  }

  .hero .eyebrow {
    font-size: 8px !important;
    letter-spacing: .04em !important;
    margin-bottom: 7px !important;
  }

  .hero .hero-copy h1 {
    font-size: 23px !important;
    line-height: 1.13 !important;
    letter-spacing: -.04em !important;
    margin: 6px 0 9px !important;
  }

  .hero .hero-copy p {
    font-size: 11px !important;
    line-height: 1.45 !important;
    margin: 0 0 12px !important;
  }

  .hero .hero-copy .btn {
    font-size: 11px !important;
    padding: 10px 12px !important;
    border-radius: 10px !important;
    min-height: 0 !important;
  }

  .hero .hero-foot {
    font-size: 9px !important;
    margin-top: 10px !important;
  }

  /* Smaller phone artwork */
  .hero .hero-art {
    width: 95px !important;
    min-width: 0 !important;
    max-width: 95px !important;
    height: 160px !important;
    min-height: 160px !important;
    max-height: 160px !important;
    overflow: hidden !important;
  }

  .hero .hero-art img {
    width: 100% !important;
    height: 160px !important;
    object-fit: contain !important;
  }

  .hero .phone {
    transform: translate(-50%, -50%) scale(.48) !important;
    transform-origin: center !important;
  }

  .hero .float-tag {
    display: none !important;
  }

  /* Reduce gaps */
  .trust {
    margin: 10px 0 0 !important;
    padding: 10px !important;
    gap: 7px !important;
    font-size: 9px !important;
  }

  main.container > .section {
    margin-top: 18px !important;
    padding-top: 12px !important;
  }

  .section-head {
    margin-bottom: 14px !important;
  }

  .section-head h2 {
    font-size: 19px !important;
    line-height: 1.25 !important;
  }

  .section-head .eyebrow {
    font-size: 9px !important;
  }

  /* Compact category cards */
  .category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .category-card {
    padding: 13px 10px !important;
    min-height: 0 !important;
    border-radius: 14px !important;
  }

  .category-card strong {
    font-size: 12px !important;
  }

  /* Two products per row */
  .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .product-card {
    min-width: 0 !important;
    border-radius: 14px !important;
  }

  .product-name {
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  .price {
    font-size: 14px !important;
  }
}



@media (min-width: 768px) {
  .hero {
    min-height: 360px !important;
    height: auto !important;
    padding: 25px 35px !important;
  }

  .hero-copy {
    padding: 20px !important;
  }

  .hero-art {
    min-height: 280px !important;
    max-height: 320px !important;
  }

  .hero h1 {
    font-size: 36px !important;
  }
}

/* MONIGADGET — PREMIUM MOBILE UPDATE */
:root {
  --accent: #7563ed;
  --mg-ink: #17182b;
  --mg-line: #ececf4;
}

body {
  background: #f8f9fd;
  color: var(--mg-ink);
}

.header {
  background: rgba(255,255,255,.97);
  box-shadow: 0 4px 24px rgba(25,20,70,.05);
}

.hero {
  border-radius: 26px;
  overflow: hidden;
  background: linear-gradient(120deg,#f4f0ff,#edf5ff);
}

.hero h1 {
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1.13;
}

.btn {
  border-radius: 13px;
  transition: transform .2s ease, box-shadow .2s ease;
}

.btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 9px 24px rgba(117,99,237,.18);
}

.category-card {
  background: #fff;
  border: 1px solid var(--mg-line);
  border-radius: 19px;
  transition: transform .25s ease, box-shadow .25s ease;
}

.category-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(30,25,90,.08);
}

.product-grid {
  gap: 17px;
}

.product-card {
  border-radius: 19px;
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease;
}

.product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(30,25,90,.09);
}

.product-card img {
  object-fit: contain;
  transition: transform .3s ease;
}

.product-card:hover img {
  transform: scale(1.04);
}

@media (max-width: 767px) {
  .announcement {
    font-size: 10px;
    padding: 7px 10px;
    text-align: center;
  }

  .header .nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .header .brand {
    font-size: 16px;
    font-weight: 800;
    letter-spacing: -.04em;
    margin-right: auto;
  }

  .header .navlinks {
    order: 4;
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 8px;
    font-size: 12px;
  }

  .header .search {
    order: 3;
    width: 100%;
    flex-basis: 100%;
    min-width: 0;
  }

  .header .search input {
    height: 42px;
    min-height: 42px;
    font-size: 13px;
    border-radius: 12px;
  }

  .cart-link {
    font-size: 12px;
    white-space: nowrap;
  }

  .hero {
    display: grid;
    grid-template-columns: 1fr 115px;
    align-items: center;
    min-height: 0;
    padding: 22px 16px;
    gap: 8px;
    border-radius: 19px;
    margin-top: 14px;
  }

  .hero-copy {
    min-width: 0;
  }

  .hero .eyebrow {
    font-size: 9px;
    letter-spacing: .07em;
  }

  .hero h1 {
    font-size: clamp(22px,6vw,29px);
    line-height: 1.12;
    margin: 10px 0;
  }

  .hero p {
    font-size: 11px;
    line-height: 1.55;
    margin-bottom: 13px;
  }

  .hero .btn {
    font-size: 11px;
    padding: 11px 13px;
  }

  .hero-foot {
    font-size: 9px;
    margin-top: 12px;
  }

  .hero-art {
    min-width: 0;
    width: 100%;
    max-width: 115px;
    min-height: 140px;
    position: relative;
  }

  .hero-art img {
    width: 100%;
    height: 160px;
    object-fit: contain;
  }

  .hero .phone {
    transform: scale(.55);
    transform-origin: center;
  }

  .hero .float-tag {
    display: none;
  }

  .trust {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 10px;
    margin-top: 14px;
  }

  .section {
    margin-top: 30px;
  }

  .section-head h2 {
    font-size: 20px;
    letter-spacing: -.03em;
  }

  .section-head .eyebrow {
    font-size: 10px;
  }

  .category-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
  }

  .category-card {
    min-width: 0;
    padding: 15px 12px;
    border-radius: 15px;
  }

  .category-card strong {
    font-size: 13px;
  }

  .category-card .category-icon {
    font-size: 24px;
  }

  .product-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
  }

  .product-card {
    min-width: 0;
    border-radius: 15px;
  }

  .page-title {
    font-size: 25px;
  }

  .footer-grid {
    gap: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .btn, .category-card, .product-card,
  .product-card img {
    transition: none;
  }
}


/* MONIGADGET: automatically round uploaded product and detail photos */
.product-image img,
.product-card .product-image img,
.detail-image img,
.category-card img {
  border-radius: 18px !important;
  -webkit-border-radius: 18px !important;
  clip-path: inset(0 round 18px);
}
.product-image, .detail-image { border-radius: 20px; overflow: hidden; }
@media(max-width:767px){
  .product-image img, .product-card .product-image img,
  .detail-image img, .category-card img {
    border-radius: 13px !important;
    -webkit-border-radius: 13px !important;
    clip-path: inset(0 round 13px);
  }
}

/* MONIGADGET FINAL — soft navy / periwinkle / purple theme.
   Scoped visual overrides only; preserves original layout and forms. */
:root{--accent:#8177f7;--bg:#e9efff;--ink:#1c2850;--muted:#65749a;--line:#d8dff8;--mg-ink:#1c2850;--mg-line:#d8dff8}
html{background:#e9efff}
body{background:linear-gradient(155deg,#263e7d 0%,#374f96 29%,#5c65b5 64%,#8184d0 100%) fixed!important;color:#f6f7ff!important}
.announcement{background:linear-gradient(100deg,#182b61,#334a93 65%,#5550a5)!important;color:#f1f3ff!important}
.header{background:rgba(30,47,102,.93)!important;border-bottom:1px solid #ffffff30!important;box-shadow:0 8px 28px #121f4a30!important}
.header .brand,.header .navlinks a,.header .cart-link{color:#fff!important}
.header .search{background:#eef2ff!important;border-color:#cdd8ff!important;color:#253768!important}
.header .search input{color:#253768!important}
.header .search input::placeholder{color:#7580a2!important}
.section-head h2,.page-title{color:#fff!important}
.section-head .eyebrow,.section-head a{color:#d8d4ff!important}
.hero{background:linear-gradient(120deg,#6d7cce,#b2baf2 56%,#d9ddff)!important;border:1px solid #ffffff50!important;box-shadow:0 18px 45px #19275d30!important}
.hero h1{color:#192c62!important}.hero p,.hero .hero-foot{color:#3f5083!important}
.hero-art{background:radial-gradient(circle at 55% 50%,#e4e7ff,#aebaf0 75%)!important}
.mg-slider{background:linear-gradient(115deg,#7182d0,#a3b2f0,#d7dcff)!important;border-color:#ffffff65!important;box-shadow:0 18px 44px #1625563d!important}
.trust{background:#e8edff!important;border-color:#ffffffb0!important;color:#394d83!important}
.category-card,.product-card{background:linear-gradient(145deg,#f4f5ff,#e6eaff)!important;border:1px solid #ffffffa8!important;box-shadow:0 10px 28px #15265b26!important;color:#243567!important}
.category-card strong,.product-card .product-name,.product-card .price{color:#243567!important}
.category-card>span:last-child{color:#6978a4!important}
.product-image{background:linear-gradient(145deg,#fff,#e9edff)!important}
.product-info{background:transparent!important}
.add-btn{background:#e4e9ff!important;color:#334787!important;border-color:#c8d2ff!important}
.add-btn:hover,.btn,.mg-shop-btn{background:linear-gradient(110deg,#7772f0,#5b7de9)!important;color:white!important}
.footer{background:linear-gradient(125deg,#1c2c60,#343c81)!important}
/* Upload-safe image rounding: applies to present and future images. */
.product-card,.category-card{overflow:hidden!important;border-radius:22px!important}
.product-card .product-image,.product-image,.detail-image{border-radius:20px!important;overflow:hidden!important;isolation:isolate}
.product-card .product-image img,.product-image img,.detail-image img,.category-card img,.hero-art img,.mg-slide-visual img{border-radius:20px!important;-webkit-border-radius:20px!important;clip-path:inset(0 round 20px)!important}
.detail-image{background:#edf1ff!important}
.hero-art{overflow:hidden!important;border-radius:20px!important}
.mg-slide-visual{overflow:hidden!important;border-radius:22px!important;isolation:isolate}
@media(max-width:767px){
 .product-card,.category-card{border-radius:17px!important}
 .product-card .product-image,.product-image,.detail-image,.hero-art,.mg-slide-visual{border-radius:15px!important}
 .product-card .product-image img,.product-image img,.detail-image img,.category-card img,.hero-art img,.mg-slide-visual img{border-radius:15px!important;-webkit-border-radius:15px!important;clip-path:inset(0 round 15px)!important}
}
/* MONIGADGET ADMIN TEXT VISIBILITY FIX */

.admin .admin-tabs a,
.admin .admin-tabs button,
.admin .stats > div,
.admin .stats > div strong,
.admin .stats > div span {
    color: #172445 !important;
}

.admin .admin-tabs a,
.admin .admin-tabs button {
    background: #ffffff !important;
}

.admin .admin-tabs .selected,
.admin .admin-tabs .active {
    background: #7563ed !important;
    color: #ffffff !important;
}
/* MONIGADGET Admin-only Blue / Purple Glass Theme
   Add at the very end of style-premium.css. No PHP edits needed. */
body:has(.admin) { background:linear-gradient(125deg,#0a2c76 0%,#1261d4 45%,#5130c8 100%) fixed !important; color:#eef4ff !important; }
.admin {color:#f4f7ff !important;}
.admin .section-head h1,.admin h2,.admin h3,.admin .page-title {color:#fff !important;text-shadow:0 2px 12px #071c5340;}
.admin > p,.admin .section-head p {color:#dbe9ff !important;}
.admin .eyebrow {color:#e1a8ff !important;}
.admin .muted,.admin .small.muted {color:#c9d9f6 !important;}
.admin .admin-tabs {gap:10px;margin-bottom:26px;}
.admin .admin-tabs .chip {background:#ffffff18 !important;border:1px solid #ffffff45 !important;color:#f4f7ff !important;border-radius:999px;box-shadow:0 5px 18px #081d4a20;backdrop-filter:blur(8px);}
.admin .admin-tabs .chip:hover {background:#ffffff30 !important;}
.admin .admin-tabs .chip.selected {background:linear-gradient(110deg,#9953fa,#277dff) !important;color:#fff !important;border-color:#ffffff66 !important;}
.admin .stats > div {background:linear-gradient(125deg,#133e96,#4032a2) !important;border:1px solid #ffffff50 !important;border-radius:20px;box-shadow:0 15px 32px #081d4a35;}
.admin .stats > div span {color:#c8dcff !important;}
.admin .stats > div strong {color:#fff !important;}
/* The banner wrappers use inline background:#fff, so override with !important. */
.admin > div[style*="background:#fff"],.admin > div[style*="background: #fff"] {background:linear-gradient(135deg,#0c347e,#1a46a2 60%,#392d95) !important;border:1px solid #8da5ff80 !important;border-radius:22px !important;box-shadow:0 20px 45px #05184e45;}
.admin > div[style*="background:#fff"] h3,.admin > div[style*="background: #fff"] h3 {color:#fff !important;}
.admin > div[style*="background:#fff"] > img,.admin > div[style*="background: #fff"] > img {border-radius:18px !important;border:2px solid #aebeff80;padding:5px;background:#ffffff12;}
.admin .form-card {background:linear-gradient(130deg,#0c347e,#233a96) !important;border:1px solid #ffffff36 !important;border-radius:18px;box-shadow:0 12px 30px #071d4b28;color:#edf4ff !important;}
.admin .form-card label {color:#eaf1ff !important;}
.admin .form-card input:not([type=checkbox]):not([type=file]):not([type=color]),.admin .form-card textarea,.admin .form-card select {background:#ffffffef !important;color:#15284c !important;border:1px solid #b9cfff !important;border-radius:11px;}
.admin .form-card input[type=file] {max-width:100%;color:#eaf1ff !important;}
.admin .form-card input[type=file]::file-selector-button {border:1px solid #95b5ff;background:#245ac8;color:#fff;border-radius:9px;padding:9px 13px;margin-right:12px;cursor:pointer;}
.admin .btn {background:linear-gradient(110deg,#a14fff,#2875ff) !important;color:#fff !important;border-radius:12px;box-shadow:0 8px 18px #071c563b;}
.admin .btn.secondary {background:#ffffff25 !important;border:1px solid #ffffff4a !important;color:#fff !important;}
.admin .table-wrap {background:#f8faff !important;border-radius:16px;overflow:auto;}
.admin .table-wrap th {background:#dfeaff !important;color:#172a51 !important;}
.admin .table-wrap td {background:#f8faff !important;color:#172a51 !important;}
.admin .table-wrap a:not(.btn) {color:#245bd0 !important;}
.admin .table-wrap .muted {color:#63738f !important;}
@media(max-width:767px){.admin > div[style*="background:#fff"],.admin > div[style*="background: #fff"]{padding:14px !important;border-radius:16px !important;}.admin .form-card{padding:15px !important;}.admin .admin-tabs{gap:7px;}.admin .admin-tabs .chip{font-size:11px;padding:7px 10px;}}

/* MONIGADGET — SHOP-ONLY DEEP NAVY / VIOLET THEME
   Scoped to the shop filter + sorting interface; no admin/home overrides. */
body:has(.chips):has(.sort):not(:has(.admin)) .chips .chip {
  background:linear-gradient(135deg,#163e86,#243d96)!important;
  color:#f5f7ff!important;
  border:1px solid #728df0a6!important;
  box-shadow:0 5px 15px #101f5a38!important;
  border-radius:999px!important;
}
body:has(.chips):has(.sort):not(:has(.admin)) .chips .chip.selected,
body:has(.chips):has(.sort):not(:has(.admin)) .chips .chip:hover {
  background:linear-gradient(115deg,#a13eff,#3268ff)!important;
  border-color:#b9a7ff!important;
  color:#fff!important;
}
body:has(.chips):has(.sort):not(:has(.admin)) .sort select {
  background:#193d90!important;
  color:#fff!important;
  border:1px solid #8ba2ff!important;
  border-radius:13px!important;
  padding:11px 14px!important;
}
body:has(.chips):has(.sort):not(:has(.admin)) .sort select option {
  background:#17316d;
  color:#fff;
}
body:has(.chips):has(.sort):not(:has(.admin)) .product-card {
  background:linear-gradient(150deg,#173c86,#182e72 60%,#302d82)!important;
  color:#f6f7ff!important;
  border:1px solid #7395f5a3!important;
  border-radius:22px!important;
  overflow:hidden!important;
  box-shadow:0 15px 32px #0a174b55!important;
}
body:has(.chips):has(.sort):not(:has(.admin)) .product-card .product-info {
  background:transparent!important;
  color:#fff!important;
}
body:has(.chips):has(.sort):not(:has(.admin)) .product-card .product-name {
  color:#fff!important;
}
body:has(.chips):has(.sort):not(:has(.admin)) .product-card .price {
  color:#b99aff!important;
}
body:has(.chips):has(.sort):not(:has(.admin)) .product-card .price del {
  color:#b9c8ee!important;
}
body:has(.chips):has(.sort):not(:has(.admin)) .product-card .add-btn {
  background:linear-gradient(110deg,#9c44f6,#3268ff)!important;
  color:#fff!important;
  border:1px solid #a18fff!important;
  border-radius:13px!important;
  box-shadow:0 7px 18px #101b5745!important;
}
body:has(.chips):has(.sort):not(:has(.admin)) .product-card .pill {
  background:linear-gradient(110deg,#963cff,#3269f7)!important;
  color:#fff!important;
}
body:has(.chips):has(.sort):not(:has(.admin)) .product-card .product-image {
  overflow:hidden!important;
  border-radius:18px!important;
}
body:has(.chips):has(.sort):not(:has(.admin)) .product-card .product-image img {
  border-radius:18px!important;
}

/* MONIGADGET SAFE SLIDER FIX — scoped to home page only. */
body.mg-page-home .mg-slider { position:relative !important; overflow:hidden !important; }
body.mg-page-home .mg-slider .mg-slides { position:relative !important; }
body.mg-page-home .mg-slider .mg-slide[hidden] { display:none !important; }
body.mg-page-home .mg-slider .mg-slide:not([hidden]) {
  display:grid !important;
  grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr) !important;
  align-items:center !important;
  gap:18px !important;
  min-height:340px !important;
  padding:32px 6% 46px !important;
}
body.mg-page-home .mg-slider .mg-slide-copy { min-width:0 !important; }
body.mg-page-home .mg-slider .mg-slide-visual {
  width:100% !important; min-width:0 !important; height:250px !important;
  max-width:100% !important; overflow:hidden !important;
  border-radius:20px !important; display:flex !important;
  align-items:center !important; justify-content:center !important;
}
body.mg-page-home .mg-slider .mg-slide-visual > img {
  display:block !important; width:100% !important; height:100% !important;
  max-width:100% !important; max-height:100% !important;
  object-fit:cover !important; object-position:center !important;
  border-radius:20px !important;
}
body.mg-page-home .mg-slider .mg-slider-controls {
  position:absolute !important; bottom:10px !important;
  left:0 !important; right:0 !important;
  display:flex !important; align-items:center !important;
  justify-content:center !important; gap:13px !important;
}
/* Keep uploaded logo proportional; does not alter logo upload logic. */
.header .brand img { display:block; width:auto; height:auto; max-width:min(190px,48vw); max-height:52px; object-fit:contain; }
/* Readable badges on product photographs. */
body:not(.mg-page-admin) .product-card .pill {
  background:linear-gradient(110deg,#963cff,#3269f7) !important;
  color:#fff !important; border:1px solid #a99cff !important;
}
@media (max-width:767px) {
  body.mg-page-home .mg-slider .mg-slide:not([hidden]) {
    grid-template-columns:minmax(0,1fr) 105px !important;
    gap:8px !important; min-height:0 !important;
    padding:18px 13px 38px !important;
  }
  body.mg-page-home .mg-slider .mg-slide-visual {
    width:105px !important; max-width:105px !important;
    height:160px !important; border-radius:16px !important;
  }
  body.mg-page-home .mg-slider .mg-slide-visual > img { border-radius:16px !important; }
  .header .brand img { max-width:145px; max-height:42px; }
}