/* Calm theme — loaded last. One accent colour, neutral surfaces, no stickers or confetti.
   Product tile artwork is intentionally left untouched. */
:root {
  --bg: #ffffff;
  --bg-2: #f6f6f8;
  --line: #e7e7ec;
  --text: #16161d;
  --ink: #16161d;
  --muted: #62626e;
  --violet: #4b3fd8;         /* the single accent */
  --pink: #4b3fd8;
  --yellow: #4b3fd8;
  --yellow-ink: #ffffff;
  --pop-y: #4b3fd8;
  --night: #16161d;
  --font-display: "Rubik", "Segoe UI", system-ui, sans-serif;
}
body { background: #fff; }
h1, h2 { font-family: var(--font-display); font-weight: 700; text-transform: none; letter-spacing: -.01em; }
h3 { text-transform: none; }

/* decorations off */
.fun-deco, .h-stk, .stars, .burst, .float, .sale-sticker { display: none !important; }
.shelf-head h2::after, .shelf-head h2::before, .faq h2::before { display: none !important; }
.hero-ic, .usp [data-icon], .promo-art [data-icon] { animation: none !important; }
.hero-card { transform: none; filter: drop-shadow(0 18px 28px rgba(0,0,0,.28)); }

/* buttons: flat, one accent */
.btn { box-shadow: none !important; transform: none !important; }
.btn.primary, .hn-buy, .pd-site .site-go, .cm-toast button { background: var(--violet) !important; color: #fff !important; box-shadow: none !important; }
.btn.primary:hover, .hn-buy:hover { background: #3b30be !important; filter: none; }
.btn.ghost { background: #fff; color: var(--text); box-shadow: inset 0 0 0 1.5px var(--line) !important; }
.btn.ghost:hover { box-shadow: inset 0 0 0 1.5px var(--violet) !important; }
.slide .btn.ghost { background: transparent; color: #fff; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.4) !important; }
.signin-btn { background: var(--violet) !important; box-shadow: none !important; }
.signin-btn:hover { background: #3b30be !important; filter: none; transform: none; }
.signin-btn:focus-visible { outline-color: #9c95f0; }
.scroll-btn { box-shadow: none; border-width: 1px; }
.scroll-btn:hover { background: var(--bg-2); border-color: var(--violet); transform: none; }
.eyebrow { background: rgba(255,255,255,.12) !important; color: #fff !important; border-radius: 999px; letter-spacing: .04em; }

/* hero: one solid neutral surface */
.carousel, .carousel[data-theme] { background: radial-gradient(60% 90% at 78% 50%, #ffffff 0%, rgba(255,255,255,0) 70%), #eceef3 !important; color: var(--text); border-radius: 20px; border: 1px solid var(--line); }
.carousel .slide h1, .carousel .slide h2 { color: var(--text); }
.carousel .slide .lead { color: var(--muted); }
.carousel .eyebrow { background: #16161d !important; color: #fff !important; }
.carousel .slide .btn.ghost { background: #fff; color: var(--text); box-shadow: inset 0 0 0 1.5px #c9ccd6 !important; }
.carousel .hero-card { filter: drop-shadow(0 26px 34px rgba(9,11,16,.35)); }
@media (max-width: 760px) {
  .carousel .slide { display: flex; flex-direction: column; align-items: stretch; padding: 22px 20px 26px; gap: 14px; }
  .carousel .slide .hero-art { position: relative; order: -1; right: auto; top: auto; width: 86%; max-width: 360px; align-self: center; opacity: 1; margin: 4px 0 6px; }
  .carousel .slide .hero-art .hero-card { transform: rotate(-3deg); }
  .carousel .slide .banner-copy { padding-right: 0; }
  .carousel .slide[data-theme="np"] .banner-copy h1 { max-width: none; }
  .carousel .slide .lead { -webkit-line-clamp: 3; }
  .carousel .slide .cta-row .btn.ghost { display: inline-flex; }
}

/* sections */
.netplus { background: var(--bg-2) !important; border-radius: 20px; }
.about-in { background: var(--bg-2) !important; border: 1px solid var(--line) !important; }
.about-facts li, .plat-chip, .cat { box-shadow: none !important; border: 1px solid var(--line) !important; transform: none !important; }
.plat-badge { border-radius: 10px; transform: none; box-shadow: none; }
.usp div { background: var(--bg-2) !important; border: 1px solid var(--line) !important; }
.price-note, .np-rules { background: var(--bg-2) !important; border-color: var(--line) !important; color: var(--text); }
.np-rules strong, .np-rules h3 { color: var(--text); }
.hl-grid li.wide { background: var(--bg-2) !important; border-color: var(--line) !important; }
.chat-box, .verify-card, .how-steps li, .menu-region, .market-bar, .buyfeed, .gv-shot { background: #fff !important; }
.verify-card.bad { background: #fff5f5 !important; }
.vbar i { background: var(--violet) !important; }
.flag-code { background: var(--bg-2) !important; }
.promo { background: #16161d !important; }

/* deals: no strike-through prices or % badges (authorized reseller look) */
.deal-spot, #dealSpot, .disc, .badge-off, .old-price, s.was, .tile .was { display: none !important; }

/* footer & page heads: neutral */
.footer { background: #16161d; }
.footer .wordmark b, .footer nav h3 { color: #fff; }
.footer nav h3 { font-family: var(--font-body); font-weight: 700; text-transform: none; letter-spacing: 0; font-size: .95rem; }
.footer .muted, .footer nav a { color: #a8a8b3; }
.f-logo { background: none; }
.legal-head, .news-head { background: #16161d !important; }

/* news covers: flat */
.ncover, .ncover.v2 { background: #23232d !important; }
.ncover-burst, .ncover-dots, .nc-grid, .nc-glow, .nc-orb { display: none !important; }
.footer::before, .footer::after { display: none !important; }
.ph-req { color: inherit; font-style: italic; }

/* NetmarPlus Gift Card — own look, independent of the site theme */
.gift-card { border-radius: 6.5% / 10.3%; box-shadow: 0 18px 40px -18px rgba(9,11,16,.65); }
.gift-card .wordmark { color: #fff; font-family: "Rubik", system-ui, sans-serif; font-weight: 700; letter-spacing: -.01em; text-transform: none; }
.gift-card .wordmark b { color: #d6ff4a !important; }
.gift-card .wordmark small { color: rgba(255,255,255,.65); font-weight: 500; }
.gc-bottom { color: rgba(255,255,255,.75); }
.gc-bottom span { letter-spacing: .28em; font-weight: 700; }
.gc-bottom strong { font-family: "Rubik", system-ui, sans-serif; font-weight: 700; text-shadow: none; letter-spacing: -.02em; color: #fff; }
.hero-card { transform: rotate(-4deg); }
.np-values .gift-card { box-shadow: 0 14px 28px -14px rgba(9,11,16,.55); }

/* card typeface (self-hosted Poppins, OFL) and per-value accent */
@font-face { font-family: "NP Card"; src: url("fonts/poppins-medium.woff") format("woff"); font-weight: 500; font-display: swap; }
@font-face { font-family: "NP Card"; src: url("fonts/poppins-bold.woff") format("woff"); font-weight: 700; font-display: swap; }
.gift-card, .gift-card .wordmark, .gc-bottom strong { font-family: "NP Card", "Rubik", system-ui, sans-serif !important; }
.gift-card .wordmark b { color: var(--gc-accent, #d6ff4a) !important; }
.np-values { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.np-values .gift-card:nth-child(odd), .np-values .gift-card:nth-child(even) { transform: none; }
@media (max-width: 900px) { .np-values { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.tp-preview { display: grid; gap: 8px; justify-items: center; margin: 6px 0 12px; }
.tp-card { width: min(100%, 320px); }
.tp-card .gift-card { transition: transform .2s; }
.tp-amts { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
@media (max-width: 480px) { .tp-amts { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }

/* compact sign-in button */
.topbar .signin-btn { height: 38px; padding: 0 16px; font-size: .88rem; gap: 6px; border-radius: 10px; }
@media (max-width: 480px) { .topbar .signin-btn { height: 36px; padding: 0 12px; font-size: .84rem; } }

/* NetmarPlus Gift Card in the product rows */
.np-tile { background: radial-gradient(70% 70% at 50% 45%, #ffffff, #e6e8ee) !important; }
.np-tile::before, .np-tile::after { display: none !important; }
.np-tile .np-art { position: absolute !important; left: 9%; top: 14%; width: 82%; transform: rotate(-5deg); filter: drop-shadow(0 12px 16px rgba(9,11,16,.35)); transition: transform .2s; position: relative; z-index: 1; }
.np-card-tile:hover .np-art { transform: rotate(-2deg) scale(1.03); }
.np-tile .plat { z-index: 2; }
.np-tile .np-art .gift-card { box-shadow: none; }
.np-range { font-size: 1rem !important; }

/* NetmarPlus Gift Card menu */
.np-dlg .dlg-in { display: grid; gap: 14px; }
.np-dlg-head h3 { margin: 0 0 4px; }
.np-dlg-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.np-amt { padding: 0; border: 0; background: none; cursor: pointer; border-radius: 6.5% / 10.3%; transition: transform .15s; }
.np-amt:hover, .np-amt:focus-visible { transform: translateY(-3px); }
.np-amt:focus-visible { outline: 3px solid var(--violet); outline-offset: 3px; }
@media (max-width: 640px) { .np-dlg-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } }

/* seller application form */
.seller-form { margin-top: 18px; padding: 22px; border: 1px solid var(--line); border-radius: 18px; background: #fff; display: grid; gap: 10px; max-width: 860px; }
.seller-form h3 { margin: 0; font-size: 1.25rem; }
.seller-form .sf-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 14px; }
.seller-form label { display: block; font-weight: 600; font-size: .88rem; margin-bottom: 4px; }
.seller-form input:not([type=checkbox]), .seller-form select, .seller-form textarea { width: 100%; box-sizing: border-box; border: 1.5px solid var(--line); border-radius: 10px; padding: 10px 12px; font: inherit; background: #fff; }
.seller-form input:focus, .seller-form select:focus, .seller-form textarea:focus { outline: none; border-color: var(--violet); }
.seller-form .consent { display: flex; gap: 8px; align-items: flex-start; font-weight: 400; }
.seller-form .hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
@media (max-width: 640px) { .seller-form { padding: 16px; } .seller-form .sf-grid { grid-template-columns: 1fr; } }


/* FAQ groups */
.faq .faq-lead { margin: -4px 0 18px; max-width: 70ch; }
.faq .faq-g { margin: 26px 0 10px; font-size: 1.05rem; font-weight: 700; color: var(--text); }
.faq details p { white-space: normal; }

/* Campaigns & announcements on the home page */
.promo-news .shelf-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.promo-news .pn-all{font-weight:600;color:var(--accent,#4b3fd8);text-decoration:none;white-space:nowrap}
.pn-row{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:16px}
.pn-row .pn-card:nth-child(n+4){display:none}
.pn-card{display:flex;flex-direction:column;background:var(--card,#fff);border:1px solid var(--line,#e6e8ee);border-radius:14px;overflow:hidden;color:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s}
.pn-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(20,22,28,.08)}
.pn-img{aspect-ratio:16/9;overflow:hidden;background:#111318}
.pn-img>*{width:100%;height:100%;display:block}
.pn-img img{object-fit:cover}
.pn-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.pn-body .ncat{align-self:flex-start;font-size:12px;padding:2px 9px;border-radius:99px}
.pn-body h3{font-size:16px;line-height:1.3;margin:2px 0 0}
.pn-card.pn-lead .pn-body h3{font-size:19px}
.pn-body p{margin:0;font-size:14px;color:var(--muted,#5b6070);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pn-body .nread{margin-top:auto;padding-top:4px;font-weight:600;font-size:14px;color:var(--accent,#4b3fd8)}
@media (max-width:860px){
  .pn-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:6px;-webkit-overflow-scrolling:touch}
  .pn-row .pn-card,.pn-row .pn-card:nth-child(n+4){display:flex;flex:0 0 82%;scroll-snap-align:start}
  .pn-card.pn-lead .pn-body h3{font-size:16px}
}
.pn-img .ncover{display:grid!important;place-items:center;height:100%!important;min-height:0!important;aspect-ratio:auto!important;border-radius:0!important;margin:0!important}
.pn-img .nc-tag{display:none}
.pn-img .nc-glass{width:26%}

/* single current campaign: one wide card (image left, text right) */
.pn-row{display:block!important}
.pn-row .pn-card{flex-direction:row}
.pn-row .pn-img{flex:0 0 52%;aspect-ratio:16/9}
.pn-row .pn-body{padding:22px 26px;justify-content:center;gap:10px}
.pn-row .pn-card.pn-lead .pn-body h3{font-size:22px}
.pn-row .pn-body p{-webkit-line-clamp:4;font-size:15px}
.pn-row .pn-body .nread{margin-top:6px}
@media (max-width:860px){
  .pn-row .pn-card{flex-direction:column}
  .pn-row .pn-img{flex:none;width:100%}
  .pn-row .pn-body{padding:14px 16px 16px}
  .pn-row .pn-card.pn-lead .pn-body h3{font-size:17px}
}

/* phones/tablets: full NetmarPlus PIN MARKET logo, search on its own row under the header */
@media (max-width:860px){
  .topbar:has(#searchForm) .topbar-in{flex-wrap:wrap!important;height:auto!important;row-gap:8px;padding-top:8px!important;padding-bottom:10px!important}
  .topbar:has(#searchForm) .brand-pm{margin-right:auto!important}
  .topbar:has(#searchForm) .brand-pm .bp-full{display:none!important}
  .topbar:has(#searchForm) .brand-pm{align-self:center;display:flex!important;align-items:center;height:44px}
  .topbar:has(#searchForm) .brand-pm .bp-word{display:block!important;height:34px!important;width:auto!important}
  .topbar:has(#searchForm) .brand-pm .bp-mark{display:none!important}
  .topbar:has(#searchForm) .hdr-right{margin-left:auto}
  .topbar:has(#searchForm) .hdr-search{order:10;flex:1 0 100%!important;max-width:none!important;position:static!important;transform:none!important}
  .topbar:has(#searchForm) .hdr-search input{height:42px!important;padding-right:12px!important}
  .topbar:has(#searchForm) .hdr-search input:not(:focus):placeholder-shown::placeholder{color:#8a84a8!important}
}
@media (max-width:380px){ .topbar:has(#searchForm) .brand-pm .bp-word{height:30px!important} }
@media (max-width:340px){ .topbar:has(#searchForm) .brand-pm .bp-word{height:26px!important} }
@media (max-width:480px){
  .topbar:not(:has(#searchForm)) .brand-pm img{height:32px!important;width:auto!important}
  .topbar:not(:has(#searchForm)) .top-actions{gap:6px}
  .topbar:not(:has(#searchForm)) .top-actions .btn{padding:0 12px;height:38px;font-size:.84rem;white-space:nowrap}
  .topbar:not(:has(#searchForm)) .mini-select{height:38px;font-size:.82rem;padding:0 8px;max-width:96px}
}

.brand-pm .bp-word{display:none}
.pn-row .pn-img{background:#eceef3}
.support-form { margin: 8px auto 0; }
.support-form h2 { margin: 0; font-size: 1.5rem; }
.support-form textarea { resize: vertical; min-height: 140px; }
.support-form .sup-alt { margin: 4px 0 0; }
.gv-shot svg, .pd-card-art svg { overflow: visible; }
/* legal pages: language switch */
.lang-sw { display: inline-flex; gap: 2px; padding: 3px; border: 1px solid var(--line); border-radius: 999px; background: #fff; margin-right: 8px; }
.lang-sw a { font: 700 .74rem/1 var(--font-body, system-ui); padding: 7px 8px; border-radius: 999px; color: var(--muted); text-decoration: none; }
.lang-sw a[aria-current] { background: #16161d; color: #fff; }
@media (max-width: 520px) { .legal-head + * , .topbar .top-actions { flex-wrap: wrap; } .lang-sw a { padding: 6px 6px; font-size: .7rem; } .topbar .top-actions .btn.ghost { display: none; } }

/* NetmarPlus Gift Card page: the cards (products) come first */
#netplus .np-in { grid-template-columns: 1fr !important; gap: 28px; }
#netplus .np-values { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
#netplus .np-values [data-np-amt] { cursor: pointer; transition: transform .15s; }
#netplus .np-values [data-np-amt]:hover, #netplus .np-values [data-np-amt]:focus-visible { transform: translateY(-3px); outline: none; }
#netplus .np-other { grid-column: 1 / -1; justify-self: center; height: 46px; padding: 0 22px; border-radius: 12px; border: 1.5px solid var(--line); background: #fff; font: 700 .95rem var(--font-body, system-ui); cursor: pointer; }
@media (max-width: 760px) { #netplus .np-values { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } }
/* round "+" buy button and other leftovers of the old yellow theme: one brand colour everywhere */
.price-line::after {
  background: var(--violet, #4b3fd8) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 6v12M6 12h12' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") center/18px no-repeat !important;
  box-shadow: none !important;
}
.card:hover .price-line::after { background-color: #3b30be !important; }
.buy-hint { background: var(--violet, #4b3fd8) !important; color: #fff !important; box-shadow: none !important; }
.app-badge .soon-tag { background: #16161d !important; color: #fff !important; }
.ticker-track span::before { background: var(--violet, #4b3fd8) !important; }
.signin-btn:focus-visible { outline-color: var(--violet, #4b3fd8) !important; }
.topbar a.signin-btn, .topbar .hn-link, .topbar .brand-pm, .menu a { text-decoration: none !important; }

/* Türkiye bayilik bandı */
.dealer-band { margin-top: 18px; margin-bottom: 8px; }
.dealer-band .db-in { display: grid; grid-template-columns: 1.05fr 1fr; align-items: center; overflow: hidden; border-radius: 22px;
  background: linear-gradient(120deg, #d61f26 0%, #f2551d 58%, #ffb21a 100%); color: #fff; box-shadow: 0 18px 40px -22px rgba(214, 31, 38, .6); }
.dealer-band .db-text { padding: 34px 38px; }
.dealer-band .db-eyebrow { margin: 0 0 6px; font: 700 .78rem/1.2 var(--font-body, system-ui); letter-spacing: .12em; text-transform: uppercase; opacity: .9; }
.dealer-band h2 { margin: 0 0 10px; font-size: clamp(1.7rem, 3.2vw, 2.4rem); line-height: 1.05; color: #fff; }
.dealer-band p { margin: 0 0 18px; font-size: 1rem; line-height: 1.5; color: rgba(255, 255, 255, .94); max-width: 46ch; }
.dealer-band .db-btn { background: #fff !important; color: #c51d22 !important; border: 0; height: 50px; padding: 0 26px; border-radius: 14px; font-weight: 800; box-shadow: 0 8px 18px -10px rgba(0,0,0,.45) !important; }
.dealer-band .db-btn:hover { background: #fff6ef !important; }
.dealer-band .db-art { align-self: stretch; min-height: 240px; }
.dealer-band .db-art img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 760px) {
  .dealer-band .db-in { grid-template-columns: 1fr; }
  .dealer-band .db-art { order: -1; min-height: 0; aspect-ratio: 16 / 9; }
  .dealer-band .db-text { padding: 20px 20px 22px; }
  .dealer-band .db-btn { width: 100%; }
}

/* bayilik başvuru penceresi */
.dealer-dlg { width: min(720px, calc(100vw - 20px)); max-height: calc(100dvh - 20px); padding: 0; border: 0; border-radius: 20px; overflow: auto; background: #fff; color: var(--ink, #14161c); }
.dealer-dlg::backdrop { background: rgba(10, 12, 18, .55); }
.dealer-dlg .dd-head { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; background: #fff; border-bottom: 1px solid var(--line, #e6e8ee); }
.dealer-dlg .dd-head h2 { margin: 0; font-size: 1.2rem; }
.dealer-dlg .close { width: 38px; height: 38px; border-radius: 12px; border: 1px solid var(--line, #e6e8ee); background: #fff; font-size: 1.4rem; cursor: pointer; }
.dd-steps { display: flex; gap: 6px; list-style: none; margin: 14px 20px 0; padding: 0; counter-reset: s; }
.dd-steps li { flex: 1; font: 700 .76rem var(--font-body, system-ui); color: #9aa0ae; border-top: 3px solid #e6e8ee; padding-top: 6px; }
.dd-steps li.on { color: #c51d22; border-color: #f2551d; }
.dd-body { padding: 16px 20px 22px; display: grid; gap: 12px; }
.dd-kind { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.dd-kind label { position: relative; cursor: pointer; }
.dd-kind input { position: absolute; opacity: 0; }
.dd-kind span { display: grid; gap: 2px; padding: 12px 14px; border: 1.5px solid var(--line, #e6e8ee); border-radius: 14px; }
.dd-kind small { color: var(--muted, #5b6070); font-size: .8rem; }
.dd-kind input:checked + span { border-color: #f2551d; background: #fff5ef; box-shadow: inset 0 0 0 1px #f2551d; }
.dd-kind input:focus-visible + span { outline: 3px solid rgba(242, 85, 29, .35); }
.dd-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 12px; }
.dd-grid .span2 { grid-column: 1 / -1; }
.dd-grid label { display: block; font: 700 .82rem var(--font-body, system-ui); margin: 0 0 4px; }
.dd-grid input, .dd-grid select, .dd-grid textarea { width: 100%; box-sizing: border-box; height: 44px; padding: 0 12px; border: 1.5px solid var(--line, #e6e8ee); border-radius: 12px; font: inherit; background: #fff; }
.dd-grid textarea { height: auto; padding: 10px 12px; resize: vertical; }
.dd-grid input:disabled { background: #f4f5f8; color: #5b6070; }
.dd-tel { display: flex; align-items: stretch; }
.dd-tel span { display: grid; place-items: center; padding: 0 10px; border: 1.5px solid var(--line, #e6e8ee); border-right: 0; border-radius: 12px 0 0 12px; background: #f4f5f8; font-weight: 700; }
.dd-tel input { border-radius: 0 12px 12px 0 !important; }
.dealer-dlg .co-only { display: none; }
.dealer-dlg.is-co .co-only { display: block; }
.dealer-dlg.is-co .pe-only { display: none; }
.dd-doc { max-height: min(52vh, 520px); overflow: auto; padding: 18px 18px 8px; border: 1px solid var(--line, #e6e8ee); border-radius: 14px; background: #fbfbfd; font-size: .9rem; line-height: 1.55; }
.dd-doc .dd-title { margin: 0; font-size: 1.05rem; }
.dd-doc .dd-sub { margin: 4px 0 12px; color: var(--muted, #5b6070); font-size: .8rem; }
.dd-doc h4 { margin: 14px 0 4px; font-size: .92rem; }
.dd-doc p { margin: 0 0 8px; }
.dd-doc p.li { padding-left: 16px; position: relative; }
.dd-doc p.li::before { content: "•"; position: absolute; left: 4px; }
.dd-doc dl { display: grid; grid-template-columns: 150px 1fr; gap: 4px 10px; margin: 0 0 10px; }
.dd-doc dt { font-weight: 700; }
.dd-doc dd { margin: 0; }
.dd-doc .dd-sign { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 16px; }
.dd-doc .dd-sign div { display: grid; gap: 4px; }
.dd-doc .dd-sign span { color: var(--muted, #5b6070); font-size: .82rem; }
.dd-doc .dd-foot { margin-top: 12px; color: var(--muted, #5b6070); font-size: .76rem; }
.dd-row { display: flex; gap: 10px; justify-content: flex-end; }
.dd-row .btn { min-width: 120px; }
.dd-done { text-align: center; justify-items: center; }
.dd-done .dd-ok { width: 64px; height: 64px; border-radius: 50%; display: grid; place-items: center; font-size: 2rem; color: #fff; background: linear-gradient(135deg, #d61f26, #f2551d 60%, #ffb21a); }
.dd-done h3 { margin: 4px 0 0; }
.dd-done p { margin: 0; max-width: 46ch; color: var(--muted, #5b6070); }
.dd-done .btn { width: 100%; }
@media (max-width: 560px) {
  .dd-grid { grid-template-columns: 1fr; }
  .dd-doc dl { grid-template-columns: 1fr; }
  .dd-doc .dd-sign { grid-template-columns: 1fr; }
  .dd-row .btn { flex: 1; min-width: 0; }
}
/* hero: buy + dealer buttons, "I have a code" as a small link */
.banners .cta-row { display: flex; flex-wrap: wrap; gap: 10px; }
.btn.hb-dealer { background: linear-gradient(120deg, #d61f26, #f2551d 60%, #ff9a14) !important; color: #fff !important; border: 0 !important; box-shadow: none !important; }
.btn.hb-dealer:hover { filter: brightness(1.05); }
.hb-redeem-link { margin-top: 12px; padding: 0; border: 0; background: none; font: 600 .92rem var(--font-body, system-ui); color: var(--muted, #5b6070); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.hb-redeem-link:hover { color: var(--ink, #14161c); }
@media (max-width: 560px) { .banners .cta-row .btn { flex: 1 1 0; min-width: 0; padding-left: 10px; padding-right: 10px; } }
.dealer-dlg .dd-tr { margin: 12px 20px 0; padding: 10px 12px; border-radius: 12px; background: #fff5ef; border: 1px solid #ffd2bd; color: #8a2a12; font-size: .86rem; line-height: 1.4; }

/* ☰ menu: categories fold out under their title */
.menu .menu-acc { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 8px; padding: 12px 4px; margin: 0; border: 0; border-bottom: 1px solid var(--line, #e6e8ee); background: none; cursor: pointer; color: inherit; text-align: left; }
.menu .menu-acc svg { width: 20px; height: 20px; flex: none; transition: transform .2s; }
.menu .menu-acc[aria-expanded="true"] svg { transform: rotate(180deg); }
.menu .menu-cats { display: grid; gap: 4px; padding: 8px 0 4px; }
.menu .menu-cats[hidden] { display: none; }
.menu .menu-acc { font: 800 1rem var(--font-body, system-ui) !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--ink, #14161c) !important; }
/* NetmarPlus wordmark on the cards: the "+" in the red → yellow brand gradient */
.gift-card .wordmark b { background: linear-gradient(100deg, #d61f26, #f2551d 45%, #ffc21a); -webkit-background-clip: text; background-clip: text; color: transparent !important; }
/* every NetmarPlus wordmark: "Plus" in the red → yellow brand gradient */
.wordmark b, .gift-card .wordmark b, .footer .wordmark b { background: linear-gradient(100deg, #d61f26, #f2551d 45%, #ffc21a); -webkit-background-clip: text; background-clip: text; color: transparent !important; }

/* ===== home banner: desktop layout (phones keep their own layout) ===== */
.hb-usps, .hb-cats, .fan-card { display: none; }
@media (min-width: 961px) {
  .banners .carousel { min-height: 0; }
  .banners .slide[data-theme="np"] { display: grid !important; grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); align-items: center; gap: 28px; padding: 46px 52px 34px !important; min-height: 440px; }
  .banners .slide[data-theme="np"] h1 { font-size: clamp(2.4rem, 3.6vw, 3.3rem); line-height: 1.04; margin: 14px 0 12px; }
  .banners .slide[data-theme="np"] .lead { font-size: 1.06rem; max-width: 46ch; }
  .banners .cta-row .btn { height: 52px; padding: 0 28px; font-size: 1rem; }
  .hb-usps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; list-style: none; padding: 0; margin: 26px 0 0; }
  .hb-usps li { display: flex; gap: 10px; align-items: flex-start; padding: 12px; border-radius: 14px; background: rgba(255, 255, 255, .7); border: 1px solid var(--line, #e6e8ee); }
  .hb-usps .ic { flex: none; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: #fff4ec; }
  .hb-usps .ic svg { width: 24px; height: 24px; }
  .hb-usps b { display: block; font-size: .9rem; line-height: 1.2; }
  .hb-usps small { display: block; color: var(--muted, #5b6070); font-size: .78rem; line-height: 1.3; margin-top: 2px; }
  /* three cards fanned out on the right */
  .banners .slide[data-theme="np"] .hero-art { position: relative; max-width: none; width: 100%; height: 360px; justify-self: stretch; }
  .banners .slide[data-theme="np"] .hero-art .hero-card, .fan-card { position: absolute; width: 66%; max-width: 400px; }
  .banners .slide[data-theme="np"] .hero-art .hero-card { left: 20%; top: 31%; transform: rotate(-5deg); z-index: 3; }
  .fan-card { display: block; filter: drop-shadow(0 18px 26px rgba(9, 11, 16, .28)); }
  .fan-card.fc1 { left: 2%; top: 6%; transform: rotate(-15deg); z-index: 1; }
  .fan-card.fc2 { left: 34%; top: 2%; transform: rotate(9deg); z-index: 2; }
  .banners .slide[data-theme="np"] .hero-art .float { display: none; }
  /* quick category links under the banner */
  .hb-cats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
  .hb-cats a { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 16px; background: #fff; border: 1px solid var(--line, #e6e8ee); color: var(--ink, #14161c); font-weight: 700; text-decoration: none; transition: transform .15s, box-shadow .15s; }
  .hb-cats a:hover { transform: translateY(-2px); box-shadow: 0 10px 22px -14px rgba(20, 22, 28, .35); }
  .hb-cats .ic { width: 40px; height: 40px; flex: none; display: grid; place-items: center; border-radius: 12px; background: #f4f5f8; }
  .hb-cats .ic svg { width: 30px; height: 30px; }
}
@media (min-width: 961px) and (max-width: 1180px) {
  .hb-usps { grid-template-columns: 1fr; }
  .hb-usps li:nth-child(n+3) { display: none; }
}

/* blog: homepage carousel + blog page */
.ncat.c-blog{background:linear-gradient(90deg,#e0261f,#ffb21f);color:#fff}
.home-blog{margin-top:40px}
.home-blog .shelf-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.hbl-nav{display:flex;align-items:center;gap:8px}
.hbl-nav .pn-all{font-weight:600;color:var(--accent,#4b3fd8);text-decoration:none;white-space:nowrap;margin-left:6px}
.hbl-arrow{width:36px;height:36px;border-radius:50%;border:1px solid var(--line,#e6e8ee);background:var(--card,#fff);font-size:22px;line-height:1;cursor:pointer;color:inherit;display:grid;place-items:center}
.hbl-arrow:hover{border-color:#bbb}
.hbl-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 10px;-webkit-overflow-scrolling:touch}
.hbl-track::-webkit-scrollbar{display:none}
.hbl-card{flex:0 0 calc((100% - 32px)/3);scroll-snap-align:start;display:flex;flex-direction:column;background:var(--card,#fff);border:1px solid var(--line,#e6e8ee);border-radius:16px;overflow:hidden;color:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s}
.hbl-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(20,22,28,.1)}
.hbl-card .ncover{aspect-ratio:16/9;height:auto;border-radius:0}
.hbl-card .ncover img{width:100%;height:100%;object-fit:cover;display:block}
.hbl-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.hbl-body .ncat{align-self:flex-start;font-size:12px;padding:2px 9px;border-radius:99px;font-weight:700}
.hbl-body h3{margin:0;font-size:17px;line-height:1.3}
.hbl-body p{margin:0;color:var(--muted,#5b6070);font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hbl-body .nread{margin-top:auto;font-weight:600;font-size:14px}
@media (max-width:960px){.hbl-card{flex-basis:calc((100% - 16px)/2)}}
@media (max-width:640px){.hbl-card{flex-basis:84%}.hbl-arrow{display:none}}
.article-more{margin-top:40px;border-top:1px solid var(--line,#e6e8ee);padding-top:24px}
.article-more h3{margin:0 0 14px}
/* any uploaded image fills its frame without distortion */
.ncover img,.pn-img img,[data-img-slot] img{object-fit:cover}

/* admin image slots (site-content.js) */
[data-img-slot].slot-on > :not(.slot-img){display:none!important}
[data-img-slot].slot-on > .slot-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.hero-art.slot-on{display:flex;align-items:center;justify-content:center}
.hero-art.slot-on > .slot-img{width:100%;height:auto;max-height:100%;aspect-ratio:5/4;object-fit:cover;border-radius:22px;box-shadow:0 24px 60px rgba(0,0,0,.28)}
.hb-cats .ic.slot-on > .slot-img{border-radius:10px}
.slide.slot-bg{background-image:linear-gradient(90deg,rgba(10,8,24,.72),rgba(10,8,24,.35)),var(--slot-bg)!important;background-size:cover!important;background-position:center!important}
.slide.slot-bg .banner-copy{color:#fff}
html.custom-logo .brand-pm .bp-mark,html.custom-logo .brand-pm .bp-word{display:none!important}
html.custom-logo .brand-pm .bp-full{display:block!important;object-fit:contain;max-width:min(52vw,280px)}

/* dealer application: sign-in gate + documents */
.dd-gate-in{text-align:center;display:grid;gap:10px;justify-items:center;padding:8px 4px}
.dd-gate-in h3{margin:0}.dd-gate-in p{margin:0;color:var(--muted,#5b6070);max-width:46ch}
.dd-gate-in .dd-row{justify-content:center}
.dd-docs{border:1px solid var(--line,#e6e8ee);border-radius:12px;padding:10px 12px;margin:12px 0;display:grid;gap:8px}
.dd-docs legend{font-weight:700;padding:0 6px}
.dd-docs p{margin:0}
.dd-doc-row{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center}
.dd-doc-row > span{display:flex;flex-direction:column}
.dd-doc-row small{font-size:12px;color:#c0392b}.dd-doc-row.opt small{color:var(--muted,#5b6070)}
.dd-doc-row .dd-st{grid-column:1/-1;font-style:normal;font-size:12px;color:var(--muted,#5b6070)}
.dd-doc-row .dd-st.ok{color:#0a7a45}.dd-doc-row .dd-st.err{color:#c0392b}
.dd-doc-row.done label.btn{opacity:.75}
.dlg .dd-doc-row label.btn,.dealer-dlg .dd-doc-row label.btn{cursor:pointer}

/* account → dealer panel */
.tab-dealer{color:#c2410c!important;font-weight:700}
.dp .acc-box{margin-top:16px}
.dp-bank{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;background:var(--bg2,#f6f7fb);border-radius:12px;padding:12px}
.dp-bank small{display:block;color:var(--muted,#5b6070);font-size:12px}
.dp-bank b{word-break:break-all}
.dp-iban{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.dp-iban small{width:100%}
.dp-iban b{font-family:ui-monospace,Menlo,monospace;font-size:15px;letter-spacing:.03em}
.dp-steps{margin:12px 0 0;padding-left:20px;line-height:1.6;color:var(--muted,#5b6070)}
.dp-table{display:grid;gap:4px;margin:10px 0}
.dp-row{display:grid;grid-template-columns:1.3fr 1fr 1fr .9fr 1fr;gap:8px;align-items:center;padding:6px 8px;border-radius:10px}
.dp-row:nth-child(even){background:var(--bg2,#f6f7fb)}
.dp-row.dp-h{font-size:12px;color:var(--muted,#5b6070);font-weight:700;background:none}
.dp-row input{width:100%;max-width:110px;padding:7px 8px;border:1px solid var(--line,#dfe2ea);border-radius:8px;font:inherit}
.dp-cv{display:flex;align-items:center;gap:6px}.dp-cv input{max-width:80px}
.dp-cv .linklike{font-size:18px;color:#c0392b;text-decoration:none}
.dp-sub{font-weight:600;text-align:right}
.dp-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:14px 0 6px;padding:12px;border:1px dashed var(--line,#dfe2ea);border-radius:12px}
.dp-sum span{display:block;font-size:12px;color:var(--muted,#5b6070)}.dp-sum b{font-size:17px}.dp-sum b.bad{color:#c0392b}
.dp-ok{margin-top:12px;padding:12px;border-radius:12px;background:#e8f8ef;color:#0a5c35;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.dp-list{display:grid;gap:8px}
.dp-li{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line,#e6e8ee);border-radius:12px}
.dp-li-r{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}
.dp-li .neg{color:#c0392b}.dp-li .pos{color:#0a7a45}
@media (max-width:640px){
  .dp-row{grid-template-columns:1fr 1fr 1fr;row-gap:4px}
  .dp-row > span:nth-child(2){display:none}.dp-row.dp-h > span:nth-child(2){display:none}
  .dp-row > span:nth-child(5){grid-column:1/-1;text-align:left}
  .dp-li{flex-direction:column}.dp-li-r{align-items:flex-start;text-align:left}
}
.hp,#ddWeb{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}

/* simple registration + biometric sign-in */
.reg-names{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.reg-names label{display:block}
.bio-login{display:grid;gap:10px;margin-top:10px}
.bio-login .or{display:flex;align-items:center;gap:10px;color:var(--muted,#5b6070);font-size:13px}
.bio-login .or::before,.bio-login .or::after{content:"";flex:1;height:1px;background:var(--line,#e6e8ee)}
.bio-list{list-style:none;margin:6px 0 12px;padding:0;display:grid;gap:8px}
.bio-list li{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line,#e6e8ee);border-radius:12px}
.bio-list li > span:nth-child(2){flex:1;display:flex;flex-direction:column}
.bio-list small{color:var(--muted,#5b6070);font-size:12px}
.bio-ic{font-size:20px}
.bio-offer{position:fixed;z-index:1000;right:16px;bottom:16px;max-width:380px;display:flex;gap:12px;align-items:flex-start;padding:16px 16px 14px;border-radius:18px;background:var(--card,#fff);color:inherit;box-shadow:0 18px 50px rgba(20,22,28,.22);border:1px solid var(--line,#e6e8ee);transform:translateY(20px);opacity:0;transition:transform .25s,opacity .25s}
.bio-offer.in{transform:none;opacity:1}
.bio-offer-ic{font-size:28px;line-height:1}
.bio-offer-tx b{display:block;font-size:15px;margin-bottom:4px;padding-right:18px}
.bio-offer-tx p{margin:0 0 10px;font-size:13px;color:var(--muted,#5b6070);line-height:1.45}
.bio-offer-row{display:flex;gap:8px;flex-wrap:wrap}
.bio-offer .note{margin:8px 0 0;font-size:13px}
.bio-offer-x{position:absolute;top:8px;right:10px;border:0;background:none;font-size:20px;cursor:pointer;color:var(--muted,#5b6070)}
@media (max-width:640px){.bio-offer{left:12px;right:12px;bottom:12px;max-width:none}.reg-names{grid-template-columns:1fr 1fr}}

/* ---------- product art: a clean card in the platform's colours (no clip-art, no third-party logos) ---------- */
.tile.pt, .amt-logo.pt { background: linear-gradient(160deg, color-mix(in srgb, var(--c2) 16%, #f7f8fb), color-mix(in srgb, var(--c1) 12%, #eef0f5)) !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; padding: 0 !important; }
.tile.pt::before, .amt-logo.pt::before { display: none !important; }
.tile.pt .plat, .amt-logo.pt .plat { display: none; }
.pc-wrap { width: 82%; flex: none; display: block; container-type: inline-size; }
.pc { position: relative; display: flex; flex-direction: column; justify-content: space-between; aspect-ratio: 1.586; border-radius: 6cqw; padding: 8cqw 8.5cqw 7cqw; overflow: hidden; color: #fff;
  background: linear-gradient(135deg, var(--c1) 0%, color-mix(in srgb, var(--c2) 75%, var(--c1)) 100%);
  box-shadow: 0 14px 26px -14px rgba(16, 18, 28, .55), inset 0 1px 0 rgba(255,255,255,.18); transition: transform .25s; }
.pc::after { content: ""; position: absolute; inset: 0; background: radial-gradient(120% 90% at 100% 0%, rgba(255,255,255,.28), transparent 55%), linear-gradient(180deg, transparent 60%, rgba(0,0,0,.18)); pointer-events: none; }
.card:hover .pc { transform: translateY(-2px) scale(1.02); }
.pc-top { display: flex; align-items: center; justify-content: space-between; gap: 4cqw; position: relative; z-index: 1; }
.pc-brand { font-weight: 800; font-size: 9.5cqw; line-height: 1; letter-spacing: -.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pc-chip { flex: none; width: 13cqw; height: 9.5cqw; border-radius: 2cqw; background: linear-gradient(135deg, #f3dc9a, #c9a24c); box-shadow: inset 0 0 0 .6cqw rgba(0,0,0,.12); }
.pc-val { position: relative; z-index: 1; font-weight: 800; font-size: 15cqw; line-height: 1.02; letter-spacing: -.02em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pc-long .pc-val { font-size: 9.5cqw; line-height: 1.12; }
.pc-type { position: relative; z-index: 1; font-size: 5.6cqw; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; opacity: .85; }
.tile.big.pt .pc-wrap { width: min(62%, 380px); }
.amt-logo.pt .pc-wrap { width: 86%; }
.amt-logo.pt .amt-val { display: none; }
/* sold out: a calm label, not a grey card */
.card.soldout { filter: none !important; opacity: 1 !important; }
.card.soldout .tile { opacity: .55; }
.card.soldout .price-line strong { color: var(--muted, #6b6390); }

/* ---------- trust: how it works + company / payments / delivery / support ---------- */
.trust { margin-top: 44px; display: grid; gap: 18px; }
.trust-how { border: 1px solid var(--line, #e6e8ee); border-radius: 22px; padding: 26px 28px; background: linear-gradient(180deg, #fbfbfd, #f4f5f9); }
.trust-how h2 { margin: 0 0 18px; }
.how-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; counter-reset: none; }
.how-steps li { display: flex; gap: 14px; align-items: flex-start; }
.hs-n { flex: none; width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; color: #fff; background: linear-gradient(135deg, #e0261f, #ffb21f); }
.how-steps b { display: block; font-size: 1rem; margin: 6px 0 4px; }
.how-steps p { margin: 0; color: var(--muted, #5b6070); font-size: .9rem; line-height: 1.5; }
.trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.tg-it { border: 1px solid var(--line, #e6e8ee); border-radius: 18px; padding: 18px; background: var(--paper, #fff); display: flex; flex-direction: column; gap: 6px; }
.tg-ic { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: #f1f2f7; color: #2b2f3a; margin-bottom: 4px; }
.tg-ic svg { width: 22px; height: 22px; }
.tg-it b { font-size: .98rem; }
.tg-it p { margin: 0; color: var(--muted, #5b6070); font-size: .87rem; line-height: 1.5; flex: 1; }
.tg-it a { font-weight: 600; font-size: .87rem; color: var(--accent, #4b3fd8); text-decoration: none; }
@media (max-width: 960px) { .trust-grid { grid-template-columns: repeat(2, 1fr); } .how-steps { grid-template-columns: 1fr; gap: 14px; } }
@media (max-width: 560px) { .trust-grid { grid-template-columns: 1fr; } .trust-how { padding: 20px; } }
.tile.pt .tname, .tile.pt .buy-hint { display: none !important; }
.fam-logo .tile.pt { justify-content: center !important; }
.card.soldout .tile { opacity: .8; }
.amt-card.soldout .amt-logo { opacity: .8; }
.amt-card.soldout { filter: none !important; opacity: 1 !important; }
/* product art v2: bigger card, text sized to fit */
.tile.pt .pc-wrap, .amt-logo.pt .pc-wrap { width: 92%; }
.tile.big.pt .pc-wrap { width: min(78%, 440px); }
.pc { aspect-ratio: 1.5; padding: 7cqw 7.5cqw 6.5cqw; gap: 2cqw; }
.pc-brand { font-size: 8.5cqw; }
.pc-val { -webkit-line-clamp: 3; overflow-wrap: anywhere; hyphens: auto; }
.pc-xl .pc-val { font-size: 17cqw; line-height: 1; -webkit-line-clamp: 1; }
.pc-l .pc-val { font-size: 12cqw; line-height: 1.04; -webkit-line-clamp: 2; }
.pc-m .pc-val { font-size: 9.2cqw; line-height: 1.1; -webkit-line-clamp: 3; }
.pc-s .pc-val { font-size: 7.6cqw; line-height: 1.12; -webkit-line-clamp: 3; }
.pc-type { font-size: 5cqw; }
.pc-chip { width: 11cqw; height: 8cqw; }

/* Two sales models: Türkiye (NetmarPlus wallet) and everywhere else (card payment per product, no wallet) */
body.intl .tr-only { display: none !important; }
body:not(.intl) .intl-only { display: none !important; }
.key-art { position: relative; width: 100%; aspect-ratio: 5/4; min-height: 230px; }
.key-ticket { position: absolute; border-radius: 22px; padding: 18px 20px; color: #fff; display: flex; flex-direction: column; gap: 8px; box-shadow: 0 24px 50px rgba(9,11,16,.35); overflow: hidden; }
.key-ticket::after { content: ""; position: absolute; inset: 0; background: radial-gradient(120% 90% at 100% 0, rgba(255,255,255,.22), transparent 55%); pointer-events: none; }
.key-ticket.kt1 { left: 4%; top: 22%; width: 82%; background: linear-gradient(135deg, #d61f26, #f2551d 55%, #ffc21a); transform: rotate(-5deg); z-index: 2; }
.key-ticket.kt2 { right: 0; top: 2%; width: 62%; background: linear-gradient(135deg, #1b1f2e, #34405e); transform: rotate(7deg); opacity: .96; }
.key-ticket .kt-top { display: flex; align-items: center; gap: 8px; font-weight: 800; }
.key-ticket .kt-top .wordmark { font-size: 20px; }
.key-ticket .kt-lbl { font-size: 12px; letter-spacing: 3px; font-weight: 800; opacity: .85; }
.key-ticket .kt-code { font-family: Menlo, Consolas, monospace; font-size: clamp(15px, 2.3vw, 22px); font-weight: 700; letter-spacing: 2px; background: rgba(0,0,0,.22); border-radius: 10px; padding: 8px 12px; align-self: flex-start; }
.key-ticket .kt-key { position: absolute; right: 16px; bottom: 12px; width: 64px; color: rgba(255,255,255,.85); }
.banners .slide[data-theme="np"] .hero-art .key-art { height: 100%; }
.np-intl { padding: 40px 0 56px; max-width: 760px; }
.key-ticket .wordmark, .key-ticket .wordmark b { color: #fff !important; -webkit-text-fill-color: #fff !important; background: none !important; }
.key-ticket .kt-code { white-space: nowrap; }
.key-ticket.kt2 .kt-code { font-size: clamp(13px, 1.8vw, 18px); }
@media (max-width: 560px) { .key-ticket .kt-code { font-size: 15px; letter-spacing: 1px; } .key-ticket.kt2 { top: 0; } .key-art { min-height: 210px; } }
@media (max-width: 560px) { .key-ticket .kt-key { display: none; } }