@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;200;300;400;500;600;700&display=swap');
/* np-custom.css - vlastni upravy Night Pearl CZ, presunuto ze Zahlavi (HTML kody) 23.9.2026 */
/* pozadí welcome sekce */
.homepage-box.welcome-wrapper .welcome:after {
		background-image: linear-gradient(rgba(12,8,7,.35), rgba(12,8,7,.35)), url("/user/documents/upload/res/welcome-bg-scopes.jpg"); /* korba s optikou, ztmaveni zapecene ve fotce */
		background-size: cover !important;
		background-position: center;
}


@font-face {
        font-family: 'dharma_gothic_eexbold';
        src: url("https://use.typekit.net/af/8fd2dd/00000000000000007735c16f/30/l?primer=25997e4b2d192e523682a8c8448fcdbfc623d1fc5d2624d1364ca9b724e71786&fvd=n8&v=3") format("woff2"),
             url("https://use.typekit.net/af/8fd2dd/00000000000000007735c16f/30/d?primer=25997e4b2d192e523682a8c8448fcdbfc623d1fc5d2624d1364ca9b724e71786&fvd=n8&v=3") format("woff"),
             url("https://use.typekit.net/af/8fd2dd/00000000000000007735c16f/30/a?primer=25997e4b2d192e523682a8c8448fcdbfc623d1fc5d2624d1364ca9b724e71786&fvd=n8&v=3") format("opentype");
        font-display: auto;
        font-style: normal;
        font-weight: 800;
        font-stretch: normal;
    }
:root {
        --template-font: "IBM Plex Sans", sans-serif;
        --template-headings-font: "dharma_gothic_eexbold", sans-serif;
    }

/* === NP vlastni upravy (Coobee) === */
/* 4.9.2026: opravy - :root selektor (drive nefunkcni "root"), @import presunut na zacatek style bloku, odstranen Tanganica pixel */

/* Nadpis produktu - plynula velikost podle sirky okna (prebiji fixnich 52px z NP_Titan_2025_1.css, radek ~362). Mobil 26px, bezny desktop ~38px, strop 42px. Pridano 4.9.2026 */
.product-top h1 { font-size: clamp(26px, 2vw + 10px, 42px); line-height: 1.15; }

/* Platebni metody v paticce (pozadavek Comgate) - HTML vklada JS v Zapati. Pridano 18.9.2026 */
#np-platebni-metody { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:22px; width:100%; margin:0 0 18px; }
#np-platebni-metody img { display:block; width:auto; max-width:none; }
#np-platebni-metody .np-pay-comgate { height:26px; }
/* Visa SVG ma prazdne okraje - napis zabira jen 30% vysky souboru. Vetsi height + zaporne marginy orezou prazdno, aby napis opticky sedel k ostatnim (cil 20px). */
#np-platebni-metody .np-pay-visa { height:67px; margin:-23.5px; }
#np-platebni-metody .np-pay-mc { height:30px; }
#np-platebni-metody .np-pay-paypal { height:20px; }
/* Apple/Google Pay dodany v tmave variante - prevod na bilou (znackove povolena varianta na tmavem pozadi) */
#np-platebni-metody .np-pay-mono { height:26px; filter: brightness(0) invert(1); }
@media (max-width: 480px) { #np-platebni-metody { gap:14px; } #np-platebni-metody img { height:18px !important; } #np-platebni-metody .np-pay-mc { height:22px !important; } }

/* Cookie lista (#cookie-ag-wrap, fixed, 46px) prekryvala copyright v paticce - rezerva dole. Pridano 18.9.2026 */
.footer .footer-bottom.clear { padding-bottom:76px !important; }

/* Welcome blok - bily text na ztmavene fotce (drive tmavy text na tmavem pozadi = necitelne). 19.9.2026 */
.homepage-box.welcome-wrapper .welcome, .homepage-box.welcome-wrapper .welcome .h1, .homepage-box.welcome-wrapper .welcome h2, .homepage-box.welcome-wrapper .welcome p, .homepage-box.welcome-wrapper .welcome strong { color:#fff; }
.homepage-box.welcome-wrapper .welcome a { color:#f68424; }

/* Promo sekce Pouzite nad Oblibenymi kategoriemi - HTML vklada JS v Zapati. 19.9.2026 */
.np-used-wrapper { margin:0 0 10px; }
.np-used { position:relative; overflow:hidden; border-radius:6px; background-image: linear-gradient(90deg, rgba(28,17,16,.66) 0%, rgba(28,17,16,.3) 42%, rgba(28,17,16,0) 62%), url('/user/documents/upload/res/bg-pouzite-servis.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; background-color:#1c1110; padding:44px 36px; display:flex; justify-content:flex-start; }
.np-used:after { content:""; position:absolute; right:-60px; top:-60px; width:320px; height:320px; border-radius:50%; background:radial-gradient(circle,rgba(246,132,36,.20) 0%,rgba(246,132,36,0) 70%); pointer-events:none; }
.np-used-inner { position:relative; z-index:1; max-width:600px; text-align:left; margin-left:3%; }
.np-used-flag { display:inline-block; background:#f68424; color:#1c1110; font-weight:700; font-size:12px; letter-spacing:.08em; text-transform:uppercase; padding:5px 12px; border-radius:3px; margin-bottom:14px; }
.np-used h2 { color:#fff; margin:0 0 12px; }
.np-used p { color:rgba(255,255,255,.82); margin:0 0 22px; line-height:1.55; }
.np-used-btn { display:inline-block; background:#f68424; color:#1c1110 !important; font-weight:700; padding:13px 30px; border-radius:4px; text-decoration:none; transition:background .2s; }
.np-used-btn:hover { background:#ff9840; }
@media (max-width:760px){ .np-used { padding:32px 20px; justify-content:center; background-image: linear-gradient(120deg,#1c1110 0%,#2b1c17 55%,#3a241a 100%); background-size: cover; } .np-used-inner { text-align:center; margin-right:0; } .np-used-flag { font-size:11px; } }

/* Brandove nadpisy (Dharma Gothic) pro promo Pouzite a welcome blok - drive IBM Plex. 19.9.2026 */
.np-used h2, .homepage-box.welcome-wrapper .welcome h2 { font-family:'dharma_gothic_eexbold', sans-serif; text-transform:uppercase; letter-spacing:.02em; font-weight:800; }
.np-used h2 { font-size:42px; line-height:1.05; }
.homepage-box.welcome-wrapper .welcome h2 { font-size:38px; line-height:1.1; }
@media (max-width:600px){ .np-used h2 { font-size:32px; } .homepage-box.welcome-wrapper .welcome h2 { font-size:30px; } }

/* Pas Prodlouzena zaruka mezi Doporucujeme a Akcni nabidky - HTML vklada JS v Zapati. Foto pozadi bg-zaruka.jpg. 20.9.2026 */
.np-zaruka { display:flex; align-items:center; justify-content:flex-start; gap:26px; flex-wrap:wrap; background-color:#1c1110 !important; /* !important nutne - Titan CSS vnucuje .content-wrapper bezove pozadi s !important */ background-image: linear-gradient(90deg, rgb(28,17,16) 0%, rgba(28,17,16,.88) 28%, rgba(28,17,16,.45) 48%, rgba(28,17,16,0) 66%, rgba(28,17,16,0) 100%), url('/user/documents/upload/res/bg-zaruka.jpg') !important; background-position: center 40% !important; background-size: cover; background-repeat: no-repeat !important; border-radius:6px; padding:78px 48px; margin:6px 0 30px; gap:36px; }
.np-zaruka h2 { font-family:'dharma_gothic_eexbold', sans-serif; text-transform:uppercase; color:#fff; font-size:48px; line-height:1; margin:0; letter-spacing:.02em; white-space:nowrap; }
.np-zaruka p { color:rgba(255,255,255,.85); margin:0; line-height:1.5; max-width:520px; font-size:16px; text-shadow:0 1px 3px rgba(0,0,0,.5); }
.np-zaruka .np-zaruka-plus { color:#f68424; }
@media (max-width:700px){ .np-zaruka { flex-direction:column; text-align:center; gap:10px; padding:22px 18px; } .np-zaruka h2 { white-space:normal; font-size:28px; } }

/* Podpora a servis: skryt hlasku prazdne kategorie */
.id-1180 .empty-content-category{display:none!important}