/* Lisans Doktoru home UI depth layer — 2026-10-06 */

body .home-shell {
  perspective: 1500px;
}

/* Category rail: a restrained 3D panel with individual raised rows. */
body .category-showcase {
  position: sticky;
  transform-style: preserve-3d;
  border: 1px solid #c9e2df !important;
  border-radius: 15px !important;
  background:
    radial-gradient(circle at 16% 4%, rgba(255,255,255,.98), transparent 35%),
    linear-gradient(145deg, #f8fffe 0%, #eff9f7 56%, #e6f3f1 100%) !important;
  box-shadow:
    0 2px 0 #fff inset,
    0 -1px 0 rgba(4,102,98,.10) inset,
    0 12px 0 -7px rgba(7,119,113,.14),
    0 25px 42px rgba(13,72,69,.15) !important;
}

body .category-showcase::before {
  content: "";
  position: absolute;
  inset: 1px 10px auto;
  height: 42%;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.52), transparent);
  pointer-events: none;
}

body .category-showcase .showcase-title,
body .category-showcase nav {
  position: relative;
  z-index: 1;
}

body .category-showcase a {
  position: relative;
  transform: translateZ(0);
  border: 1px solid #cfe4e2 !important;
  border-radius: 11px !important;
  background: linear-gradient(145deg, #fff 0%, #f7fbfb 58%, #edf6f5 100%) !important;
  box-shadow:
    0 1px 0 #fff inset,
    0 -2px 3px rgba(21,93,89,.06) inset,
    0 4px 0 -2px #c8dcda,
    0 8px 15px rgba(20,71,68,.09) !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

body .category-showcase a:hover,
body .category-showcase a.active {
  z-index: 2;
  transform: translateY(-3px) translateZ(10px);
  border-color: #76c8c0 !important;
  background: linear-gradient(145deg, #f7fffd, #e4f7f4) !important;
  box-shadow:
    0 1px 0 #fff inset,
    0 5px 0 -2px #83c9c3,
    0 13px 22px rgba(5,113,107,.18) !important;
}

body .category-showcase .category-icon {
  border-radius: 9px !important;
  background: linear-gradient(145deg, #effffb, #cceee9) !important;
  box-shadow:
    1px 1px 0 rgba(255,255,255,.95) inset,
    -1px -2px 3px rgba(3,112,106,.12) inset,
    0 4px 8px rgba(7,120,113,.12) !important;
}

body .category-showcase .category-arrow {
  border-radius: 8px !important;
  background: linear-gradient(145deg, #fff, #e6efef) !important;
  box-shadow: 1px 1px 0 #fff inset, 0 3px 7px rgba(31,66,64,.10) !important;
}

/* Product cards: layered edges, highlight and tactile controls. */
body .products,
body .compact-products,
body .product-grid {
  perspective: 1500px;
}

body .product-card {
  position: relative;
  isolation: isolate;
  transform: translateZ(0);
  transform-style: preserve-3d;
  overflow: visible;
  border: 1px solid #bcdedb !important;
  border-radius: 15px !important;
  background: linear-gradient(145deg, #fff 0%, #f9fdfc 55%, #eaf7f5 100%) !important;
  box-shadow:
    0 2px 0 rgba(255,255,255,.96) inset,
    0 -2px 4px rgba(8,112,106,.07) inset,
    0 8px 0 -4px #b7d8d5,
    0 18px 30px rgba(11,72,69,.14) !important;
  transition: transform .24s cubic-bezier(.2,.75,.3,1), box-shadow .24s ease, border-color .24s ease !important;
}

body .product-card::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 1px 8px auto;
  height: 44%;
  border-radius: 14px 14px 50% 50%;
  background: linear-gradient(180deg, rgba(255,255,255,.62), transparent);
  pointer-events: none;
}

body .product-card:hover,
body .product-card:focus-within,
body .product-card.options-open {
  z-index: 5;
  transform: translateY(-6px) translateZ(16px);
  border-color: #72c7bf !important;
  box-shadow:
    0 2px 0 #fff inset,
    0 -2px 4px rgba(8,112,106,.08) inset,
    0 10px 0 -5px #79bfb9,
    0 27px 42px rgba(5,103,97,.22) !important;
}

body .product-card .product-media {
  overflow: hidden;
  border-radius: 11px;
  box-shadow: 0 6px 12px rgba(20,55,53,.13), 0 1px 0 rgba(255,255,255,.9) inset;
}

body .product-card .product-media img,
body .product-card .image-empty-frame {
  transition: transform .3s ease, filter .3s ease !important;
}

body .product-card:hover .product-media img,
body .product-card:focus-within .product-media img {
  transform: scale(1.025);
  filter: saturate(1.04) contrast(1.02);
}

body .product-card-title,
body .product-card .product-option-row,
body .product-card .product-buy-row {
  border-radius: 10px !important;
  box-shadow: 0 1px 0 #fff inset, 0 4px 9px rgba(18,74,70,.08) !important;
}

body .product-card .card-arrow,
body .product-card .cart-icon-btn {
  box-shadow: 0 2px 0 rgba(255,255,255,.35) inset, 0 5px 0 -2px rgba(9,78,74,.38), 0 9px 14px rgba(10,74,70,.16) !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}

body .product-card .card-arrow:hover,
body .product-card .cart-icon-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 2px 0 rgba(255,255,255,.35) inset, 0 7px 0 -3px rgba(9,78,74,.42), 0 12px 18px rgba(10,74,70,.2) !important;
}

/* Store benefit badges with clear, three-dimensional icons. */
body .board-head-badges span {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 5px 11px 5px 6px !important;
  border-radius: 999px !important;
  background: linear-gradient(145deg, #fff, #edf8f7) !important;
  box-shadow: 0 1px 0 #fff inset, 0 4px 0 -2px #c0dcd9, 0 8px 14px rgba(14,80,76,.10) !important;
}

body .board-head-badges span::before {
  content: "";
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border-radius: 50%;
  background-color: #0a918a;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px 15px;
  box-shadow: 0 1px 0 rgba(255,255,255,.55) inset, 0 3px 0 #066a66, 0 6px 10px rgba(5,115,108,.22);
}

body .board-head-badges span:nth-child(1)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 5 6v5c0 4.5 2.8 8.2 7 10 4.2-1.8 7-5.5 7-10V6z'/%3E%3Cpath d='m9 12 2 2 4-5'/%3E%3C/svg%3E");
}

body .board-head-badges span:nth-child(2)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h11v10H3zM14 10h4l3 3v3h-7z'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3Cpath d='M5 3h6M2 10h5'/%3E%3C/svg%3E");
}

body .board-head-badges span:nth-child(3)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='15' r='4'/%3E%3Cpath d='m11 12 8-8 2 2-2 2 1 1-2 2-1-1-3 3'/%3E%3C/svg%3E");
}

@media (max-width: 860px) {
  body .category-showcase { position: static; }
}

@media (max-width: 760px) {
  body .product-card:hover,
  body .product-card:focus-within,
  body .product-card.options-open {
    transform: translateY(-3px);
  }

  body .board-head-badges span {
    min-height: 32px;
    padding-right: 10px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body .category-showcase a,
  body .product-card,
  body .product-card .product-media img,
  body .product-card .card-arrow,
  body .product-card .cart-icon-btn {
    transition: none !important;
  }
}

body .board-head-badges { display:flex!important; flex-wrap:wrap!important; gap:10px!important; overflow:visible!important; }
/* Header depth layer. Logo markup, dimensions and styles are untouched. */
body { --hd-edge:#badbd7; --hd-base:#a7ceca; --hd-shadow:rgba(7,86,80,.16); --hd-light:rgba(255,255,255,.95); --hd-face:linear-gradient(145deg,#fff 5%,#f0faf8 65%,#dcefeb); --hd-text:#134844; }
body.education-product-page { --hd-edge:#683341; --hd-base:#391923; --hd-shadow:rgba(0,0,0,.4); --hd-light:rgba(255,255,255,.12); --hd-face:linear-gradient(145deg,#24151d,#120e15 68%,#100c12); --hd-text:#f9f4f5; }
body:not(.education-product-page) .site-header {
  background:linear-gradient(180deg,#fff 0%,#fbfefd 70%,#edf8f5 100%)!important;
  border-bottom:1px solid #b9dcd7!important;
  box-shadow:0 1px 0 #fff inset,0 4px 0 -2px #d5e9e5,0 15px 30px rgba(8,85,79,.09)!important;
}
body.education-product-page .site-header { box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 4px 0 -2px #331721,0 15px 30px rgba(0,0,0,.25)!important; }
body .site-header .header-search-box,
body .site-header .nav-action,
body .site-header .language-menu>summary,
body .site-header .store-mode-nav .mode-link {
  border:1px solid var(--hd-edge)!important;
  border-radius:11px!important;
  background:var(--hd-face)!important;
  color:var(--hd-text)!important;
  box-shadow:0 2px 0 var(--hd-light) inset,0 -2px 3px rgba(3,80,73,.07) inset,0 5px 0 -2px var(--hd-base),0 10px 18px var(--hd-shadow)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
body .site-header .header-search-box input { background:transparent!important; border:0!important; box-shadow:none!important; color:var(--hd-text)!important; }
body .site-header .header-search-box:focus-within { border-color:#159e91!important; box-shadow:0 2px 0 var(--hd-light) inset,0 5px 0 -2px var(--hd-base),0 0 0 3px rgba(10,154,139,.14),0 12px 22px var(--hd-shadow)!important; }
body .site-header .nav-action.nav-primary,
body .site-header .store-mode-nav .mode-link.is-active {
  background:linear-gradient(145deg,#22b9a8 0%,#0b998d 48%,#076b65 100%)!important;
  border-color:#07877b!important;
  color:#fff!important;
  box-shadow:0 2px 0 rgba(255,255,255,.35) inset,0 -2px 4px rgba(0,54,49,.18) inset,0 5px 0 -1px #065e57,0 12px 22px rgba(6,115,102,.25)!important;
}
body.education-product-page .site-header .store-mode-nav .mode-link.is-active {
  background:linear-gradient(145deg,#ae3857,#761c35 58%,#4d1528)!important;
  border-color:#be536c!important;
  box-shadow:0 2px 0 rgba(255,255,255,.22) inset,0 5px 0 -1px #471225,0 12px 22px rgba(0,0,0,.3)!important;
}
body .site-header .nav-action:hover,
body .site-header .language-menu>summary:hover,
body .site-header .store-mode-nav .mode-link:hover { transform:translateY(-2px); }
body .site-header .nav-action:active,
body .site-header .language-menu>summary:active,
body .site-header .store-mode-nav .mode-link:active { transform:translateY(2px); }
body .site-header .nav-action:focus-visible,
body .site-header .language-menu>summary:focus-visible,
body .site-header .store-mode-nav .mode-link:focus-visible { outline:3px solid #37baa9; outline-offset:5px; }
body .site-header .store-mode-nav { padding-top:8px!important; padding-bottom:12px!important; }
body .site-header .language-menu-panel,
body .site-header .header-search-results { box-shadow:0 2px 0 var(--hd-light) inset,0 18px 35px var(--hd-shadow)!important; }
@media(max-width:760px) {
  body .site-header .store-mode-nav { padding-top:9px!important; padding-bottom:13px!important; }
  body .site-header .header-search-box,body .site-header .nav-action,body .site-header .language-menu>summary { box-shadow:0 2px 0 var(--hd-light) inset,0 4px 0 -1px var(--hd-base),0 8px 15px var(--hd-shadow)!important; }
  body .site-header .nav-action.nav-primary { box-shadow:0 2px 0 rgba(255,255,255,.35) inset,0 4px 0 -1px #065e57,0 10px 18px rgba(6,115,102,.25)!important; }
}
@media(prefers-reduced-motion:reduce) {
  body .site-header .header-search-box,body .site-header .nav-action,body .site-header .language-menu>summary,body .site-header .store-mode-nav .mode-link { transition:none!important; }
}
/* Raised sign-in control; override the older, more specific nav rules. */
body .site-header .site-header-inner nav > a.nav-action:not(.nav-primary):not(.nav-cart) {
  background:linear-gradient(145deg,#f4fffb,#d9f4eb 55%,#b6dfd4)!important;
  border:1px solid #82bfb1!important;
  color:#104b42!important;
  box-shadow:0 2px 0 #fff inset,0 -2px 4px rgba(3,87,72,.12) inset,0 5px 0 -1px #609e90,0 11px 18px rgba(5,88,72,.23)!important;
}
body.education-product-page .site-header .site-header-inner nav > a.nav-action:not(.nav-primary):not(.nav-cart) {
  background:linear-gradient(145deg,#343039,#19151f 60%,#100d15)!important;
  border-color:#8a6170!important;
  color:#fff!important;
  box-shadow:0 2px 0 rgba(255,255,255,.22) inset,0 -2px 3px rgba(0,0,0,.3) inset,0 5px 0 -1px #4e2f3d,0 11px 18px rgba(0,0,0,.4)!important;
}
body .site-header .site-header-inner nav > a.nav-action:not(.nav-primary):not(.nav-cart) svg { filter:drop-shadow(0 1px 1px rgba(5,85,70,.23)); }

/* Footer: bevelled outer edge and raised link-group panels. */
body .site-footer {
  --ft-edge:rgba(96,192,177,.24);
  --ft-face:linear-gradient(145deg,rgba(48,104,102,.38),rgba(7,28,34,.55));
  border-top:2px solid #359d91!important;
  box-shadow:0 4px 0 rgba(115,224,202,.12) inset,0 14px 24px -14px rgba(0,0,0,.8) inset,0 -15px 35px rgba(8,66,60,.16)!important;
}
body.education-product-page .site-footer {
  --ft-edge:rgba(189,95,118,.3);
  --ft-face:linear-gradient(145deg,rgba(86,37,52,.4),rgba(13,10,18,.7));
  border-top-color:#8e3d55!important;
  box-shadow:0 4px 0 rgba(220,118,148,.1) inset,0 14px 24px -14px rgba(0,0,0,.85) inset,0 -15px 35px rgba(0,0,0,.25)!important;
}
body .site-footer .footer-grid { align-items:start; gap:18px!important; }
body .site-footer .footer-grid>section {
  min-width:0;
  padding:17px 14px;
  border:1px solid var(--ft-edge);
  border-radius:14px;
  background:var(--ft-face);
  box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 -2px 3px rgba(0,0,0,.18) inset,0 5px 0 -2px rgba(0,0,0,.25),0 15px 25px rgba(0,0,0,.2);
}
body .site-footer .footer-grid h2 { text-shadow:0 2px 3px rgba(0,0,0,.5); }
body .site-footer .footer-grid a:not(.footer-logo) { border-radius:6px; transition:color .18s ease,transform .18s ease; }
body .site-footer .footer-grid a:not(.footer-logo):hover { transform:translateX(3px); color:#a8f5e4!important; }
body .site-footer .footer-bottom {
  margin-top:25px;
  padding:16px;
  border:1px solid var(--ft-edge)!important;
  border-radius:12px;
  background:var(--ft-face);
  box-shadow:0 1px 0 rgba(255,255,255,.1) inset,0 5px 0 -2px rgba(0,0,0,.23),0 12px 22px rgba(0,0,0,.18);
}
body .site-footer .footer-trust-item { box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 3px 0 -1px rgba(0,0,0,.35),0 6px 10px rgba(0,0,0,.2); }

/* SEO article remains real, selectable HTML with its original headings. */
body .home-seo-section {
  border:1px solid #bfded6!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#fbfffd,#edf8f4 70%,#dbeee7)!important;
  box-shadow:0 2px 0 #fff inset,0 -2px 3px rgba(8,92,73,.06) inset,0 8px 0 -3px #bad8cd,0 24px 40px rgba(12,83,66,.14)!important;
  margin-bottom:32px;
}
body .home-seo-section .home-seo-heading { padding-bottom:14px; text-shadow:0 1px 0 #fff; }
body .home-seo-section .home-seo-scroll {
  border:1px solid #c4ded5!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,#fff,#f8fcfa)!important;
  box-shadow:0 2px 5px rgba(9,75,58,.09) inset,0 2px 0 #fff,0 8px 15px rgba(10,77,61,.08)!important;
  scrollbar-color:#78b5a5 #e8f3ee;
}
body .home-seo-section .home-seo-scroll h2 {
  padding:12px 14px;
  border:1px solid #cce2d8;
  border-left:4px solid #149486;
  border-radius:9px;
  background:linear-gradient(145deg,#fff,#e7f5ed);
  box-shadow:0 1px 0 #fff inset,0 4px 0 -2px #c4dace,0 7px 13px rgba(9,81,62,.08);
}
@media(max-width:760px) {
  body .site-footer .footer-grid { gap:12px!important; }
  body .site-footer .footer-grid>section { padding:14px 11px; }
  body .site-footer .footer-bottom { padding:14px 11px; }
  body .home-seo-section .home-seo-scroll h2 { padding:10px; }
}
@media(prefers-reduced-motion:reduce) { body .site-footer .footer-grid a { transition:none!important; } }
/* Raised cart icon: shared by both languages and viewport sizes. */
body .site-header .site-header-inner nav > a.nav-action.nav-cart {
  background:linear-gradient(145deg,#2bc4b3 0%,#0b998d 48%,#076b65 100%)!important;
  border-color:#07877b!important;
  color:#fff!important;
  box-shadow:0 2px 0 rgba(255,255,255,.45) inset,0 -2px 4px rgba(0,54,49,.25) inset,0 5px 0 -1px #065e57,0 11px 18px rgba(6,115,102,.24)!important;
}
body .site-header .nav-action.nav-cart > svg {
  color:#fff!important;
  stroke:#fff!important;
  filter:drop-shadow(0 1px 0 #075c53) drop-shadow(0 2px 0 #075c53) drop-shadow(0 3px 2px rgba(0,35,30,.35));
}
body .site-header .nav-action.nav-cart > svg path { fill:rgba(255,255,255,.17); }
body .site-header .nav-action.nav-cart > svg circle { fill:#d8fff6; }
body.education-product-page .site-header .site-header-inner nav > a.nav-action.nav-cart {
  background:linear-gradient(145deg,#40323d,#251a25 55%,#150f1a)!important;
  border-color:#8a6170!important;
  box-shadow:0 2px 0 rgba(255,255,255,.22) inset,0 -2px 4px rgba(0,0,0,.3) inset,0 5px 0 -1px #4e2f3d,0 11px 18px rgba(0,0,0,.35)!important;
}
body.education-product-page .site-header .nav-action.nav-cart > svg {
  filter:drop-shadow(0 1px 0 #614454) drop-shadow(0 2px 0 #614454) drop-shadow(0 3px 2px rgba(0,0,0,.5));
}
/* Full-width desktop footer: all six groups stay on the first row. */
@media(min-width:1100px) {
  body .site-footer .footer-grid,
  body .site-footer .footer-bottom {
    width:calc(100% - 64px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box;
  }
  body .site-footer .footer-grid {
    grid-template-columns:minmax(210px,1.3fr) repeat(5,minmax(0,1fr))!important;
    gap:16px;
  }
}
@media(min-width:1100px) {
  body .site-footer { padding-left:32px!important; padding-right:32px!important; }
  body .site-footer .footer-grid,
  body .site-footer .footer-bottom { width:100%!important; }
}
/* Games catalog depth layer; prices, content and controls stay unchanged. */
body .games-hero {
  background:linear-gradient(135deg,#fff 0%,#effbf6 55%,#e2f3ee 100%)!important;
  border:1px solid #b5dcd2!important;
  box-shadow:0 2px 0 #fff inset,0 -3px 6px rgba(22,107,88,.08) inset,0 7px 0 -2px #b9d9d0,0 21px 34px rgba(10,83,68,.14)!important;
}
body .games-hero h1 { color:#153e35; text-shadow:0 2px 0 #fff,0 4px 5px rgba(4,80,62,.13); }
body .game-deal--catalog {
  border:1px solid #428d87!important;
  background:linear-gradient(135deg,#091f31 0%,#0d3541 60%,#12716a 100%)!important;
  box-shadow:0 2px 0 rgba(178,255,238,.25) inset,0 -3px 8px rgba(0,0,0,.2) inset,0 8px 0 -2px #073e43,0 25px 38px rgba(5,46,54,.24)!important;
}
body .game-deal--catalog .game-deal__copy h2 { text-shadow:0 2px 0 #082333,0 4px 7px rgba(0,0,0,.25); }
body .game-deal--catalog .game-deal__tiers { padding-bottom:6px; }
body .game-deal--catalog .game-deal__tier {
  background:linear-gradient(145deg,rgba(124,199,199,.2),rgba(43,86,105,.6) 55%,rgba(13,39,57,.8))!important;
  border-color:rgba(136,210,203,.4)!important;
  box-shadow:0 2px 0 rgba(223,255,248,.16) inset,0 -2px 4px rgba(0,0,0,.15) inset,0 5px 0 -1px #092b39,0 11px 16px rgba(0,0,0,.22)!important;
}
body .game-deal--catalog .game-deal__tier.is-next { border-color:#e3b849!important; }
body .game-deal--catalog .game-deal__tier.is-best {
  background:linear-gradient(145deg,#388a7b,#246963 58%,#154b4a)!important;
  border-color:#f0c35a!important;
  box-shadow:0 2px 0 rgba(255,246,199,.27) inset,0 -2px 4px rgba(0,0,0,.17) inset,0 5px 0 -1px #133e3c,0 12px 18px rgba(0,0,0,.26)!important;
}
body .game-deal--catalog .game-deal__hero-badge {
  background:linear-gradient(145deg,#ffe58c,#ffc13b 55%,#ee9b19)!important;
  box-shadow:0 2px 0 #fff2b4 inset,0 -2px 3px rgba(145,76,0,.17) inset,0 5px 0 -1px #bc7417,0 13px 20px rgba(0,0,0,.28)!important;
}
body .game-deal--catalog .game-deal__tier-top > b:not(.is-start) {
  background:linear-gradient(145deg,#ffe9a4,#ffc745)!important;
  box-shadow:0 1px 0 #fff3c8 inset,0 2px 0 #af791e,0 4px 6px rgba(0,0,0,.2);
}
body .games-toolbar {
  background:linear-gradient(145deg,#fff,#eff9f6)!important;
  border:1px solid #bdded4!important;
  box-shadow:0 2px 0 #fff inset,0 -2px 4px rgba(6,93,73,.06) inset,0 5px 0 -1px #c0dbd3,0 16px 25px rgba(11,80,66,.12)!important;
}
body .games-toolbar input {
  background:linear-gradient(180deg,#f4faf7,#fff)!important;
  border-color:#a8cfc4!important;
  box-shadow:0 2px 4px rgba(13,83,66,.1) inset,0 1px 0 #fff!important;
}
body .games-toolbar button {
  background:linear-gradient(145deg,#27bba7,#0b998b 50%,#076d64)!important;
  border:1px solid #07877b!important;
  color:#fff!important;
  box-shadow:0 2px 0 rgba(255,255,255,.35) inset,0 4px 0 -1px #075e56,0 8px 13px rgba(6,115,102,.22)!important;
}
body .games-toolbar button:active { transform:translateY(2px); }
body .games-toolbar input:focus-visible { outline:3px solid rgba(11,153,139,.25); outline-offset:2px; }
@media(max-width:760px) {
  body .games-hero { box-shadow:0 2px 0 #fff inset,0 5px 0 -2px #b9d9d0,0 13px 22px rgba(10,83,68,.13)!important; }
  body .game-deal--catalog { box-shadow:0 2px 0 rgba(178,255,238,.25) inset,0 6px 0 -2px #073e43,0 16px 25px rgba(5,46,54,.23)!important; }
}
/* Match the virtual-number guide's pale mint-to-cream background. */
body .home-seo-section {
  background:linear-gradient(135deg,#f8fffe 0%,#fffaf3 100%)!important;
}
body .home-seo-section .home-seo-scroll {
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
body .home-seo-section .home-seo-scroll h2 {
  background:linear-gradient(135deg,#f8fffe,#fffaf3)!important;
}
/* Virtual-number service cards: visual depth only. */
body .virtual-service-card {
  min-width:0;
  border:1px solid #abd8cf!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#fff 0%,#f2fcf9 55%,#deefea 100%)!important;
  box-shadow:0 2px 0 #fff inset,0 -2px 5px rgba(9,92,72,.08) inset,0 6px 0 -2px #a6cec2,0 15px 23px rgba(9,83,67,.13)!important;
}
body .virtual-service-card .virtual-service-icon {
  border-color:#a4d7cd!important;
  border-radius:11px!important;
  background:linear-gradient(145deg,#fff,#dcf4ed)!important;
  box-shadow:0 2px 0 #fff inset,0 4px 0 -1px #9ccabf,0 8px 12px rgba(8,96,76,.14)!important;
}
body .virtual-service-card .virtual-service-head h3 { color:#123d35; text-shadow:0 1px 0 #fff; }
body .virtual-service-card .virtual-country-field select {
  background:linear-gradient(180deg,#f1f9f5,#fff)!important;
  border-color:#a4cec0!important;
  box-shadow:0 2px 4px rgba(6,81,61,.1) inset,0 1px 0 #fff!important;
}
body .virtual-service-card .virtual-card-bottom > strong {
  border-color:#9fcfc3!important;
  background:linear-gradient(145deg,#fff,#e0f6ed)!important;
  box-shadow:0 1px 0 #fff inset,0 3px 0 -1px #aed1c5,0 6px 10px rgba(6,90,67,.1)!important;
}
body .virtual-service-card [data-virtual-buy] {
  background:linear-gradient(145deg,#29baa9,#0a998d 52%,#076f65)!important;
  border:1px solid #07877a!important;
  color:#fff!important;
  box-shadow:0 2px 0 rgba(255,255,255,.35) inset,0 -2px 3px rgba(0,53,47,.17) inset,0 4px 0 -1px #075f56,0 9px 14px rgba(6,115,102,.2)!important;
}
body .virtual-service-card [data-virtual-buy]:active:not(:disabled) { transform:translateY(2px); }
body .virtual-service-card [data-virtual-buy]:disabled { opacity:.55; }
body .virtual-service-card .virtual-card-warning {
  box-shadow:0 1px 0 #fff inset,0 2px 0 -1px #e6c697;
}
body .virtual-service-card select:focus-visible,
body .virtual-service-card [data-virtual-buy]:focus-visible { outline:3px solid #39baa5; outline-offset:3px; }
@media(max-width:760px) {
  body .virtual-service-card { box-shadow:0 2px 0 #fff inset,0 5px 0 -2px #a6cec2,0 11px 18px rgba(9,83,67,.12)!important; }
}
/* Social-media order panel: presentation only; no order logic changes. */
body .social-order-panel {
  border:1px solid #aed6cb!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#fff,#f2fbf7 65%,#e6f3ed)!important;
  box-shadow:0 2px 0 #fff inset,0 -2px 5px rgba(6,86,67,.06) inset,0 7px 0 -2px #b0d3c6,0 21px 32px rgba(9,82,63,.14)!important;
}
body .social-order-panel .social-platform-tabs { gap:10px 8px; padding-bottom:5px; }
body .social-order-panel .social-platform-tabs > a,
body .social-order-panel .social-category-picker > summary,
body .social-order-panel .social-service-picker > summary,
body .social-order-panel .social-category-tabs > a,
body .social-order-panel .social-service-option {
  border-color:#b4d7cc!important;
  border-radius:9px!important;
  background:linear-gradient(145deg,#fff,#eaf6f1)!important;
  box-shadow:0 2px 0 #fff inset,0 -1px 3px rgba(11,87,64,.05) inset,0 4px 0 -2px #b3d1c4,0 7px 12px rgba(7,75,56,.1)!important;
}
body .social-order-panel .social-platform-tabs > a.is-active,
body .social-order-panel .social-category-tabs > a.is-active,
body .social-order-panel .social-service-option.is-active {
  color:#fff!important;
  background:linear-gradient(145deg,#209e91,#137b72 55%,#105a56)!important;
  border-color:#147e72!important;
  box-shadow:0 2px 0 rgba(255,255,255,.3) inset,0 4px 0 -1px #0a514b,0 9px 14px rgba(7,83,71,.2)!important;
}
body .social-order-panel .social-service-option.is-active small { color:#e7fff8!important; }
body .social-order-panel .social-brand-mark { filter:drop-shadow(0 2px 1px rgba(0,58,44,.15)); }
body .social-order-panel .social-category-tabs,
body .social-order-panel .social-service-tabs { box-shadow:0 3px 7px rgba(6,70,53,.08) inset,0 12px 20px rgba(7,65,52,.12); }
body .social-order-panel .social-price-preview {
  border-color:#add7c7!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,#edfff7,#fff9ed)!important;
  box-shadow:0 2px 0 #fff inset,0 4px 0 -1px #b8d3c1,0 9px 15px rgba(11,83,57,.1)!important;
}
body .social-order-panel .social-price-preview strong { text-shadow:0 1px 0 #fff; }
body .social-order-form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
body .social-order-form textarea,
body .social-order-form select {
  border-color:#afcfc2!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#f0f8f3,#fff)!important;
  box-shadow:0 2px 5px rgba(7,75,51,.11) inset,0 1px 0 #fff,0 3px 0 -2px #bfd6cb!important;
}
body .social-order-form input[readonly],
body .social-order-form input:disabled { background:linear-gradient(180deg,#eaf3ee,#f6fbf8)!important; }
body .social-order-panel .social-submit {
  background:linear-gradient(145deg,#27baaa,#0b998b 50%,#076e64)!important;
  border:1px solid #07877a!important;
  border-radius:10px!important;
  color:#fff!important;
  box-shadow:0 2px 0 rgba(255,255,255,.35) inset,0 -2px 3px rgba(0,53,47,.2) inset,0 5px 0 -1px #075e56,0 11px 17px rgba(6,115,102,.23)!important;
}
body .social-order-panel .social-submit:active:not(:disabled) { transform:translateY(2px); }
body .social-order-panel .social-submit:disabled { opacity:.55; }
body .social-order-panel :is(a,summary,button,input,textarea,select):focus-visible { outline:3px solid #38b59e; outline-offset:3px; }
@media(max-width:760px) {
  body .social-order-panel { box-shadow:0 2px 0 #fff inset,0 5px 0 -2px #b0d3c6,0 13px 21px rgba(9,82,63,.12)!important; }
}
/* Guide depth: preserve mint-to-cream backgrounds and real article text. */
body :is(.virtual-seo-section,.social-seo-section) {
  border:1px solid #b3d8cd!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#f8fffe,#fffaf3)!important;
  box-shadow:0 2px 0 #fff inset,0 -2px 4px rgba(10,91,68,.06) inset,0 7px 0 -2px #bad5c7,0 22px 34px rgba(11,82,61,.13)!important;
  margin-bottom:30px;
}
body :is(.virtual-seo-heading,.social-seo-heading) { text-shadow:0 1px 0 #fff; }
body :is(.virtual-seo-scroll,.social-seo-scroll) {
  background:transparent!important;
  scrollbar-color:#32a697 #e9f3ed;
}
body :is(.virtual-seo-scroll,.social-seo-scroll) h2 {
  padding:11px 13px;
  border:1px solid #c5dfd1;
  border-left:4px solid #179b89;
  border-radius:9px;
  background:linear-gradient(135deg,#f8fffe,#fffaf3);
  box-shadow:0 1px 0 #fff inset,0 4px 0 -2px #c1d7c7,0 7px 12px rgba(12,80,57,.08);
}
body :is(.virtual-seo-faq-item,.social-seo-faq-item) {
  border-color:#bedbce!important;
  background:linear-gradient(145deg,#fff,#f0f8f2)!important;
  box-shadow:0 1px 0 #fff inset,0 3px 0 -1px #c2d9ca,0 6px 11px rgba(8,81,53,.08);
}
/* Marketplace landing only; checkout and seller forms are unchanged. */
body .mp-market-page :is(.mp-hero,.mp-category-panel,.mp-listing-area,.mp-card) {
  border-color:#b0d6cb!important;
  background:linear-gradient(145deg,#fff,#f1fbf6 65%,#e0f0e8)!important;
  box-shadow:0 2px 0 #fff inset,0 -2px 4px rgba(7,85,62,.06) inset,0 6px 0 -2px #b0d1c3,0 19px 29px rgba(9,77,58,.12)!important;
}
body .mp-market-page .mp-hero h1 { color:#173e32; text-shadow:0 2px 0 #fff,0 4px 6px rgba(6,78,53,.12); }
body .mp-market-page .mp-category-panel .mp-platforms { gap:9px; padding-bottom:13px; }
body .mp-market-page :is(.mp-category-link,.mp-quiet-link) {
  border:1px solid #bad9cd!important;
  background:linear-gradient(145deg,#fff,#eaf7ef)!important;
  border-radius:10px;
  box-shadow:0 1px 0 #fff inset,0 3px 0 -1px #bdd5c8,0 7px 11px rgba(8,77,56,.08)!important;
}
body .mp-market-page .mp-quiet-link { padding:9px 11px; }
body .mp-market-page .mp-category-link.active {
  border-color:#75baac!important;
  background:linear-gradient(145deg,#effff7,#c8eadb)!important;
  box-shadow:0 2px 0 #fff inset,0 4px 0 -1px #82b8a4,0 9px 14px rgba(8,85,58,.12)!important;
}
body .mp-market-page .mp-brand { box-shadow:0 2px 0 rgba(255,255,255,.3) inset,0 3px 0 -1px rgba(0,0,0,.2),0 7px 11px rgba(7,65,47,.15)!important; }
body .mp-market-page :is(.mp-btn,.mp-search-form button) {
  background:linear-gradient(145deg,#25baa7,#0b9788 55%,#086d60)!important;
  color:#fff!important;
  box-shadow:0 2px 0 rgba(255,255,255,.35) inset,0 -2px 3px rgba(0,54,43,.15) inset,0 4px 0 -1px #085a4f,0 10px 15px rgba(7,100,77,.2)!important;
}
body .mp-market-page .mp-search-form input {
  background:linear-gradient(180deg,#edf7f1,#fff)!important;
  box-shadow:0 2px 4px rgba(7,72,49,.1) inset!important;
}
body .mp-market-page .mp-empty {
  border-color:#b7d8ca!important;
  background:linear-gradient(135deg,#f8fffe,#fffaf3)!important;
  box-shadow:0 2px 0 #fff inset,0 4px 0 -1px #bfd8c9,0 11px 18px rgba(9,72,50,.08)!important;
}
body .mp-market-page .mp-empty > span { box-shadow:0 2px 0 #fff inset,0 4px 0 -1px #a4d1bf,0 8px 13px rgba(8,88,61,.12); }
body .mp-market-page .mp-card .mp-price { text-shadow:0 1px 0 #fff; }
body .mp-market-page :is(a,button,input):focus-visible { outline:3px solid #36b39d; outline-offset:3px; }
@media(max-width:760px) {
  body :is(.virtual-seo-scroll,.social-seo-scroll) h2 { padding:9px 10px; }
  body .mp-market-page .mp-quiet-link { padding:8px 9px; }
  body .mp-market-page .mp-category-panel .mp-platforms { padding-bottom:12px; }
}
/* Informational, free-tool and blog pages. Appearance only. */
body :is(.content-page,.free-tools-page,.free-number-page,.nick-page,.blog-page,.blog-detail-page) {
  --page-edge:#b6d8cc;
  --page-base:#b0d0c1;
  --page-face:linear-gradient(145deg,#fff,#f3fbf6 65%,#e4f2e9);
  --page-depth:0 2px 0 #fff inset,0 -2px 4px rgba(9,80,55,.06) inset,0 6px 0 -2px var(--page-base),0 18px 29px rgba(8,79,53,.12);
}
body :is(.content-page,.free-tools-hero,.free-tool-group,.free-tool-form-card,.free-tool-side,.free-tool-content,.free-download-hero,.free-download-form-card,.free-download-content,.free-number-hero,.free-number-list-panel,.free-number-inbox-panel,.free-number-conversion,.free-number-seo-content,.nick-hero,.nick-preview-card,.nick-input-card,.blog-hero,.blog-card,.blog-detail,.blog-comments) {
  border:1px solid var(--page-edge,#b6d8cc)!important;
  border-radius:16px!important;
  background:var(--page-face,linear-gradient(145deg,#fff,#f3fbf6 65%,#e4f2e9))!important;
  box-shadow:var(--page-depth,0 2px 0 #fff inset,0 6px 0 -2px #b0d0c1,0 18px 29px rgba(8,79,53,.12))!important;
}
body .content-page { color:#23453b!important; }
body .content-page:not(.panel) { padding:24px; }
body .content-page :is(h1,h2,h3,h4),
body :is(.free-tools-page,.free-number-page,.nick-page,.blog-page,.blog-detail-page) :is(h1,h2,h3) { color:#173f32!important; text-shadow:0 1px 0 #fff; }
body .content-page :is(p,li,td,th) { color:#405f55!important; }
body .content-page a:not(.btn) { color:#087b69!important; }
body .content-page > header { padding:15px 17px; border:1px solid #c2dfd1; border-radius:12px; background:linear-gradient(135deg,#f7fffb,#e7f6ed)!important; box-shadow:0 1px 0 #fff inset,0 4px 0 -2px #c0d7c8,0 9px 15px rgba(10,78,51,.08); }
body .content-page > header > span { color:#397967!important; }
body .content-page h2,
body :is(.free-tool-content,.free-download-content,.free-number-seo-content,.blog-content) h2 {
  padding:10px 13px;
  border:1px solid #c6ded0;
  border-left:4px solid #1b9e87;
  border-radius:9px;
  background:linear-gradient(135deg,#fbfffc,#edf8f0)!important;
  box-shadow:0 1px 0 #fff inset,0 3px 0 -1px #c4daca,0 7px 12px rgba(9,74,47,.07);
}
body .content-page :is(blockquote,.legal-service-rules) { border-color:#9bcab7!important; background:#eff9f2!important; }
body .content-page :is(table,th,td) { border-color:#bddbcb!important; }
body .content-page th { background:#e4f4e9!important; }
body :is(.free-tools-hero-stats > article,.free-tool-links > a,.free-download-features > *, .nick-result-card,.nick-info-grid > *, .free-number-live-card,.free-number-item,.free-number-message,.free-number-steps > *, .free-number-faq details,.faq-list details,.blog-cta) {
  border:1px solid #bddbcd!important;
  border-radius:11px!important;
  background:linear-gradient(145deg,#fff,#eaf7ef)!important;
  box-shadow:0 1px 0 #fff inset,0 4px 0 -2px #b9d3c4,0 9px 15px rgba(8,72,48,.08)!important;
}
body .faq-list { display:grid; gap:12px; }
body .faq-list details { padding:14px 16px; }
body .faq-list summary { color:#1d5140!important; }
body :is(.free-tool-card-icon,.free-download-logo,.free-number-code,.nick-hero-badges > span) { box-shadow:0 2px 0 rgba(255,255,255,.8) inset,0 3px 0 -1px #b2d5c2,0 7px 11px rgba(7,74,43,.11); }
body .free-number-item.is-active { background:linear-gradient(145deg,#eafff3,#cbe9d7)!important; border-color:#74bda0!important; }
body :is(.free-tools-page,.free-number-page,.nick-page,.content-page,.blog-detail-page) :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),textarea,select) {
  border:1px solid #afd0bf!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#eff7f1,#fff)!important;
  color:#214e3d!important;
  box-shadow:0 2px 5px rgba(8,71,43,.1) inset,0 1px 0 #fff!important;
}
body :is(.free-tools-page,.free-number-page,.nick-page,.content-page,.blog-detail-page) :is(.btn,.btn-primary,.blog-cta-btn),
body .blog-page .blog-read-more {
  border:1px solid #098774!important;
  border-radius:10px!important;
  background:linear-gradient(145deg,#24b79e,#0c9882 55%,#096b5b)!important;
  color:#fff!important;
  box-shadow:0 2px 0 rgba(255,255,255,.35) inset,0 -2px 3px rgba(0,51,35,.16) inset,0 4px 0 -1px #095c4c,0 10px 15px rgba(7,99,72,.19)!important;
}
body :is(.free-tools-page,.free-number-page,.nick-page,.content-page) .btn.secondary {
  background:linear-gradient(145deg,#fff,#dff2e7)!important;
  color:#176747!important;
  border-color:#a7cdb7!important;
  box-shadow:0 2px 0 #fff inset,0 4px 0 -1px #a7cbb5,0 8px 13px rgba(8,74,43,.11)!important;
}
body :is(.free-tools-page,.free-number-page,.nick-page,.content-page,.blog-detail-page) button:disabled { opacity:.55; }
body .blog-page .blog-card { margin-bottom:5px; }
body .blog-page .blog-read-more { display:inline-flex; padding:8px 11px; margin-top:5px; }
body .blog-detail-page .blog-back { display:inline-flex; padding:8px 11px; border:1px solid #b6d5c3; border-radius:9px; background:linear-gradient(145deg,#fff,#e7f5eb); box-shadow:0 1px 0 #fff inset,0 3px 0 -1px #b2d0bb,0 7px 11px rgba(9,72,43,.08); color:#15764e!important; }
body .blog-detail-page :is(.blog-detail-image,.blog-content img) { border-radius:12px; box-shadow:0 4px 0 -1px #c1d7c7,0 12px 20px rgba(9,67,40,.13); }
body :is(.free-tools-page,.free-number-page,.nick-page,.content-page,.blog-page,.blog-detail-page) :is(a,button,input,textarea,select,summary):focus-visible { outline:3px solid #38b58e; outline-offset:3px; }
@media(max-width:760px) {
  body .content-page:not(.panel) { padding:17px; }
  body .content-page > header { padding:12px; }
  body .content-page h2 { padding:9px 10px; }
  body :is(.content-page,.free-tools-hero,.free-tool-form-card,.blog-hero,.blog-card,.blog-detail) { box-shadow:0 2px 0 #fff inset,0 5px 0 -2px #b0d0c1,0 12px 20px rgba(8,79,53,.11)!important; }
}
body .nick-page .nick-tool {
  border:1px solid #b6d8cc!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#fff,#f3fbf6 65%,#e4f2e9)!important;
  box-shadow:0 2px 0 #fff inset,0 6px 0 -2px #b0d0c1,0 18px 29px rgba(8,79,53,.12)!important;
}
body .nick-page .nick-result-card button {
  border:1px solid #aad0bb!important;
  border-radius:9px!important;
  background:linear-gradient(145deg,#fff,#dff3e7)!important;
  color:#146a47!important;
  box-shadow:0 1px 0 #fff inset,0 3px 0 -1px #a9cdb5,0 7px 11px rgba(8,76,43,.1)!important;
}
.mobile-menu-toggle,.mobile-language-popup { display:none; }
.mobile-language-popup[hidden] { display:none!important; }
@media(max-width:1000px) {
  html.mobile-navigation-ready body .site-header-inner { grid-template-columns:minmax(0,1fr) 44px!important; align-items:center; }
  html.mobile-navigation-ready body .site-header-inner > .logo { grid-row:1; grid-column:1; }
  html.mobile-navigation-ready body .site-header-inner > .header-live-search { grid-row:2; grid-column:1 / -1; width:100%; }
  html.mobile-navigation-ready body .site-header-inner > nav { display:none!important; }
  html.mobile-navigation-ready body .mobile-menu-toggle {
    display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; padding:10px;
    grid-row:1; grid-column:2;
    border:1px solid #8fbfb1; border-radius:11px; color:#145646;
    background:linear-gradient(145deg,#fff,#cfeee0);
    box-shadow:0 2px 0 #fff inset,0 4px 0 -1px #8bb8a3,0 8px 14px rgba(6,81,57,.15);
  }
  .mobile-menu-toggle svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:2.5; stroke-linecap:round; }
  html.mobile-navigation-ready body .site-header .store-mode-nav { display:none!important; }
  html.mobile-navigation-ready body .site-header.mobile-menu-open .store-mode-nav {
    display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px!important;
    position:relative!important; inset:auto!important; transform:none!important;
    width:calc(100% - 24px)!important; max-width:none!important; max-height:45vh;
    margin:8px 12px 14px!important; padding:12px!important; box-sizing:border-box;
    overflow:auto!important; border:1px solid #b2d5c6!important; border-radius:13px!important;
    background:linear-gradient(145deg,#f8fffc,#e1f2e8)!important;
    box-shadow:0 1px 0 #fff inset,0 5px 0 -2px #b2d1c0,0 12px 20px rgba(6,79,46,.13)!important;
  }
  html.mobile-navigation-ready body .site-header.mobile-menu-open .store-mode-nav .mode-link { min-width:0; justify-content:flex-start; white-space:normal; }
  html.mobile-navigation-ready body .lux-action-nav__item--language { font-family:inherit; cursor:pointer; }
  html.mobile-navigation-ready body .lux-action-nav__item--language .lux-action-nav__icon {
    background:linear-gradient(145deg,#36bba2,#0c7261)!important;
    box-shadow:0 2px 2px rgba(255,255,255,.5) inset,0 -5px 9px rgba(0,62,45,.2) inset,0 5px 0 #085c4b,0 9px 15px rgba(0,50,35,.2)!important;
  }
  html.mobile-navigation-ready .mobile-language-popup {
    display:grid; gap:9px; position:fixed; z-index:1305;
    bottom:calc(96px + env(safe-area-inset-bottom)); left:50%; transform:translateX(-50%);
    width:230px; max-width:calc(100% - 32px); padding:12px; box-sizing:border-box;
    border:1px solid #a3cebb; border-radius:14px; background:linear-gradient(145deg,#fff,#e5f5eb);
    box-shadow:0 2px 0 #fff inset,0 5px 0 -1px #a1c6b1,0 15px 28px rgba(7,66,36,.25);
  }
  .mobile-language-popup a { display:flex; align-items:center; gap:10px; padding:12px; border:1px solid #bddccb; border-radius:9px; color:#174d35; text-decoration:none; background:#fafffc; }
  .mobile-language-popup a.is-active { background:#cfeedd; border-color:#79b697; }
  .mobile-language-popup .language-flag { display:inline-flex; width:28px; height:20px; }
  .mobile-language-popup .language-flag svg { width:28px; height:20px; }
  .mobile-language-popup a small { margin-left:auto; }
  .mobile-menu-toggle:focus-visible,.mobile-language-popup a:focus-visible { outline:3px solid #37b28e; outline-offset:3px; }
  html.mobile-navigation-ready body.education-product-page .mobile-menu-toggle,
  html.mobile-navigation-ready body.education-product-page .site-header.mobile-menu-open .store-mode-nav,
  body.education-product-page .mobile-language-popup {
    color:#fff; border-color:#805263!important; background:linear-gradient(145deg,#34212d,#140f19)!important;
    box-shadow:0 2px 0 rgba(255,255,255,.13) inset,0 4px 0 -1px #452636,0 12px 20px rgba(0,0,0,.3)!important;
  }
  body.education-product-page .mobile-language-popup a { color:#fff; border-color:#744758; background:#241822; }
  body.education-product-page .mobile-language-popup a.is-active { background:#4a2538; }
}

/* Mobile header: keep logo, toggle and search clear of screen edges. */
@media (max-width: 1000px) {
  html.mobile-navigation-ready body .site-header-inner {
    box-sizing: border-box;
    width: 100%;
    padding-left: max(16px, env(safe-area-inset-left)) !important;
    padding-right: max(16px, env(safe-area-inset-right)) !important;
  }
  html.mobile-navigation-ready body .site-header.mobile-menu-open .store-mode-nav {
    width: calc(100% - 32px) !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

/* Compact category-menu headings without changing type or item spacing. */
body .category-showcase .showcase-title {
  padding: 8px 10px 10px;
  margin-bottom: 10px;
}
body .category-showcase .showcase-title h2 {
  margin-top: 6px;
  margin-bottom: 6px;
}

/* Education category listing: matching mint 3D surfaces, scoped to this category. */
main.container:has(select[name="category"] option[value="egitimler"][selected]) .products-page-head {
  padding: 24px;
  margin-bottom: 22px;
  border: 1px solid #baded5;
  border-radius: 18px;
  background: linear-gradient(135deg, #f0fcf8, #ffffff 58%, #f8fbf1);
  box-shadow: inset 0 2px 0 #fff, inset 0 -2px 5px #dceee580, 0 6px 0 -2px #bed9ce, 0 17px 30px #164d3515;
}
main.container:has(select[name="category"] option[value="egitimler"][selected]) .products-page-head > strong {
  padding: 9px 14px;
  border: 1px solid #b3ded2;
  background: linear-gradient(145deg, #fff, #d8f2e8);
  box-shadow: inset 0 2px 0 #fff, 0 3px 0 #bdded1, 0 7px 12px #164d3512;
}
main.container:has(select[name="category"] option[value="egitimler"][selected]) .modern-filters {
  padding: 18px;
  margin-bottom: 24px;
  border: 1px solid #b9dcd2 !important;
  border-radius: 15px;
  background: linear-gradient(145deg, #ffffff, #edf9f3) !important;
  box-shadow: inset 0 2px 0 #fff, 0 5px 0 -1px #bdd9cf, 0 14px 25px #164d3514;
}
main.container:has(select[name="category"] option[value="egitimler"][selected]) .filter-control,
main.container:has(select[name="category"] option[value="egitimler"][selected]) .modern-filters select {
  border: 1px solid #bcded4 !important;
  border-radius: 10px;
  background: linear-gradient(145deg, #fff, #f0faf6) !important;
  box-shadow: inset 0 2px 3px #164d3508, inset 0 -1px 0 #fff, 0 3px 0 -1px #c3ded3;
}
main.container:has(select[name="category"] option[value="egitimler"][selected]) .filter-control input {
  background: transparent !important;
}
main.container:has(select[name="category"] option[value="egitimler"][selected]) .filter-submit {
  border: 1px solid #078a78;
  border-radius: 10px;
  background: linear-gradient(145deg, #12b6a6, #078678) !important;
  box-shadow: inset 0 2px 0 #ffffff55, inset 0 -3px 6px #035e5422, 0 4px 0 #086b60, 0 9px 15px #075e4c26;
}
main.container:has(select[name="category"] option[value="egitimler"][selected]) .filter-submit:active {
  transform: translateY(2px);
}
@media (max-width: 600px) {
  main.container:has(select[name="category"] option[value="egitimler"][selected]) .products-page-head {
    padding: 18px;
    gap: 12px;
  }
  main.container:has(select[name="category"] option[value="egitimler"][selected]) .modern-filters {
    padding: 14px;
  }
}

/* Shared sign-in/register form depth. Authentication behavior is unchanged. */
body main form.auth {
  box-sizing: border-box;
  border: 1px solid #b6dbce !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, #fff 0%, #f6fdf9 58%, #e9f7ef 100%) !important;
  box-shadow: inset 0 2px 0 #fff, inset 0 -2px 5px #d3e9dd80, 0 7px 0 -2px #b8d5c6, 0 22px 38px #174c3520 !important;
}
body main form.auth > input:not([type="hidden"]):not([type="checkbox"]) {
  box-sizing: border-box;
  min-width: 0;
  border: 1px solid #b3d8c9 !important;
  border-radius: 10px !important;
  background: linear-gradient(145deg, #fff, #f1faf5) !important;
  color: #183c31;
  box-shadow: inset 0 2px 4px #164d3510, inset 0 -1px 0 #fff, 0 3px 0 -1px #c5ded2 !important;
}
body main form.auth > input:focus-visible {
  outline: 2px solid #099a86;
  outline-offset: 2px;
}
body main form.auth .google-auth-button {
  border: 1px solid #bbd9cf !important;
  border-radius: 11px;
  background: linear-gradient(145deg, #fff, #edf7f2) !important;
  box-shadow: inset 0 2px 0 #fff, 0 4px 0 -1px #c0d9cd, 0 9px 15px #164d3512 !important;
}
body main form.auth > .btn {
  border: 1px solid #058676;
  border-radius: 11px;
  color: #fff;
  background: linear-gradient(145deg, #17b9a6, #078779) !important;
  box-shadow: inset 0 2px 0 #ffffff55, inset 0 -3px 6px #035e5422, 0 5px 0 -1px #076e60, 0 11px 18px #075e4c26 !important;
}
body main form.auth > .btn:active,
body main form.auth .google-auth-button:active { transform: translateY(2px); }
body main form.auth input[type="checkbox"] { accent-color: #079a83; }
body main form.auth .auth-divider::before,
body main form.auth .auth-divider::after { background: #c3ded1 !important; }
@media (max-width: 600px) {
  body main form.auth {
    width: 100%;
    max-width: 420px;
    padding: 20px;
  }
}

/* Virtual-number balance and service toolbar. */
body .virtual-shop-toolbar {
  border: 1px solid #b6dcd0 !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg, #fff, #edf9f2) !important;
  box-shadow: inset 0 2px 0 #fff, 0 5px 0 -1px #bcd9cc, 0 14px 25px #164d3518 !important;
}
body .virtual-shop-toolbar > div {
  padding: 10px 12px;
  border: 1px solid #c2dfd3;
  border-radius: 10px;
  background: linear-gradient(145deg, #fff, #e1f4ea);
  box-shadow: inset 0 2px 0 #fff, 0 3px 0 -1px #c4ded1, 0 7px 12px #164d350c;
}
body .virtual-service-search input {
  box-sizing: border-box;
  border: 1px solid #b7d9cb !important;
  border-radius: 10px !important;
  background: linear-gradient(145deg, #fff, #f0faf5) !important;
  box-shadow: inset 0 2px 4px #164d3510, 0 3px 0 -1px #c0dccd !important;
}
body .virtual-service-search input:focus-visible {
  outline: 2px solid #079a85;
  outline-offset: 2px;
}
body .virtual-shop-toolbar > .btn {
  border: 1px solid #078676 !important;
  border-radius: 10px !important;
  color: #fff !important;
  background: linear-gradient(145deg, #16b5a4, #078779) !important;
  box-shadow: inset 0 2px 0 #ffffff55, 0 4px 0 -1px #086b60, 0 10px 16px #075e4c22 !important;
}
body .virtual-shop-toolbar > .btn.secondary {
  border-color: #b4d7c8 !important;
  color: #175545 !important;
  background: linear-gradient(145deg, #fff, #dcefe3) !important;
  box-shadow: inset 0 2px 0 #fff, 0 4px 0 -1px #abcbbb, 0 10px 16px #164d3518 !important;
}
body .virtual-shop-toolbar > .btn:active { transform: translateY(2px); }

/* Authenticated header and account workspace: visual-only shared depth. */
body .site-header .header-message-link,
body .site-header .notification-menu > summary,
body .site-header .user-menu > summary {
  border: 1px solid #b5d9cc !important;
  border-radius: 11px !important;
  color: #174e40 !important;
  background: linear-gradient(145deg, #fff, #dff2e8) !important;
  box-shadow: inset 0 2px 0 #fff, 0 4px 0 -1px #accfbd, 0 9px 16px #164d351c !important;
}
body .site-header .user-menu-avatar {
  background: linear-gradient(145deg, #19bca6, #087967) !important;
  color: #fff !important;
  box-shadow: inset 0 2px 2px #ffffff66, 0 3px 0 #096752, 0 5px 8px #164d3520;
}
body .user-menu-panel, body .notification-panel {
  border-color: #b5d9cc !important;
  background: linear-gradient(145deg, #fff, #edf9f2) !important;
  box-shadow: inset 0 2px 0 #fff, 0 5px 0 -2px #bdd7ca, 0 18px 32px #164d3528 !important;
}
body .account-dashboard :is(.account-hero, .account-panel, .account-tabs) {
  border: 1px solid #b9dbce !important;
  border-radius: 15px !important;
  background: linear-gradient(145deg, #fff, #f5fcf8 60%, #eaf7ef) !important;
  box-shadow: inset 0 2px 0 #fff, 0 5px 0 -2px #bbd8c9, 0 16px 28px #164d3515 !important;
}
body .account-dashboard :is(.account-stats > article, .account-user-card, .account-order-card, .account-virtual-detail, .balance-info-card, .account-empty, .support-thread) {
  border: 1px solid #c0ded1 !important;
  border-radius: 12px !important;
  background: linear-gradient(145deg, #fff, #eaf7ef) !important;
  box-shadow: inset 0 2px 0 #fff, 0 4px 0 -1px #c3ddcf, 0 10px 18px #164d3512 !important;
}
body .account-dashboard .account-stats { gap: 12px; }
body .account-dashboard .account-tabs { gap: 8px; padding: 10px; }
body .account-dashboard :is(.account-tabs > button, .account-virtual-list > button) {
  border: 1px solid #c0ded1 !important;
  border-radius: 10px !important;
  color: #205745;
  background: linear-gradient(145deg, #fff, #e1f2e7) !important;
  box-shadow: inset 0 2px 0 #fff, 0 3px 0 -1px #c0d8ca, 0 6px 10px #164d3510 !important;
}
body .account-dashboard :is(.account-tabs > button.is-active, .account-virtual-list > button.is-active, .btn:not(.secondary)) {
  color: #fff !important;
  border: 1px solid #078575 !important;
  background: linear-gradient(145deg, #15b5a2, #087e70) !important;
  box-shadow: inset 0 2px 0 #ffffff55, 0 4px 0 -1px #086854, 0 9px 15px #164d3520 !important;
}
body .account-dashboard .btn.secondary {
  color: #1d5644 !important;
  border: 1px solid #b4d5c5 !important;
  background: linear-gradient(145deg, #fff, #e1f2e7) !important;
  box-shadow: inset 0 2px 0 #fff, 0 3px 0 -1px #bdd5c5, 0 7px 12px #164d3514 !important;
}
body .account-dashboard :is(.account-settings-form, .support-compose-form) :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="file"]), textarea, select) {
  box-sizing: border-box;
  border: 1px solid #b5d8c8 !important;
  border-radius: 9px !important;
  background: linear-gradient(145deg, #fff, #f1faf5) !important;
  box-shadow: inset 0 2px 4px #164d3510, 0 3px 0 -1px #c4ded0 !important;
}
body .account-dashboard :is(input,textarea,select,button,a):focus-visible {
  outline: 2px solid #099c83;
  outline-offset: 2px;
}
body .account-dashboard input[type="checkbox"] { accent-color: #099c83; }
body .account-dashboard :is(.virtual-sms-box, .support-table-row, .support-bubble) {
  border-color: #c3ded2 !important;
  border-radius: 8px;
  box-shadow: inset 0 1px 0 #fff, 0 3px 8px #164d350c;
}
@media (prefers-reduced-motion: no-preference) {
  body .account-dashboard .btn:active { transform: translateY(2px); }
}

@media (min-width:1001px) { body .site-header-inner:has(> nav.is-authenticated) { grid-template-columns:minmax(150px,220px) minmax(140px,1fr) auto !important; } }
/* Balance top-up: centered wider workspace; presentation only. */
body .balance-topup-page .balance-topup-shell {
  width: 100%;
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}
body .balance-topup-page :is(.checkout-panel, .balance-topup-payment-panel, .balance-bonus-promo) {
  min-width: 0;
  border: 1px solid #b7dbcc !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg, #fff, #f4fcf7 62%, #e8f6ee) !important;
  box-shadow: inset 0 2px 0 #fff, 0 5px 0 -2px #bbd6c7, 0 16px 28px #164d3515 !important;
}
body .balance-topup-page :is(.balance-topup-current, .balance-bonus-tier, .bank-box, .balance-method-amount, .balance-western-receiver, .balance-terms-consent) {
  border: 1px solid #bfdccf !important;
  border-radius: 11px !important;
  background: linear-gradient(145deg, #fff, #e8f6ee) !important;
  box-shadow: inset 0 2px 0 #fff, 0 3px 0 -1px #c2dccd, 0 8px 14px #164d3510 !important;
}
body .balance-topup-page .bank-info-card {
  border: 1px solid #c1dfd1 !important;
  background: linear-gradient(145deg, #fbfffd, #eff9f3) !important;
  box-shadow: inset 0 1px 0 #fff, 0 4px 12px #164d350c;
}
body .balance-topup-page .payment-method-choice {
  border: 1px solid #afd5c5 !important;
  border-radius: 10px !important;
  background: linear-gradient(145deg, #fff, #e1f1e7) !important;
  box-shadow: inset 0 2px 0 #fff, 0 3px 0 -1px #b8d4c3, 0 7px 12px #164d3510 !important;
}
body .balance-topup-page .payment-method-choice:has(input:checked) {
  border-color: #1e9e85 !important;
  background: linear-gradient(145deg, #edfff6, #cdebdc) !important;
}
body .balance-topup-page :is(input:not([type=hidden]):not([type=radio]):not([type=checkbox]), textarea, select) {
  box-sizing: border-box;
  min-width: 0;
  border: 1px solid #b4d6c7 !important;
  border-radius: 9px !important;
  background: linear-gradient(145deg, #fff, #f2faf5) !important;
  box-shadow: inset 0 2px 4px #164d3510, 0 3px 0 -1px #c3ddcf !important;
}
body .balance-topup-page :is(input,textarea,select):focus-visible {
  outline: 2px solid #079c83;
  outline-offset: 2px;
}
body .balance-topup-page :is(input[type=radio],input[type=checkbox]) { accent-color: #089780; }
body .balance-topup-page .checkout-submit {
  border: 1px solid #07816d !important;
  border-radius: 11px !important;
  color: #fff !important;
  background: linear-gradient(145deg, #17b4a1, #087d6c) !important;
  box-shadow: inset 0 2px 0 #ffffff55, 0 4px 0 -1px #076452, 0 10px 17px #164d3524 !important;
}
body .balance-topup-page .iban-copy-button {
  border: 1px solid #b2d6c5 !important;
  border-radius: 8px;
  background: linear-gradient(145deg, #fff, #dcefe3) !important;
  box-shadow: inset 0 1px 0 #fff, 0 3px 0 -1px #b6d1bf;
}
body .balance-topup-page .bank-processing-notice {
  box-shadow: inset 0 2px 0 #fff, 0 4px 0 -2px #dcc491, 0 12px 20px #70551512 !important;
}
body .balance-topup-page .balance-submit-warning {
  box-shadow: inset 0 2px 0 #fff, 0 3px 0 -1px #e7b5b5, 0 8px 14px #a5292910 !important;
}
@media (max-width:600px) {
  body .balance-topup-page .balance-topup-shell { max-width: 100% !important; }
}

body .balance-topup-page .balance-topup-history { margin-top:22px !important; }

body .balance-topup-page .iban-copy-button {color:#175545 !important;}
body .balance-topup-page .iban-copy-button.is-copied {color:#fff !important;border-color:#066c57 !important;background:linear-gradient(145deg,#087d66,#05604e) !important;}
