/* =========================================================
   ZMIENNE KOLORÓW
   ========================================================= */
:root {
  --brand: #0090f6;
  --brand-dark: #006bb8;
  --urgent: #ea580c;
  --urgent-bg: #fff7ed;
  --urgent-border: #fed7aa;
  --urgent-text: #7c2d12;
  --slate-900: #0f172a;
  --slate-800: #1e293b;
  --slate-700: #334155;
  --slate-600: #475569;
  --slate-500: #64748b;
  --slate-200: #e2e8f0;
  --slate-50: #f8fafc;
}

.product_name__block.--links {
    display: none !important;
}

.cop_documents, .cop_remarks {
    display: none;
}

/* =========================================================
   FAST DELIVERY — pełnoekranowy ribbon (.fast_delivery_15)
   ========================================================= */
.fast_delivery_15 {
  display: block;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 11px 16px;
  background: var(--slate-50);
  color: var(--slate-700);
  border-top: 1px solid var(--slate-200);
  border-bottom: 1px solid var(--slate-200);
  font-size: 13.5px;
  line-height: 1.4;
  text-align: center;
  box-sizing: border-box;
}
.fast_delivery_15 * { box-sizing: border-box; }

.fast_delivery_15__inner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  max-width: 1200px;
}

.fast_delivery_15__icon {
  flex-shrink: 0;
  display: inline-flex;
  width: 20px;
  height: 20px;
  color: var(--brand);
}
.fast_delivery_15__icon svg { width: 100%; height: 100%; }

.fast_delivery_15__timer {
  display: inline-block;
  background: var(--brand);
  color: #fff;
  padding: 3px 9px;
  border-radius: 6px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: .5px;
  margin: 0 4px;
  white-space: nowrap;
}

.fast_delivery_15__day {
  color: var(--brand);
  font-weight: 800;
  letter-spacing: .3px;
  white-space: nowrap;
}

.fast_delivery_15--urgent {
  background: var(--urgent-bg);
  border-top-color: var(--urgent-border);
  border-bottom-color: var(--urgent-border);
  color: var(--urgent-text);
}
.fast_delivery_15--urgent .fast_delivery_15__icon,
.fast_delivery_15--urgent .fast_delivery_15__day { color: var(--urgent); }
.fast_delivery_15--urgent .fast_delivery_15__timer {
  background: var(--urgent);
  animation: fdPulse 1.1s ease-in-out infinite;
}

@keyframes fdPulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.04); }
}

@media (prefers-reduced-motion: reduce) {
  .fast_delivery_15--urgent .fast_delivery_15__timer { animation: none; }
}

@media (max-width: 600px) {
  .fast_delivery_15 {
    padding: 9px 12px;
    font-size: 12.5px;
  }
  .fast_delivery_15__icon { width: 17px; height: 17px; }
  .fast_delivery_15__timer { padding: 2px 7px; margin: 0 3px; }
}

/* =========================================================
   UKRYTE ELEMENTY (konsolidacja)
   ========================================================= */
.contact_stocks,
#projector_stocks,
#projector_amount,
.product_name__firm_logo,
.s_unit_converted_price,
.projector_prices__unit_converted,
.projector_prices__unit_converted_price,
#container .price.--convert,
#twdSalesbotDummyRootContainer {
  display: none !important;
}

/* =========================================================
   LAYOUT — drobne korekty headera (desktop)
   ========================================================= */
@media (min-width: 979px) {
  #menu_search,
  .menu_top,
  #menu_categories {
    margin-top: 0;
  }
}

@media (min-width: 1200px) {
  #logo { margin-top: 0; }
}

/* =========================================================
   CENY
   ========================================================= */
.price__sub {
  font-weight: bold;
  font-size: 1.7em;
}

.omnibus_price__text {
  font-size: 0.8em;
}

/* =========================================================
   KARTA "3. PRODUKT GRATIS" (.trzeci_produkt_karta)
   ========================================================= */
.trzeci_produkt_karta {
  padding: 10px;
  background: #7ec020;
  color: #fff;
  border-radius: 5px;
  font-size: 1.2em;
  text-align: center;
}
.trzeci_produkt_karta strong {
  font-size: 1.5em;
}

/********** NEW PRODUCTS OPIS **********/

#projector_longdescription .template {
	width:100%;
    float: left;
    display: flex;
    align-items: center;
}

#projector_longdescription .item-6 {
	width: 50%;
	height: auto;
	display: table-cell;
        vertical-align: middle;
        padding: 10px;
}
#projector_longdescription .item-6 img {
	width:100%;
	height: auto;
}
#projector_longdescription .item-12 {
	width:100%;
	height: auto;
	padding: 10px;
}

#projector_longdescription p, #projector_longdescription li {
    line-height: 160%;
    font-size: 1.15em;
    color: #333;
}

#projector_longdescription h1, #projector_longdescription h2 {
    line-height: 180%;
    color: #333;
}

@media screen and (max-width: 600px) {
	#projector_longdescription .item-6 {
		width: 100%;
                float: left;
               display:block;
	}
	#projector_longdescription .item-6 img {
		width: 100%;
	}
	#projector_longdescription .template {
    display: block;
	padding: 0px 0px;
	}
}

#projector_longdescription .section {
clear:both;
}

#projector_longdescription table {
width: 100% !important;
}

/* ==========================================================================
   STRADO.PL — wyciszenie bloku "Pamiętaj o dokupieniu akcesoriów" w koszyku
   Wklej na końcu custom.css motywu (Panel → Wygląd → edycja stylów).
   Celuje w istniejące klasy IdoSell, więc nie trzeba nic zmieniać w HTML.
   ========================================================================== */

/* —— kontener: lekkie tło zamiast krzykliwego bloku —————————————————————— */
.basket .basket__item-recomendation.--recomendations{
  margin-top:18px;
  padding:16px 18px 6px;
  background:#fafbfc;
  border:1px solid #eef2f5;
  border-radius:12px;
}

/* —— nagłówek: z niebieskiej plamy w kapitalikach na cichą etykietę ———————— */
.basket .recomendation-title{
  margin:0 0 6px;
  padding:0;
  background:none;
}
.basket .recomendation-title p{
  margin:0;
  padding:0;
  background:none !important;          /* zdejmujemy niebieskie tło / pill   */
  color:#46535f;
  font-size:14px;
  font-weight:600;
  letter-spacing:0;
  text-transform:none !important;      /* koniec z KAPITALIKAMI               */
  display:flex;
  align-items:center;
  gap:8px;
}
.basket .recomendation-title p::before{ /* mała ikonka "+" w kolorze marki   */
  content:"";
  flex:0 0 auto;
  width:17px;height:17px;
  background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%230090f6" stroke-width="2.2" stroke-linecap="round"><path d="M12 5v14M5 12h14"/></svg>') center/contain no-repeat;
}

/* —— pojedyncze produkty: zamiast niebieskich ramek delikatna linia ———————— */
.basket .basket__recomendation.basket__block-recomendation{
  border:0 !important;
  border-top:1px solid #eef2f5 !important;
  border-radius:0 !important;
  background:transparent !important;
  margin:0 !important;
  padding:12px 0 !important;
}
.basket .basket__recomendation.basket__block-recomendation:first-of-type{
  border-top:0 !important;
}

/* miniatura nieco mniejsza i spokojniejsza */
.basket .basket__item-recomendation.--photo img,
.basket .photo__link-recomendation img{
  width:56px;height:56px;
  object-fit:contain;
  border-radius:8px;
}

/* nazwa: bez pogrubienia, ciemny grafit zamiast czerni */
.basket .basket__name_link-recomendation{
  font-weight:500;
  color:#2b3640;
  font-size:13px;
  line-height:1.35;
  text-decoration:none;
}
.basket .basket__name_link-recomendation:hover{ text-decoration:underline; }

/* cena: stonowana, jednostka wyszarzona */
.basket .basket__item-recomendation.--sum .basket__price,
.basket .basket__item-recomendation.--sum .sum{
  font-weight:600;
  color:#2b3640;
}
.basket .basket__item-recomendation.--sum .basket__unit{
  color:#8a96a1;
  font-weight:400;
}

/* —— przycisk: z wypełnionego niebieskiego na "ghost" (obwódka) ———————————— */
.basket .basket__recomendation-add,
.basket .basket__recomendation-add.btn.--solid{
  background:#fff !important;
  color:#0090f6 !important;
  border:1.5px solid #bfe0ff !important;
  box-shadow:none !important;
  border-radius:8px;
  padding:8px 16px;
  font-weight:600;
  transition:background .15s ease,border-color .15s ease,color .15s ease;
}
.basket .basket__recomendation-add:hover,
.basket .basket__recomendation-add.btn.--solid:hover{
  background:#0090f6 !important;       /* wypełnia się dopiero pod kursorem  */
  color:#fff !important;
  border-color:#0090f6 !important;
}


/* ==========================================================================
   OPCJONALNIE — łagodniejszy tekst nagłówka bez wchodzenia w tłumaczenia.
   Odkomentuj, jeśli chcesz zmienić "Pamiętaj o dokupieniu akcesoriów"
   na spokojniejszy komunikat tylko po stronie CSS.
   (Lepszym miejscem jest Panel → Administracja → Teksty/tłumaczenia,
    ale ten trik działa od ręki.)
   ========================================================================== */

.basket .recomendation-title p{ font-size:0 !important; }
.basket .recomendation-title p::after{
  content:"Pasujące akcesoria";
  font-size:14px;
  font-weight:600;
  color:#46535f;
}

/* ============================================================================
   STRADO.PL — SAM FOOTER (samodzielny kod, bez zależności od reszty)
   Wklej do custom.css. Nie wymaga importu fontów ani zmiennych.
   ============================================================================ */

/* pełna szerokość ekranu, jasne tło, linia u góry */
footer.max-width-1200, footer{
  max-width:none !important;
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  background:#f6f8fa;
  border-top:1px solid #edf1f5;
}

/* logo sklepu na górze stopki (czysty CSS, bez ruszania HTML) */
footer::before{
  content:"";
  display:block;
  width:100%;
  max-width:1200px;
  height:32px;
  margin:40px auto 4px;
  padding:0 16px;
  box-sizing:border-box;
  background:url('/data/gfx/mask/pol/logo_6_big.png') left center no-repeat;
  background-size:auto 32px;
}

/* treść stopki wraca do wycentrowanej kolumny 1200px */
footer #footer_links,
footer #menu_contact,
footer .footer_settings{
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
  padding-left:16px;
  padding-right:16px;
}

/* nagłówki kolumn: małe kapitaliki */
footer .footer_links_label{
  font-weight:800;
  font-size:12.5px;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#22303c;
}

/* linki: spokojny szary, hover w kolorze marki */
footer .footer_links_sub a{
  color:#6e7b88;
  font-size:14px;
  line-height:2;
  transition:color .15s ease;
}
footer .footer_links_sub a:hover{ color:#0090f6; }

/* pasek kontaktowy + info o cenach */
#menu_contact{ color:#46535f; }
#menu_contact a{ color:#0a7ad0; }
.price_info__text{ color:#9aa6b1; font-size:12px; }