/* ============================================================
   DR MAGDALENA - SKLEP (WooCommerce)
   Listing, karta produktu, koszyk, checkout - paleta motywu.
   ============================================================ */

/* ============================================================
   1. HERO SKLEPU + topbar produktu
   ============================================================ */
.drm-shop-hero {
  /* to samo tlo co naglowek sklepu (.drm-shop-head) i hero kontaktu */
  background: linear-gradient(180deg, #DAD4DF 0%, #E7E2EA 100%);
  padding: 5rem 0 3.5rem;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.drm-shop-hero::before {
  content: '';
  position: absolute;
  top: -60px;
  left: -60px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(136, 112, 142, 0.2), transparent 70%);
  pointer-events: none;
}
.drm-shop-hero-inner {
  position: relative;
  z-index: 1;
  max-width: 680px;
  margin: 0 auto;
}
.drm-shop-hero h1 {
  font-size: clamp(2rem, 5vw, 3.4rem);
  color: var(--midnight-orchid);
  margin-bottom: 1rem;
  line-height: 1.1;
}
.drm-shop-hero h1 em { font-style: italic; color: var(--dusky-lilac); }
/* okragly znaczek z ikona nad nadtytulem (np. koszyk) */
.drm-shop-hero-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin: 0 auto 14px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.55);
  color: var(--midnight-orchid);
  box-shadow: 0 6px 18px rgba(49, 42, 68, 0.08);
}
.drm-shop-hero-icon svg { display: block; }
.drm-shop-hero-text {
  font-size: clamp(1rem, 1.2vw, 1.15rem);
  color: rgba(49, 42, 68, 0.75);
  line-height: 1.7;
}
/* chipsy kategorii - style wspolne z blogiem (drm-blog-cats zdefiniowane takze tutaj) */
.drm-blog-cats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.6rem;
  margin-top: 1.75rem;
}
.drm-blog-cat-chip {
  font-family: 'Inter', sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  color: var(--midnight-orchid);
  background: rgba(255, 255, 255, 0.55);
  border: 1.5px solid transparent;
  border-radius: 999px;
  padding: 0.45rem 1.1rem;
  transition: background 0.25s ease, border-color 0.25s ease;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}
.drm-blog-cat-chip svg.drm-icon {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
}
.drm-blog-cat-chip:hover { border-color: var(--midnight-orchid); }
.drm-blog-cat-chip.is-active { background: var(--midnight-orchid); color: #fff; }

.drm-shop-topbar {
  background: #fff;
  padding: 1.6rem 0 0;
}
.drm-shop-back {
  font-family: 'Inter', sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--dusky-lilac);
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  transition: color 0.25s ease, gap 0.25s ease;
}
.drm-shop-back:hover { color: var(--midnight-orchid); gap: 0.7rem; }
.drm-shop-back svg { width: 15px; height: 15px; stroke: currentColor; fill: none; stroke-width: 2; }

/* ============================================================
   2. GLOWNY OBSZAR
   ============================================================ */
.drm-shop-main { background: #fff; padding: 3rem 0 5rem; }
.drm-shop-main--listing { background: #fff; padding: 4rem 0 5rem; }

/* wynik/liczba + sortowanie */
.drm-shop-main .woocommerce-result-count {
  font-family: 'Inter', sans-serif;
  font-size: 0.85rem;
  color: rgba(49, 42, 68, 0.6);
  margin: 0 0 1rem;
}
.drm-shop-main .woocommerce-ordering { margin: 0 0 1.5rem; }
.drm-shop-main .woocommerce-ordering select {
  font-family: 'Inter', sans-serif;
  font-size: 0.85rem;
  color: var(--midnight-orchid);
  background: #fff;
  border: 1.5px solid var(--iris-mist);
  border-radius: 10px;
  padding: 0.5rem 2rem 0.5rem 0.9rem;
}

/* powiadomienia Woo */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-top-color: var(--dusky-lilac) !important;
  background: #fff;
  border-radius: 0 0 12px 12px;
  color: var(--midnight-orchid);
  font-family: 'Inter', sans-serif;
  font-size: 0.92rem;
}
.woocommerce-message::before,
.woocommerce-info::before { color: var(--dusky-lilac); }
.woocommerce-error { border-top-color: #b3474f !important; }

/* ============================================================
   3. NAGLOWEK SKLEPU + FILTRY + SIATKA PRODUKTOW
   wg handoffu „Sklep" (design_handoff_sklep). Karta ma sprzedawac
   korzysci: hak, trzy benefity, wyrazne CTA.
   ============================================================ */
.drm-shop-head {
  background: linear-gradient(180deg, #DAD4DF 0%, #E7E2EA 100%);
  text-align: center;
  padding: clamp(44px, 6vw, 72px) clamp(20px, 5vw, 72px) clamp(36px, 5vw, 56px);
}
.drm-shop-head-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: 'Inter', sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--dusky-lilac);
  margin-bottom: 16px;
}
.drm-shop-head-kicker::before,
.drm-shop-head-kicker::after {
  content: "";
  width: 30px;
  height: 1px;
  background: var(--dusky-lilac);
}
.drm-shop-head h1 {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 600;
  font-size: clamp(36px, 4.4vw, 56px);
  line-height: 1.12;
  color: var(--midnight-orchid);
  margin: 0 0 14px;
}
.drm-shop-head h1 em { font-style: italic; color: var(--dusky-lilac); }
.drm-shop-head-lead {
  font-size: 16.5px;
  line-height: 1.7;
  color: #524A66;
  max-width: 54ch;
  margin: 0 auto 30px;
}

/* filtry kategorii */
.drm-shop-filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.drm-shop-filter {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: 'Inter', sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--midnight-orchid);
  background: #fff;
  border: 1.5px solid var(--iris-mist);
  padding: 10px 18px;
  border-radius: 999px;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}
.drm-shop-filter:hover { transform: translateY(-2px); color: var(--midnight-orchid); }
.drm-shop-filter[aria-pressed="true"] {
  background: var(--midnight-orchid);
  border-color: var(--midnight-orchid);
  color: #fff;
}
.drm-shop-filter[aria-pressed="true"]:hover { color: #fff; }
.drm-shop-filter .drm-icon { flex: none; }

/* obszar listingu */
.drm-shop-main--listing {
  background: #fff;
  padding: clamp(44px, 6vw, 72px) clamp(20px, 5vw, 72px);
}
.drm-shop-inner {
  max-width: 1240px;
  margin: 0 auto;
}
.drm-shop-count {
  font-size: 14px;
  color: var(--dusky-lilac);
  margin: 0 0 22px;
}

.drm-shop-main--listing ul.products {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 26px;
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: none;
}
.drm-shop-main--listing ul.products::before,
.drm-shop-main--listing ul.products::after { display: none; }

/* karta produktu */
.drm-shop-main--listing li.product.drm-product {
  display: flex;
  flex-direction: column;
  width: auto !important;
  margin: 0 !important;
  padding: 0;
  float: none !important;
  background: #fff;
  border: 1px solid var(--silver-wisteria);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 6px 24px rgba(49, 42, 68, 0.06);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.drm-shop-main--listing li.product.drm-product:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 44px rgba(49, 42, 68, 0.16);
}
.drm-product.is-hidden { display: none !important; }

.drm-product-media { position: relative; flex: none; }
.drm-product-media > a { display: block; }
.drm-product-img {
  display: block;
  width: 100%;
  height: 230px;
  object-fit: cover;
}
.drm-product-img--placeholder {
  display: grid;
  place-items: center;
  padding: 0 20px;
  background: linear-gradient(160deg, var(--silver-wisteria), var(--plum-blossom));
  color: var(--dusky-lilac);
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-align: center;
}
.drm-product-badge {
  position: absolute;
  top: 14px;
  left: 14px;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background: var(--midnight-orchid);
  color: var(--plum-blossom);
  padding: 6px 13px;
  border-radius: 999px;
  box-shadow: 0 6px 18px rgba(49, 42, 68, 0.3);
}
.drm-product-type {
  position: absolute;
  bottom: 14px;
  left: 14px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.92);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  color: var(--dusky-lilac);
  padding: 6px 13px;
  border-radius: 999px;
}
.drm-product-type .drm-icon { flex: none; }

.drm-product-body {
  display: flex;
  flex-direction: column;
  gap: 14px;
  flex: 1;
  padding: 24px 26px 26px;
}
.drm-shop-main--listing .drm-product-name {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.3;
  color: var(--midnight-orchid);
  margin: 0;
  padding: 0;
  text-align: left;
}
.drm-product-name a { color: inherit; text-decoration: none; }
.drm-product-name a:hover { color: var(--dusky-lilac); }
.drm-product-hook {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-style: italic;
  font-size: 15.5px;
  line-height: 1.55;
  color: var(--dusky-lilac);
  margin: 0;
}
.drm-product-perks {
  display: flex;
  flex-direction: column;
  gap: 9px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.drm-product-perks li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  line-height: 1.55;
  color: #524A66;
}
.drm-product-perks .drm-icon {
  flex: none;
  margin-top: 2px;
  color: var(--dusky-lilac);
}

.drm-product-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid #EEE9F1;
}
.drm-product-price {
  display: flex;
  flex-direction: column;
  line-height: 1.25;
}
.drm-product-price-from {
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--iris-mist);
}
.drm-product-price-value {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 600;
  font-size: 23px;
  color: var(--midnight-orchid);
  font-feature-settings: 'tnum' 1;
}
.drm-product-price-value .woocommerce-Price-amount { font-family: inherit; }

.drm-shop-main--listing .drm-product-cta {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: 'Inter', sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fff;
  background: var(--midnight-orchid);
  padding: 13px 22px;
  border-radius: 999px;
  text-decoration: none;
  transition: background 0.25s ease, transform 0.25s ease;
}
.drm-shop-main--listing .drm-product-cta:hover {
  background: var(--dusky-lilac);
  color: #fff;
  transform: translateY(-2px);
}
.drm-shop-main--listing .drm-product-cta.loading { opacity: 0.7; }
.drm-shop-main--listing .drm-product .added_to_cart { display: none; }

@media (max-width: 420px) {
  .drm-shop-main--listing ul.products { grid-template-columns: 1fr; }
}

/* „Nowe w sklepie" w pustym koszyku (blok woocommerce/product-new) - karty
   jak na listingu sklepu: biala karta z ramka, zdjecie w kadrze, tytul i cena
   w Cormorant, przycisk-pigulka. Blok daje wlasny, prostszy HTML
   (.wc-block-grid__*), stad osobne selektory zamiast .drm-product. */
.wp-block-woocommerce-empty-cart-block .wc-block-grid__products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  margin: 0 !important;
  padding: 0;
  list-style: none;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product {
  display: flex !important;
  flex-direction: column;
  max-width: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  background: #fff;
  border: 1px solid var(--silver-wisteria) !important;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 6px 24px rgba(49, 42, 68, 0.06);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 44px rgba(49, 42, 68, 0.16);
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-link {
  display: block;
  color: inherit;
  text-decoration: none;
}
/* WooCommerce daje tu inline-block - opakowanie kurczy sie do zdjecia
   i width: 100% na <img> nie ma sie do czego odniesc. */
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image {
  display: block !important;
  width: 100%;
  margin: 0 !important;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image img {
  display: block;
  width: 100%;
  height: 230px;
  object-fit: cover;
  border-radius: 0;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title {
  margin: 0 !important;
  padding: 22px 22px 0;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 600 !important;
  font-size: 20px !important;
  line-height: 1.3;
  color: var(--midnight-orchid);
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-link:hover .wc-block-grid__product-title {
  color: var(--dusky-lilac);
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price {
  margin: 0 !important;
  padding: 10px 22px 0;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 600;
  font-size: 21px !important;
  color: var(--midnight-orchid);
  font-feature-settings: 'tnum' 1;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price .woocommerce-Price-amount { font-family: inherit; }
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart {
  margin: auto 0 0 !important;
  padding: 18px 22px 22px;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  font-family: 'Inter', sans-serif;
  font-size: 12.5px !important;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fff !important;
  background: var(--midnight-orchid) !important;
  padding: 13px 22px !important;
  border: 0 !important;
  border-radius: 999px !important;
  text-decoration: none;
  transition: background 0.25s ease, transform 0.25s ease;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart .wp-block-button__link:hover {
  background: var(--dusky-lilac) !important;
  transform: translateY(-2px);
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart .wp-block-button__link.loading { opacity: 0.7; }
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart .added_to_cart {
  display: block;
  margin-top: 10px;
  font-size: 0.84rem;
  color: var(--dusky-lilac);
}
@media (max-width: 1000px) {
  .wp-block-woocommerce-empty-cart-block .wc-block-grid__products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
  .wp-block-woocommerce-empty-cart-block .wc-block-grid__products { grid-template-columns: 1fr; }
}

/* ============================================================
   4. KARTA PRODUKTU
   ============================================================ */
.drm-shop-main div.product { position: relative; }

.drm-shop-main div.product div.images img {
  border-radius: 20px;
  box-shadow: 0 16px 40px rgba(49, 42, 68, 0.12);
}
.drm-shop-main div.product div.images .woocommerce-product-gallery__wrapper {
  border-radius: 20px;
  overflow: hidden;
}

.drm-shop-main div.product .product_title {
  font-size: clamp(1.7rem, 3vw, 2.5rem);
  color: var(--midnight-orchid);
  line-height: 1.15;
  margin-bottom: 0.75rem;
}

.drm-shop-main div.product p.price {
  font-family: 'Inter', sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--dusky-lilac);
  margin-bottom: 1.25rem;
}
.drm-shop-main div.product p.price del { opacity: 0.5; font-weight: 400; }

.drm-shop-main div.product .woocommerce-product-details__short-description {
  font-size: 1.02rem;
  line-height: 1.75;
  color: rgba(49, 42, 68, 0.8);
  margin-bottom: 1.5rem;
}

.drm-shop-main div.product form.cart { margin-bottom: 1.75rem; }
.drm-shop-main div.product form.cart .quantity .qty {
  border: 1.5px solid var(--iris-mist);
  border-radius: 999px;
  padding: 0.7rem 0.5rem;
  font-family: 'Inter', sans-serif;
}
.drm-shop-main div.product form.cart .button,
.drm-shop-main .checkout-button,
.drm-shop-main button[name='apply_coupon'],
.drm-shop-main button[name='update_cart'],
.drm-shop-main #place_order {
  background: var(--midnight-orchid) !important;
  color: #fff !important;
  font-family: 'Inter', sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  border: none;
  border-radius: 999px;
  padding: 0.95rem 2.2rem;
  transition: background 0.25s ease, transform 0.25s ease;
}
.drm-shop-main div.product form.cart .button:hover,
.drm-shop-main .checkout-button:hover,
.drm-shop-main #place_order:hover {
  background: var(--dusky-lilac) !important;
  transform: translateY(-1px);
}

.drm-shop-main div.product .product_meta {
  font-family: 'Inter', sans-serif;
  font-size: 0.82rem;
  color: rgba(49, 42, 68, 0.55);
  border-top: 1px solid rgba(186, 176, 200, 0.35);
  padding-top: 1.1rem;
}
.drm-shop-main div.product .product_meta a { color: var(--dusky-lilac); }

/* taby opisu */
.drm-shop-main div.product .woocommerce-tabs ul.tabs {
  padding: 0;
  margin: 0 0 1.5rem;
  border-bottom: 1.5px solid rgba(186, 176, 200, 0.4);
  display: flex;
  gap: 0.4rem;
}
.drm-shop-main div.product .woocommerce-tabs ul.tabs::before { display: none; }
.drm-shop-main div.product .woocommerce-tabs ul.tabs li {
  background: transparent;
  border: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
}
.drm-shop-main div.product .woocommerce-tabs ul.tabs li::before,
.drm-shop-main div.product .woocommerce-tabs ul.tabs li::after { display: none; }
.drm-shop-main div.product .woocommerce-tabs ul.tabs li a {
  font-family: 'Inter', sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(49, 42, 68, 0.55);
  padding: 0.8rem 1.1rem;
  border-bottom: 2.5px solid transparent;
  transition: color 0.25s ease, border-color 0.25s ease;
}
.drm-shop-main div.product .woocommerce-tabs ul.tabs li.active a {
  color: var(--midnight-orchid);
  border-bottom-color: var(--dusky-lilac);
}

.drm-shop-main div.product .woocommerce-Tabs-panel {
  font-size: 1.02rem;
  line-height: 1.8;
  color: rgba(49, 42, 68, 0.85);
}
.drm-shop-main div.product .woocommerce-Tabs-panel > h2:first-child { display: none; }
.drm-shop-main div.product .woocommerce-Tabs-panel h2:not([class]),
.drm-shop-main div.product .woocommerce-Tabs-panel h3:not([class]) {
  color: var(--midnight-orchid);
  margin: 1.6rem 0 0.5rem;
}
.drm-shop-main div.product .woocommerce-Tabs-panel p:not([class]) { margin-bottom: 1rem; }
.drm-shop-main div.product .woocommerce-Tabs-panel strong { color: var(--midnight-orchid); }

/* powiazane produkty */
.drm-shop-main .related.products > h2,
.drm-shop-main .upsells.products > h2 {
  font-size: clamp(1.5rem, 2.5vw, 2.1rem);
  color: var(--midnight-orchid);
  text-align: center;
  margin: 3rem 0 1.75rem;
}

/* ============================================================
   4b. STRONA PRODUKTU - gora wg handoffu „Karty produktow"
   Zdjecie na plycie + tresc sprzedazowa; kafelki wariantow
   zamiast selecta WooCommerce.
   ============================================================ */
.drm-pdp {
  max-width: 1240px;
  margin: 0 auto;
  padding: clamp(20px, 3vw, 36px) clamp(20px, 5vw, 72px) clamp(40px, 6vw, 72px);
  border-bottom: 1px solid #EEE9F1;
}
.drm-pdp-back {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: 'Inter', sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--dusky-lilac);
  text-decoration: none;
  margin-bottom: clamp(22px, 3vw, 32px);
  transition: color 0.25s ease;
}
.drm-pdp-back:hover { color: var(--midnight-orchid); }
.drm-pdp-back .drm-icon { flex: none; }

.drm-pdp-grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: 36px clamp(28px, 4vw, 64px);
  align-items: start;
}

/* zdjecie na plycie */
.drm-pdp-figure {
  position: relative;
  margin: 0;
}
.drm-pdp-plate {
  position: absolute;
  inset: 20px -20px -20px 20px;
  border-radius: 24px;
  background: var(--plum-blossom);
  opacity: 0.5;
}
.drm-pdp-img {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 22px;
  object-fit: cover;
}
.drm-pdp-img--placeholder {
  display: grid;
  place-items: center;
  padding: 0 20px;
  background: linear-gradient(160deg, var(--silver-wisteria), var(--plum-blossom));
  color: var(--dusky-lilac);
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-align: center;
}
.drm-pdp-badge {
  position: absolute;
  top: 18px;
  left: 18px;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background: var(--midnight-orchid);
  color: var(--plum-blossom);
  padding: 7px 14px;
  border-radius: 999px;
  box-shadow: 0 6px 18px rgba(49, 42, 68, 0.3);
}

/* tresc */
.drm-pdp-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.drm-pdp-cat {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: 'Inter', sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--dusky-lilac);
  background: var(--silver-wisteria);
  padding: 7px 14px;
  border-radius: 999px;
  margin-bottom: 16px;
}
.drm-pdp-cat .drm-icon { flex: none; }

.drm-shop-main .drm-pdp-title,
.drm-pdp-title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 600;
  font-size: clamp(28px, 3.4vw, 40px);
  line-height: 1.15;
  color: var(--midnight-orchid);
  margin: 0 0 12px;
  text-align: left;
}
.drm-pdp-hook {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-style: italic;
  font-size: clamp(15.5px, 1.7vw, 18px);
  line-height: 1.6;
  color: var(--dusky-lilac);
  max-width: 48ch;
  margin: 0 0 20px;
}
.drm-pdp-perks {
  display: flex;
  flex-direction: column;
  gap: 9px;
  list-style: none;
  margin: 0 0 26px;
  padding: 0;
}
.drm-pdp-perks li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14.5px;
  line-height: 1.55;
  color: #524A66;
}
.drm-pdp-perks .drm-icon {
  flex: none;
  margin-top: 2px;
  color: var(--dusky-lilac);
}

/* kafelki wariantow */
.drm-pdp-form { width: 100%; }
.drm-pdp-variants-label {
  display: block;
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--midnight-orchid);
  margin-bottom: 14px;
}
.drm-pdp-variants {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 14px;
  width: 100%;
  margin-bottom: 24px;
}
.drm-pdp .drm-pdp-variant {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 5px;
  text-align: left;
  cursor: pointer;
  font-family: inherit;
  background: #fff;
  border: 1.5px solid var(--silver-wisteria);
  border-radius: 16px;
  padding: 18px 16px 16px;
  transition: border-color 0.25s ease, background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
.drm-pdp .drm-pdp-variant:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(49, 42, 68, 0.12);
}
.drm-pdp .drm-pdp-variant[aria-checked="true"] {
  background: #F4F1F6;
  border-color: var(--dusky-lilac);
}
.drm-pdp-variant-check {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1.5px solid var(--iris-mist);
  background: transparent;
  color: #fff;
  display: grid;
  place-items: center;
  transition: background 0.25s ease, border-color 0.25s ease;
}
.drm-pdp-variant[aria-checked="true"] .drm-pdp-variant-check {
  background: var(--dusky-lilac);
  border-color: var(--dusky-lilac);
}
.drm-pdp-variant-flag {
  position: absolute;
  top: -11px;
  left: 14px;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background: var(--dusky-lilac);
  color: #fff;
  padding: 4px 11px;
  border-radius: 999px;
}
.drm-pdp-variant-name {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: 'Inter', sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--dusky-lilac);
}
.drm-pdp-variant-name .drm-icon { flex: none; }
.drm-pdp-variant-price {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 600;
  font-size: 23px;
  color: var(--midnight-orchid);
  font-feature-settings: 'tnum' 1;
}
.drm-pdp-variant-desc {
  font-size: 12.5px;
  line-height: 1.5;
  color: #524A66;
}

/* cena produktu prostego */
.drm-pdp-price-row {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 4px;
}
.drm-pdp-price {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 600;
  font-size: 32px;
  color: var(--midnight-orchid);
  font-feature-settings: 'tnum' 1;
}
.drm-pdp-price .woocommerce-Price-amount { font-family: inherit; }
.drm-pdp-price-note {
  font-size: 13px;
  color: var(--iris-mist);
}

/* CTA + zaufanie */
.drm-pdp-cta-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px;
  width: 100%;
  padding-top: 20px;
  border-top: 1px solid #EEE9F1;
}
.drm-pdp .drm-pdp-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  border: 0;
  font-family: 'Inter', sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fff;
  background: var(--midnight-orchid);
  padding: 16px 30px;
  border-radius: 999px;
  text-decoration: none;
  transition: background 0.25s ease, transform 0.25s ease;
}
.drm-pdp .drm-pdp-cta:hover {
  background: var(--dusky-lilac);
  color: #fff;
  transform: translateY(-2px);
}
.drm-pdp .drm-pdp-cta .woocommerce-Price-amount { font-family: inherit; }
.drm-pdp .drm-pdp-cta .drm-icon { flex: none; }
/* „Zobacz koszyk" po dodaniu AJAX-em - dyskretny link obok CTA.
   Selektor z elementem, bo .woocommerce a.added_to_cart bije sama klase. */
.drm-pdp a.added_to_cart {
  display: inline-flex;
  align-items: center;
  font-family: 'Inter', sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--dusky-lilac);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.drm-pdp a.added_to_cart:hover { color: var(--midnight-orchid); }
.drm-pdp-unavailable {
  font-size: 14px;
  color: var(--dusky-lilac);
}

.drm-pdp-trust {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 18px;
}
.drm-pdp-trust span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: #524A66;
}
.drm-pdp-trust .drm-icon {
  flex: none;
  color: var(--dusky-lilac);
}

@media (max-width: 860px) {
  .drm-pdp-grid { grid-template-columns: 1fr; }
  .drm-pdp-plate { inset: 14px -14px -14px 14px; }
}
/* ============================================================
   4c. OPIS PRODUKTU - klocki do budowania tresci
   Uzywane w tresci produktu (post_content), wiec bez PHP:
   ikony to maski CSS (.drm-pdi .drm-pdi-{nazwa}).
   Kazdy produkt sklada opis z innego zestawu klockow.
   ============================================================ */
.drm-shop-main .woocommerce-Tabs-panel--description {
  /* kontener z handoffow: 1240px */
  max-width: 1240px;
  margin: 0 auto;
}
/* Strona produktu ma szerszy kontener, zeby opis dostal pelne 1240px
   (bloki wnosza wlasne paddingi). */
.drm-shop-main--product > .drm-container { max-width: 1352px; }


/* ---------- ikona inline ---------- */
.drm-pdi {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex: none;
  background-color: currentColor;
  -webkit-mask: var(--drm-pdi) center / contain no-repeat;
  mask: var(--drm-pdi) center / contain no-repeat;
}

/* ---------- lead ---------- */
.drm-shop-main .drm-pd-lead {
  font-size: clamp(16.5px, 1.8vw, 19px);
  line-height: 1.7;
  color: var(--midnight-orchid);
  margin: 0 0 2.4rem;
  max-width: 62ch;
}
.drm-shop-main .drm-pd-lead strong { font-weight: 600; }

/* ---------- naglowek sekcji z ikona ---------- */
.drm-shop-main .drm-pd-h {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 600;
  font-size: clamp(24px, 2.6vw, 31px);
  line-height: 1.2;
  color: var(--midnight-orchid);
  margin: 3rem 0 1.4rem;
  text-align: left;
}
.drm-shop-main .drm-pd-h:first-child { margin-top: 0; }
.drm-pd-h-icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--silver-wisteria);
  color: var(--midnight-orchid);
  display: grid;
  place-items: center;
  flex: none;
  font-size: 20px;
}
.drm-shop-main .drm-pd-sub {
  font-size: 15.5px;
  line-height: 1.7;
  color: #524A66;
  margin: -0.6rem 0 1.6rem;
  max-width: 62ch;
}

/* ---------- karty (co dostajesz / nad czym pracujemy) ---------- */
.drm-pd-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 18px;
  margin: 0 0 2.2rem;
  padding: 0;
  list-style: none;
}
/* cztery karty ukladamy 2x2 - auto-fit robil 3 + samotna czwarta.
   Tylko od tabletu w gore: na telefonie zostaje jedna kolumna. */
@supports selector(:has(*)) {
  @media (min-width: 700px) {
    .drm-pd-cards:has(> li:nth-child(4):last-child) { grid-template-columns: repeat(2, 1fr); }
  }
}
.drm-pd-card {
  background: #fff;
  border: 1px solid var(--silver-wisteria);
  border-radius: 18px;
  padding: 24px 22px;
}
.drm-pd-card-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--silver-wisteria);
  color: var(--midnight-orchid);
  display: grid;
  place-items: center;
  font-size: 19px;
  margin-bottom: 14px;
}
.drm-shop-main .drm-pd-card-t {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px;
  font-weight: 600;
  color: var(--midnight-orchid);
  margin: 0 0 7px;
  text-align: left;
}
.drm-shop-main .drm-pd-card p {
  font-size: 14.5px;
  line-height: 1.6;
  color: #524A66;
  margin: 0;
}

/* ---------- lista z ptaszkami ---------- */
.drm-pd-check {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0 0 2.2rem;
  padding: 0;
  list-style: none;
}
.drm-shop-main .drm-pd-check li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 15.5px;
  line-height: 1.6;
  color: #524A66;
  margin: 0;
  padding: 0;
}
.drm-pd-check li::before {
  content: "";
  width: 20px;
  height: 20px;
  flex: none;
  margin-top: 2px;
  background: var(--dusky-lilac);
  -webkit-mask: var(--drm-pd-tick) center / contain no-repeat;
  mask: var(--drm-pd-tick) center / contain no-repeat;
}
.drm-pd-check {
  --drm-pd-tick: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%20%2F%3E%20%3C%2Fsvg%3E");
}
/* wariant „minusowy" - lista problemow */
.drm-pd-check--minus li::before {
  background: var(--iris-mist);
  -webkit-mask: var(--drm-pd-dash) center / contain no-repeat;
  mask: var(--drm-pd-dash) center / contain no-repeat;
}
.drm-pd-check--minus {
  --drm-pd-dash: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2012h8%22%20%2F%3E%20%3C%2Fsvg%3E");
}

/* ---------- kroki numerowane ---------- */
.drm-pd-steps {
  counter-reset: drm-pd-step;
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 0 0 2.2rem;
  padding: 0;
  list-style: none;
}
.drm-shop-main .drm-pd-steps li {
  position: relative;
  background: #fff;
  border: 1px solid var(--silver-wisteria);
  border-radius: 16px;
  padding: 20px 22px 20px 70px;
  font-size: 15px;
  line-height: 1.6;
  color: #524A66;
  margin: 0;
}
.drm-pd-steps li::before {
  counter-increment: drm-pd-step;
  content: counter(drm-pd-step);
  position: absolute;
  left: 20px;
  top: 18px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--midnight-orchid);
  color: #fff;
  display: grid;
  place-items: center;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 17px;
  font-weight: 600;
}
.drm-shop-main .drm-pd-steps strong {
  display: block;
  font-family: 'Inter', sans-serif;
  font-size: 14.5px;
  font-weight: 600;
  color: var(--midnight-orchid);
  margin-bottom: 4px;
}

/* ---------- dwie kolumny: bez / z ---------- */
.drm-pd-compare {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 18px;
  margin: 0 0 2.2rem;
}
.drm-pd-col {
  border-radius: 18px;
  padding: 26px 24px;
}
.drm-pd-col--before {
  background: #F4F1F6;
  border: 1px solid var(--silver-wisteria);
}
.drm-pd-col--after {
  background: var(--midnight-orchid);
}
.drm-shop-main .drm-pd-col-t {
  font-family: 'Inter', sans-serif !important;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin: 0 0 14px;
  text-align: left;
}
.drm-pd-col--before .drm-pd-col-t { color: var(--dusky-lilac); }
.drm-pd-col--after .drm-pd-col-t { color: var(--plum-blossom); }
.drm-pd-col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.drm-shop-main .drm-pd-col li {
  font-size: 15px;
  line-height: 1.55;
  margin: 0;
  padding-left: 20px;
  position: relative;
}
.drm-pd-col--before li { color: #524A66; }
.drm-pd-col--after li { color: rgba(255, 255, 255, 0.86); }
.drm-pd-col li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 8px;
  height: 2px;
  border-radius: 2px;
  background: currentColor;
  opacity: 0.6;
}

/* ---------- kafelki dni / liczb ---------- */
.drm-pd-days {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 14px;
  margin: 0 0 2.2rem;
  padding: 0;
  list-style: none;
}
.drm-shop-main .drm-pd-days li {
  background: #fff;
  border: 1px solid var(--silver-wisteria);
  border-radius: 16px;
  padding: 20px 20px 22px;
  margin: 0;
}
.drm-pd-day-n {
  display: block;
  font-family: 'Inter', sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--dusky-lilac);
  margin-bottom: 8px;
}
.drm-shop-main .drm-pd-day-t {
  display: block;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 20px;
  font-weight: 600;
  color: var(--midnight-orchid);
  margin-bottom: 6px;
}
.drm-shop-main .drm-pd-days p {
  font-size: 14px;
  line-height: 1.55;
  color: #524A66;
  margin: 0;
}

/* ---------- kafelki korzysci ---------- */
.drm-pd-tiles {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 16px;
  margin: 0 0 2.2rem;
  padding: 0;
  list-style: none;
}
.drm-shop-main .drm-pd-tiles li {
  background: var(--silver-wisteria);
  border-radius: 16px;
  padding: 22px 20px;
  margin: 0;
  font-size: 14.5px;
  line-height: 1.55;
  color: #524A66;
}
.drm-pd-tile-icon {
  display: block;
  color: var(--dusky-lilac);
  font-size: 22px;
  margin-bottom: 12px;
}
.drm-shop-main .drm-pd-tiles strong {
  display: block;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 19px;
  font-weight: 600;
  color: var(--midnight-orchid);
  margin-bottom: 5px;
}

/* ---------- wyroznik / cytat ---------- */
.drm-shop-main .drm-pd-quote {
  position: relative;
  background: #F4F1F6;
  border-left: 3px solid var(--dusky-lilac);
  border-radius: 0 16px 16px 0;
  padding: 26px 28px;
  margin: 0 0 2.2rem;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-style: italic;
  font-size: clamp(18px, 2vw, 21px);
  line-height: 1.55;
  color: var(--midnight-orchid);
}

/* ---------- notka / tip ---------- */
.drm-shop-main .drm-pd-note {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  background: #fff;
  border: 1px dashed var(--iris-mist);
  border-radius: 16px;
  padding: 20px 22px;
  margin: 0 0 2.2rem;
  font-size: 14.5px;
  line-height: 1.6;
  color: #524A66;
}
.drm-pd-note-icon {
  color: var(--dusky-lilac);
  font-size: 20px;
  flex: none;
  margin-top: 1px;
}

/* ---------- zamkniecie / CTA ---------- */
.drm-pd-end {
  background: var(--midnight-orchid);
  border-radius: 20px;
  padding: clamp(28px, 4vw, 40px);
  text-align: center;
  margin: 2.6rem 0 0;
}
.drm-shop-main .drm-pd-end-t {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 600;
  font-size: clamp(23px, 2.6vw, 30px);
  line-height: 1.2;
  color: #fff;
  margin: 0 0 10px;
  text-align: center;
}
.drm-shop-main .drm-pd-end-t em { font-style: italic; color: var(--plum-blossom); }
.drm-shop-main .drm-pd-end p {
  font-size: 15px;
  line-height: 1.65;
  color: var(--iris-mist);
  margin: 0 auto;
  max-width: 52ch;
}

@media (max-width: 560px) {
  .drm-shop-main .drm-pd-h { font-size: 22px; gap: 10px; }
  .drm-pd-h-icon { width: 36px; height: 36px; font-size: 17px; }
  .drm-shop-main .drm-pd-steps li { padding: 18px 18px 18px 62px; }
}

/* maski ikon do tresci opisu (Lucide) */
.drm-pdi-calculator { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Crect%20width%3D%2216%22%20height%3D%2220%22%20x%3D%224%22%20y%3D%222%22%20rx%3D%222%22%20%2F%3E%20%3Cline%20x1%3D%228%22%20x2%3D%2216%22%20y1%3D%226%22%20y2%3D%226%22%20%2F%3E%20%3Cline%20x1%3D%2216%22%20x2%3D%2216%22%20y1%3D%2214%22%20y2%3D%2218%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2010h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2010h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2010h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2014h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2014h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2018h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2018h.01%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-table-2 { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M9%203H5a2%202%200%200%200-2%202v4m6-6h10a2%202%200%200%201%202%202v4M9%203v18m0%200h10a2%202%200%200%200%202-2V9M9%2021H5a2%202%200%200%201-2-2V9m0%200h18%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-calendar-days { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M8%202v4%22%20%2F%3E%20%3Cpath%20d%3D%22M16%202v4%22%20%2F%3E%20%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%224%22%20rx%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2010h18%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2014h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2014h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2014h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2018h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2018h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2018h.01%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-wallet { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M19%207V4a1%201%200%200%200-1-1H5a2%202%200%200%200%200%204h15a1%201%200%200%201%201%201v4h-3a2%202%200%200%200%200%204h3a1%201%200%200%200%201-1v-2a1%201%200%200%200-1-1%22%20%2F%3E%20%3Cpath%20d%3D%22M3%205v14a2%202%200%200%200%202%202h15a1%201%200%200%200%201-1v-4%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-piggy-bank { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M11%2017h3v2a1%201%200%200%200%201%201h2a1%201%200%200%200%201-1v-3a3.16%203.16%200%200%200%202-2h1a1%201%200%200%200%201-1v-2a1%201%200%200%200-1-1h-1a5%205%200%200%200-2-4V3a4%204%200%200%200-3.2%201.6l-.3.4H11a6%206%200%200%200-6%206v1a5%205%200%200%200%202%204v3a1%201%200%200%200%201%201h2a1%201%200%200%200%201-1z%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2010h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M2%208v1a2%202%200%200%200%202%202h1%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-target { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%226%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-sparkles { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M11.017%202.814a1%201%200%200%201%201.966%200l1.051%205.558a2%202%200%200%200%201.594%201.594l5.558%201.051a1%201%200%200%201%200%201.966l-5.558%201.051a2%202%200%200%200-1.594%201.594l-1.051%205.558a1%201%200%200%201-1.966%200l-1.051-5.558a2%202%200%200%200-1.594-1.594l-5.558-1.051a1%201%200%200%201%200-1.966l5.558-1.051a2%202%200%200%200%201.594-1.594z%22%20%2F%3E%20%3Cpath%20d%3D%22M20%202v4%22%20%2F%3E%20%3Cpath%20d%3D%22M22%204h-4%22%20%2F%3E%20%3Ccircle%20cx%3D%224%22%20cy%3D%2220%22%20r%3D%222%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-coffee { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M10%202v2%22%20%2F%3E%20%3Cpath%20d%3D%22M14%202v2%22%20%2F%3E%20%3Cpath%20d%3D%22M16%208a1%201%200%200%201%201%201v8a4%204%200%200%201-4%204H7a4%204%200%200%201-4-4V9a1%201%200%200%201%201-1h14a4%204%200%201%201%200%208h-1%22%20%2F%3E%20%3Cpath%20d%3D%22M6%202v2%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-pen-line { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M13%2021h8%22%20%2F%3E%20%3Cpath%20d%3D%22M21.174%206.812a1%201%200%200%200-3.986-3.987L3.842%2016.174a2%202%200%200%200-.5.83l-1.321%204.352a.5.5%200%200%200%20.623.622l4.353-1.32a2%202%200%200%200%20.83-.497z%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-notebook-pen { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M13.4%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2v-7.4%22%20%2F%3E%20%3Cpath%20d%3D%22M2%206h4%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2010h4%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2014h4%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2018h4%22%20%2F%3E%20%3Cpath%20d%3D%22M21.378%205.626a1%201%200%201%200-3.004-3.004l-5.01%205.012a2%202%200%200%200-.506.854l-.837%202.87a.5.5%200%200%200%20.62.62l2.87-.837a2%202%200%200%200%20.854-.506z%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-heart { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M2%209.5a5.5%205.5%200%200%201%209.591-3.676.56.56%200%200%200%20.818%200A5.49%205.49%200%200%201%2022%209.5c0%202.29-1.5%204-3%205.5l-5.492%205.313a2%202%200%200%201-3%20.019L5%2015c-1.5-1.5-3-3.2-3-5.5%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-brain { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2018V5%22%20%2F%3E%20%3Cpath%20d%3D%22M15%2013a4.17%204.17%200%200%201-3-4%204.17%204.17%200%200%201-3%204%22%20%2F%3E%20%3Cpath%20d%3D%22M17.598%206.5A3%203%200%201%200%2012%205a3%203%200%201%200-5.598%201.5%22%20%2F%3E%20%3Cpath%20d%3D%22M17.997%205.125a4%204%200%200%201%202.526%205.77%22%20%2F%3E%20%3Cpath%20d%3D%22M18%2018a4%204%200%200%200%202-7.464%22%20%2F%3E%20%3Cpath%20d%3D%22M19.967%2017.483A4%204%200%201%201%2012%2018a4%204%200%201%201-7.967-.517%22%20%2F%3E%20%3Cpath%20d%3D%22M6%2018a4%204%200%200%201-2-7.464%22%20%2F%3E%20%3Cpath%20d%3D%22M6.003%205.125a4%204%200%200%200-2.526%205.77%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-clock { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22M12%206v6l4%202%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-check { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M20%206%209%2017l-5-5%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-arrow-right { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M5%2012h14%22%20%2F%3E%20%3Cpath%20d%3D%22m12%205%207%207-7%207%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-lightbulb { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M15%2014c.2-1%20.7-1.7%201.5-2.5%201-.9%201.5-2.2%201.5-3.5A6%206%200%200%200%206%208c0%201%20.2%202.2%201.5%203.5.7.7%201.3%201.5%201.5%202.5%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2018h6%22%20%2F%3E%20%3Cpath%20d%3D%22M10%2022h4%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-message-circle { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M2.992%2016.342a2%202%200%200%201%20.094%201.167l-1.065%203.29a1%201%200%200%200%201.236%201.168l3.413-.998a2%202%200%200%201%201.099.092%2010%2010%200%201%200-4.777-4.719%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-video { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m16%2013%205.223%203.482a.5.5%200%200%200%20.777-.416V7.87a.5.5%200%200%200-.752-.432L16%2010.5%22%20%2F%3E%20%3Crect%20x%3D%222%22%20y%3D%226%22%20width%3D%2214%22%20height%3D%2212%22%20rx%3D%222%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-layers { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12.83%202.18a2%202%200%200%200-1.66%200L2.6%206.08a1%201%200%200%200%200%201.83l8.58%203.91a2%202%200%200%200%201.66%200l8.58-3.9a1%201%200%200%200%200-1.83z%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2012a1%201%200%200%200%20.58.91l8.6%203.91a2%202%200%200%200%201.65%200l8.58-3.9A1%201%200%200%200%2022%2012%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2017a1%201%200%200%200%20.58.91l8.6%203.91a2%202%200%200%200%201.65%200l8.58-3.9A1%201%200%200%200%2022%2017%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-list-checks { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M13%205h8%22%20%2F%3E%20%3Cpath%20d%3D%22M13%2012h8%22%20%2F%3E%20%3Cpath%20d%3D%22M13%2019h8%22%20%2F%3E%20%3Cpath%20d%3D%22m3%2017%202%202%204-4%22%20%2F%3E%20%3Cpath%20d%3D%22m3%207%202%202%204-4%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-circle-alert { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cline%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%228%22%20y2%3D%2212%22%20%2F%3E%20%3Cline%20x1%3D%2212%22%20x2%3D%2212.01%22%20y1%3D%2216%22%20y2%3D%2216%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-trophy { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M10%2014.66v1.626a2%202%200%200%201-.976%201.696A5%205%200%200%200%207%2021.978%22%20%2F%3E%20%3Cpath%20d%3D%22M14%2014.66v1.626a2%202%200%200%200%20.976%201.696A5%205%200%200%201%2017%2021.978%22%20%2F%3E%20%3Cpath%20d%3D%22M18%209h1.5a1%201%200%200%200%200-5H18%22%20%2F%3E%20%3Cpath%20d%3D%22M4%2022h16%22%20%2F%3E%20%3Cpath%20d%3D%22M6%209a6%206%200%200%200%2012%200V3a1%201%200%200%200-1-1H7a1%201%200%200%200-1%201z%22%20%2F%3E%20%3Cpath%20d%3D%22M6%209H4.5a1%201%200%200%201%200-5H6%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-zap { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M4%2014a1%201%200%200%201-.78-1.63l9.9-10.2a.5.5%200%200%201%20.86.46l-1.92%206.02A1%201%200%200%200%2013%2010h7a1%201%200%200%201%20.78%201.63l-9.9%2010.2a.5.5%200%200%201-.86-.46l1.92-6.02A1%201%200%200%200%2011%2014z%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-download { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2015V3%22%20%2F%3E%20%3Cpath%20d%3D%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%22%20%2F%3E%20%3Cpath%20d%3D%22m7%2010%205%205%205-5%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-book-open { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%207v14%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2018a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1h5a4%204%200%200%201%204%204%204%204%200%200%201%204-4h5a1%201%200%200%201%201%201v13a1%201%200%200%201-1%201h-6a3%203%200%200%200-3%203%203%203%200%200%200-3-3z%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-graduation-cap { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M21.42%2010.922a1%201%200%200%200-.019-1.838L12.83%205.18a2%202%200%200%200-1.66%200L2.6%209.08a1%201%200%200%200%200%201.832l8.57%203.908a2%202%200%200%200%201.66%200z%22%20%2F%3E%20%3Cpath%20d%3D%22M22%2010v6%22%20%2F%3E%20%3Cpath%20d%3D%22M6%2012.5V16a6%203%200%200%200%2012%200v-3.5%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-hand-coins { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M11%2015h2a2%202%200%201%200%200-4h-3c-.6%200-1.1.2-1.4.6L3%2017%22%20%2F%3E%20%3Cpath%20d%3D%22m7%2021%201.6-1.4c.3-.4.8-.6%201.4-.6h4c1.1%200%202.1-.4%202.8-1.2l4.6-4.4a2%202%200%200%200-2.75-2.91l-4.2%203.9%22%20%2F%3E%20%3Cpath%20d%3D%22m2%2016%206%206%22%20%2F%3E%20%3Ccircle%20cx%3D%2216%22%20cy%3D%229%22%20r%3D%222.9%22%20%2F%3E%20%3Ccircle%20cx%3D%226%22%20cy%3D%225%22%20r%3D%223%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-repeat { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m17%202%204%204-4%204%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2011v-1a4%204%200%200%201%204-4h14%22%20%2F%3E%20%3Cpath%20d%3D%22m7%2022-4-4%204-4%22%20%2F%3E%20%3Cpath%20d%3D%22M21%2013v1a4%204%200%200%201-4%204H3%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-bell { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M10.268%2021a2%202%200%200%200%203.464%200%22%20%2F%3E%20%3Cpath%20d%3D%22M3.262%2015.326A1%201%200%200%200%204%2017h16a1%201%200%200%200%20.74-1.673C19.41%2013.956%2018%2012.499%2018%208A6%206%200%200%200%206%208c0%204.499-1.411%205.956-2.738%207.326%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-users { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%20%2F%3E%20%3Cpath%20d%3D%22M16%203.128a4%204%200%200%201%200%207.744%22%20%2F%3E%20%3Cpath%20d%3D%22M22%2021v-2a4%204%200%200%200-3-3.87%22%20%2F%3E%20%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-package { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M11%2021.73a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016V8a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73z%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2022V12%22%20%2F%3E%20%3Cpolyline%20points%3D%223.29%207%2012%2012%2020.71%207%22%20%2F%3E%20%3Cpath%20d%3D%22m7.5%204.27%209%205.15%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-puzzle { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M15.39%204.39a1%201%200%200%200%201.68-.474%202.5%202.5%200%201%201%203.014%203.015%201%201%200%200%200-.474%201.68l1.683%201.682a2.414%202.414%200%200%201%200%203.414L19.61%2015.39a1%201%200%200%201-1.68-.474%202.5%202.5%200%201%200-3.014%203.015%201%201%200%200%201%20.474%201.68l-1.683%201.682a2.414%202.414%200%200%201-3.414%200L8.61%2019.61a1%201%200%200%200-1.68.474%202.5%202.5%200%201%201-3.014-3.015%201%201%200%200%200%20.474-1.68l-1.683-1.682a2.414%202.414%200%200%201%200-3.414L4.39%208.61a1%201%200%200%201%201.68.474%202.5%202.5%200%201%200%203.014-3.015%201%201%200%200%201-.474-1.68l1.683-1.682a2.414%202.414%200%200%201%203.414%200z%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-trending-up { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M16%207h6v6%22%20%2F%3E%20%3Cpath%20d%3D%22m22%207-8.5%208.5-5-5L2%2017%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-shield-check { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M20%2013c0%205-3.5%207.5-7.66%208.95a1%201%200%200%201-.67-.01C7.5%2020.5%204%2018%204%2013V6a1%201%200%200%201%201-1c2%200%204.5-1.2%206.24-2.72a1.17%201.17%200%200%201%201.52%200C14.51%203.81%2017%205%2019%205a1%201%200%200%201%201%201z%22%20%2F%3E%20%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-flame { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%203q1%204%204%206.5t3%205.5a1%201%200%200%201-14%200%205%205%200%200%201%201-3%201%201%200%200%200%205%200c0-2-1.5-3-1.5-5q0-2%202.5-4%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-smile { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2014s1.5%202%204%202%204-2%204-2%22%20%2F%3E%20%3Cline%20x1%3D%229%22%20x2%3D%229.01%22%20y1%3D%229%22%20y2%3D%229%22%20%2F%3E%20%3Cline%20x1%3D%2215%22%20x2%3D%2215.01%22%20y1%3D%229%22%20y2%3D%229%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-compass { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22m16.24%207.76-1.804%205.411a2%202%200%200%201-1.265%201.265L7.76%2016.24l1.804-5.411a2%202%200%200%201%201.265-1.265z%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-handshake { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m11%2017%202%202a1%201%200%201%200%203-3%22%20%2F%3E%20%3Cpath%20d%3D%22m14%2014%202.5%202.5a1%201%200%201%200%203-3l-3.88-3.88a3%203%200%200%200-4.24%200l-.88.88a1%201%200%201%201-3-3l2.81-2.81a5.79%205.79%200%200%201%207.06-.87l.47.28a2%202%200%200%200%201.42.25L21%204%22%20%2F%3E%20%3Cpath%20d%3D%22m21%203%201%2011h-2%22%20%2F%3E%20%3Cpath%20d%3D%22M3%203%202%2014l6.5%206.5a1%201%200%201%200%203-3%22%20%2F%3E%20%3Cpath%20d%3D%22M3%204h8%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-music { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M9%2018V5l12-2v13%22%20%2F%3E%20%3Ccircle%20cx%3D%226%22%20cy%3D%2218%22%20r%3D%223%22%20%2F%3E%20%3Ccircle%20cx%3D%2218%22%20cy%3D%2216%22%20r%3D%223%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-footprints { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M4%2016v-2.38C4%2011.5%202.97%2010.5%203%208c.03-2.72%201.49-6%204.5-6C9.37%202%2010%203.8%2010%205.5c0%203.11-2%205.66-2%208.68V16a2%202%200%201%201-4%200Z%22%20%2F%3E%20%3Cpath%20d%3D%22M20%2020v-2.38c0-2.12%201.03-3.12%201-5.62-.03-2.72-1.49-6-4.5-6C14.63%206%2014%207.8%2014%209.5c0%203.11%202%205.66%202%208.68V20a2%202%200%201%200%204%200Z%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2017h4%22%20%2F%3E%20%3Cpath%20d%3D%22M4%2013h4%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-file-spreadsheet { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M6%2022a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2h8a2.4%202.4%200%200%201%201.704.706l3.588%203.588A2.4%202.4%200%200%201%2020%208v12a2%202%200%200%201-2%202z%22%20%2F%3E%20%3Cpath%20d%3D%22M14%202v5a1%201%200%200%200%201%201h5%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2013h2%22%20%2F%3E%20%3Cpath%20d%3D%22M14%2013h2%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2017h2%22%20%2F%3E%20%3Cpath%20d%3D%22M14%2017h2%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-banknote { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Crect%20width%3D%2220%22%20height%3D%2212%22%20x%3D%222%22%20y%3D%226%22%20rx%3D%222%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22M6%2012h.01M18%2012h.01%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-scale { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%203v18%22%20%2F%3E%20%3Cpath%20d%3D%22m19%208%203%208a5%205%200%200%201-6%200zV7%22%20%2F%3E%20%3Cpath%20d%3D%22M3%207h1a17%2017%200%200%200%208-2%2017%2017%200%200%200%208%202h1%22%20%2F%3E%20%3Cpath%20d%3D%22m5%208%203%208a5%205%200%200%201-6%200zV7%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2021h10%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-eye { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M2.062%2012.348a1%201%200%200%201%200-.696%2010.75%2010.75%200%200%201%2019.876%200%201%201%200%200%201%200%20.696%2010.75%2010.75%200%200%201-19.876%200%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-sun { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%20%2F%3E%20%3Cpath%20d%3D%22M12%202v2%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2020v2%22%20%2F%3E%20%3Cpath%20d%3D%22m4.93%204.93%201.41%201.41%22%20%2F%3E%20%3Cpath%20d%3D%22m17.66%2017.66%201.41%201.41%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2012h2%22%20%2F%3E%20%3Cpath%20d%3D%22M20%2012h2%22%20%2F%3E%20%3Cpath%20d%3D%22m6.34%2017.66-1.41%201.41%22%20%2F%3E%20%3Cpath%20d%3D%22m19.07%204.93-1.41%201.41%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-moon { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M20.985%2012.486a9%209%200%201%201-9.473-9.472c.405-.022.617.46.402.803a6%206%200%200%200%208.268%208.268c.344-.215.825-.004.803.401%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-map-pin { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M20%2010c0%204.993-5.539%2010.193-7.399%2011.799a1%201%200%200%201-1.202%200C9.539%2020.193%204%2014.993%204%2010a8%208%200%200%201%2016%200%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%223%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-pdi-rocket { --drm-pdi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2015v5s3.03-.55%204-2c1.08-1.62%200-5%200-5%22%20%2F%3E%20%3Cpath%20d%3D%22M4.5%2016.5c-1.5%201.26-2%205-2%205s3.74-.5%205-2c.71-.84.7-2.13-.09-2.91a2.18%202.18%200%200%200-2.91-.09%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2012a22%2022%200%200%201%202-3.95A12.88%2012.88%200%200%201%2022%202c0%202.72-.78%207.5-6%2011a22.4%2022.4%200%200%201-4%202z%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2012H4s.55-3.03%202-4c1.62-1.08%205%20.05%205%20.05%22%20%2F%3E%20%3C%2Fsvg%3E"); }


/* ============================================================
   4d. OPIS PRODUKTU - wzorzec z handoffu „Opisy produktow"
   Szesc blokow: hero na gradiencie -> karty problem/rozwiazanie
   (akordeon) -> kafle obszarow -> kontrast bez/po -> kroki -> final.
   Klasy z prefiksem drm-, zeby nie zderzyc sie z .step/.area z wtyczek.
   Ikony to maski CSS (.drm-di .drm-di-{nazwa}) - tresc opisu nie moze
   wolac PHP.
   ============================================================ */
.drm-desc {
  --desc-ink: #524A66;
  --desc-hover: #F4F1F6;
  max-width: 1240px;
  margin: 0 auto;
}

/* ikona inline */
.drm-di {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex: none;
  background-color: currentColor;
  -webkit-mask: var(--drm-di) center / contain no-repeat;
  mask: var(--drm-di) center / contain no-repeat;
}

/* ---------- 1. Naglowek na gradiencie ---------- */
.drm-desc-hero {
  background: linear-gradient(180deg, var(--silver-wisteria) 0%, #E9E4EC 100%);
  border-radius: 24px 24px 0 0;
  text-align: center;
  padding: clamp(36px, 5vw, 56px) clamp(20px, 4vw, 56px);
}
.drm-desc-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--dusky-lilac);
  margin-bottom: 14px;
}
.drm-desc-kicker::before,
.drm-desc-kicker::after {
  content: "";
  width: 28px;
  height: 1px;
  background: var(--dusky-lilac);
}
.drm-shop-main .drm-desc-title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 600;
  font-size: clamp(27px, 3.2vw, 40px);
  line-height: 1.15;
  color: var(--midnight-orchid);
  margin: 0 auto 14px;
  max-width: 24ch;
  text-align: center;
}
.drm-desc-title em { font-style: italic; color: var(--dusky-lilac); }
.drm-shop-main .drm-desc-lead {
  font-size: 16.5px;
  line-height: 1.7;
  color: var(--desc-ink);
  max-width: 60ch;
  margin: 0 auto;
}
.drm-desc-pills {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 22px;
}
.drm-desc-pill {
  font-family: 'Inter', sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.75);
  color: var(--midnight-orchid);
  padding: 8px 16px;
  border-radius: 999px;
  transition: background 0.25s ease, transform 0.25s ease;
}
.drm-desc-pill:hover { background: #fff; transform: translateY(-2px); }

/* wspolne dla sekcji wewnetrznych */
.drm-desc-block { padding: clamp(36px, 5vw, 56px) clamp(20px, 4vw, 56px) 0; }
.drm-desc-block--last { padding-bottom: clamp(36px, 5vw, 56px); }
.drm-shop-main .drm-desc-h {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 600;
  font-size: clamp(23px, 2.6vw, 30px);
  line-height: 1.2;
  color: var(--midnight-orchid);
  text-align: center;
  margin: 0 0 28px;
}
.drm-shop-main .drm-desc-h--tight { margin-bottom: 8px; }
.drm-shop-main .drm-desc-sub {
  font-size: 15px;
  text-align: center;
  color: var(--dusky-lilac);
  margin: 0 0 28px;
}

/* ---------- 2. Karty problem -> rozwiazanie (domyslnie otwarte) ---------- */
.drm-pains {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)); /* 280 px wychodzilo za ekran na 320 px */
  gap: 18px;
}
.drm-desc .drm-pain {
  display: flex;
  flex-direction: column;
  gap: 14px;
  text-align: left;
  cursor: pointer;
  font-family: inherit;
  background: var(--desc-hover);
  border: 1.5px solid var(--dusky-lilac);
  border-radius: 18px;
  padding: 26px 24px;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, background 0.3s ease;
}
.drm-desc .drm-pain:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 38px rgba(49, 42, 68, 0.15);
}
.drm-desc .drm-pain[aria-expanded="false"] {
  background: #fff;
  border-color: var(--silver-wisteria);
}
.drm-pain-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.drm-pain-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--plum-blossom);
  color: var(--midnight-orchid);
  display: grid;
  place-items: center;
  flex: none;
  font-size: 23px;
}
.drm-pain-caret {
  font-size: 18px;
  color: var(--dusky-lilac);
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}
.drm-pain[aria-expanded="false"] .drm-pain-caret { transform: rotate(0deg); }
.drm-pain-q {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-style: italic;
  font-size: 17.5px;
  line-height: 1.5;
  color: var(--midnight-orchid);
}
.drm-pain-a {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  border-top: 1px solid var(--silver-wisteria);
  padding-top: 14px;
}
.drm-pain[aria-expanded="false"] .drm-pain-a { display: none; }
.drm-pain-a .drm-di {
  font-size: 17px;
  color: var(--dusky-lilac);
  margin-top: 2px;
}
.drm-pain-a span {
  font-size: 14px;
  line-height: 1.6;
  color: var(--desc-ink);
}
.drm-pain-a strong { color: var(--dusky-lilac); }

/* ---------- 3. Kafle obszarow / zawartosci ---------- */
.drm-areas {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 18px;
}
.drm-area {
  border: 1px solid var(--silver-wisteria);
  border-radius: 18px;
  padding: 26px 24px;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.drm-area:hover {
  transform: translateY(-5px);
  box-shadow: 0 14px 34px rgba(49, 42, 68, 0.13);
  border-color: var(--iris-mist);
}
.drm-area-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--silver-wisteria);
  color: var(--midnight-orchid);
  display: grid;
  place-items: center;
  margin-bottom: 14px;
  font-size: 23px;
}
.drm-shop-main .drm-area h4 {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 600;
  font-size: 19px;
  line-height: 1.25;
  color: var(--midnight-orchid);
  margin: 0 0 8px;
  text-align: left;
}
.drm-shop-main .drm-area p {
  font-size: 14px;
  line-height: 1.6;
  color: var(--desc-ink);
  margin: 0;
}

/* ---------- 4. Bez tego / Po ---------- */
.drm-contrast {
  display: grid;
  /* dwie kolumny na sztywno - auto-fit dokladal trzeci, pusty tor */
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 14px 40px rgba(49, 42, 68, 0.14);
}
@media (max-width: 700px) {
  .drm-contrast { grid-template-columns: 1fr; }
}
.drm-contrast-col { padding: clamp(28px, 4vw, 44px); }
.drm-contrast-col--before { background: var(--midnight-orchid); }
.drm-contrast-col--after { background: linear-gradient(135deg, var(--silver-wisteria), var(--plum-blossom)); }
.drm-contrast-label {
  display: block;
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.drm-contrast-col--before .drm-contrast-label { color: var(--iris-mist); }
.drm-contrast-col--after .drm-contrast-label { color: var(--dusky-lilac); }
.drm-contrast-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 13px;
}
.drm-shop-main .drm-contrast-col li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  font-size: 14.5px;
  line-height: 1.6;
  margin: 0;
  padding: 0;
}
.drm-contrast-col--before li { color: var(--silver-wisteria); }
.drm-contrast-col--after li { color: var(--midnight-orchid); }
.drm-contrast-col li .drm-di { font-size: 18px; margin-top: 2px; }
.drm-contrast-col--before li .drm-di { color: var(--dusky-lilac); }
.drm-contrast-col--after li .drm-di { color: var(--midnight-orchid); }

/* ---------- 5. Kroki z numerami ---------- */
.drm-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 18px;
}
.drm-step {
  position: relative;
  background: var(--desc-hover);
  border-radius: 18px;
  padding: 30px 24px 26px;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}
.drm-step:hover {
  transform: translateY(-5px);
  box-shadow: 0 14px 34px rgba(49, 42, 68, 0.14);
  background: #fff;
}
.drm-step-nr {
  position: absolute;
  top: -14px;
  left: 22px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--midnight-orchid);
  color: var(--plum-blossom);
  display: grid;
  place-items: center;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 16px;
  box-shadow: 0 6px 16px rgba(49, 42, 68, 0.3);
}
.drm-shop-main .drm-step h4 {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 600;
  font-size: 19px;
  line-height: 1.25;
  color: var(--midnight-orchid);
  margin: 6px 0 8px;
  text-align: left;
}
.drm-shop-main .drm-step p {
  font-size: 14px;
  line-height: 1.6;
  color: var(--desc-ink);
  margin: 0;
}

/* ---------- 6. Final sprzedazowy ---------- */
.drm-closer {
  position: relative;
  overflow: hidden;
  background: var(--midnight-orchid);
  border-radius: 20px;
  padding: clamp(32px, 5vw, 52px);
  text-align: center;
}
.drm-closer-glow {
  position: absolute;
  right: -60px;
  bottom: -60px;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(136, 112, 142, 0.4), transparent 70%);
}
.drm-closer > * { position: relative; }
.drm-shop-main .drm-closer-quote {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-style: italic;
  font-size: clamp(17px, 1.9vw, 21px);
  line-height: 1.6;
  color: var(--plum-blossom);
  margin: 0 0 22px;
}
.drm-shop-main .drm-closer-title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 600;
  font-size: clamp(24px, 2.8vw, 34px);
  line-height: 1.15;
  color: #fff;
  margin: 0 0 10px;
  text-align: center;
}
.drm-closer-title em { font-style: italic; color: var(--plum-blossom); }
.drm-shop-main .drm-closer-text {
  font-size: 15.5px;
  line-height: 1.7;
  color: var(--iris-mist);
  max-width: 52ch;
  margin: 0 auto 28px;
}
.drm-shop-main .drm-closer-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: 'Inter', sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--midnight-orchid);
  background: var(--plum-blossom);
  padding: 16px 32px;
  border-radius: 999px;
  text-decoration: none;
  transition: background 0.25s ease, transform 0.25s ease;
}
.drm-shop-main .drm-closer-btn:hover {
  background: #fff;
  color: var(--midnight-orchid);
  transform: translateY(-2px);
}
.drm-closer-btn .drm-di { font-size: 16px; }
.drm-desc .added_to_cart { display: none; }

@media (prefers-reduced-motion: reduce) {
  .drm-desc .drm-pain,
  .drm-area,
  .drm-step,
  .drm-desc-pill,
  .drm-shop-main .drm-closer-btn { transition: none; }
}

/* maski ikon sekcji opisu (Lucide) */
.drm-di-activity { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M22%2012h-2.48a2%202%200%200%200-1.93%201.46l-2.35%208.36a.25.25%200%200%201-.48%200L9.24%202.18a.25.25%200%200%200-.48%200l-2.35%208.36A2%202%200%200%201%204.49%2012H2%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-cloud-fog { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M4%2014.899A7%207%200%201%201%2015.71%208h1.79a4.5%204.5%200%200%201%202.5%208.242%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2017H7%22%20%2F%3E%20%3Cpath%20d%3D%22M17%2021H9%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-frown { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2016s-1.5-2-4-2-4%202-4%202%22%20%2F%3E%20%3Cline%20x1%3D%229%22%20x2%3D%229.01%22%20y1%3D%229%22%20y2%3D%229%22%20%2F%3E%20%3Cline%20x1%3D%2215%22%20x2%3D%2215.01%22%20y1%3D%229%22%20y2%3D%229%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-zap { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M4%2014a1%201%200%200%201-.78-1.63l9.9-10.2a.5.5%200%200%201%20.86.46l-1.92%206.02A1%201%200%200%200%2013%2010h7a1%201%200%200%201%20.78%201.63l-9.9%2010.2a.5.5%200%200%201-.86-.46l1.92-6.02A1%201%200%200%200%2011%2014z%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-messages-square { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M16%2010a2%202%200%200%201-2%202H6.828a2%202%200%200%200-1.414.586l-2.202%202.202A.71.71%200%200%201%202%2014.286V4a2%202%200%200%201%202-2h10a2%202%200%200%201%202%202z%22%20%2F%3E%20%3Cpath%20d%3D%22M20%209a2%202%200%200%201%202%202v10.286a.71.71%200%200%201-1.212.502l-2.202-2.202A2%202%200%200%200%2017.172%2019H10a2%202%200%200%201-2-2v-1%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-move { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%202v20%22%20%2F%3E%20%3Cpath%20d%3D%22m15%2019-3%203-3-3%22%20%2F%3E%20%3Cpath%20d%3D%22m19%209%203%203-3%203%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2012h20%22%20%2F%3E%20%3Cpath%20d%3D%22m5%209-3%203%203%203%22%20%2F%3E%20%3Cpath%20d%3D%22m9%205%203-3%203%203%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-search { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m21%2021-4.34-4.34%22%20%2F%3E%20%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-timer { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cline%20x1%3D%2210%22%20x2%3D%2214%22%20y1%3D%222%22%20y2%3D%222%22%20%2F%3E%20%3Cline%20x1%3D%2212%22%20x2%3D%2215%22%20y1%3D%2214%22%20y2%3D%2211%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2214%22%20r%3D%228%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-piggy-bank { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M11%2017h3v2a1%201%200%200%200%201%201h2a1%201%200%200%200%201-1v-3a3.16%203.16%200%200%200%202-2h1a1%201%200%200%200%201-1v-2a1%201%200%200%200-1-1h-1a5%205%200%200%200-2-4V3a4%204%200%200%200-3.2%201.6l-.3.4H11a6%206%200%200%200-6%206v1a5%205%200%200%200%202%204v3a1%201%200%200%200%201%201h2a1%201%200%200%200%201-1z%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2010h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M2%208v1a2%202%200%200%200%202%202h1%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-hourglass { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M5%2022h14%22%20%2F%3E%20%3Cpath%20d%3D%22M5%202h14%22%20%2F%3E%20%3Cpath%20d%3D%22M17%2022v-4.172a2%202%200%200%200-.586-1.414L12%2012l-4.414%204.414A2%202%200%200%200%207%2017.828V22%22%20%2F%3E%20%3Cpath%20d%3D%22M7%202v4.172a2%202%200%200%200%20.586%201.414L12%2012l4.414-4.414A2%202%200%200%200%2017%206.172V2%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-wallet { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M19%207V4a1%201%200%200%200-1-1H5a2%202%200%200%200%200%204h15a1%201%200%200%201%201%201v4h-3a2%202%200%200%200%200%204h3a1%201%200%200%200%201-1v-2a1%201%200%200%200-1-1%22%20%2F%3E%20%3Cpath%20d%3D%22M3%205v14a2%202%200%200%200%202%202h15a1%201%200%200%200%201-1v-4%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-calendar-x { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M8%202v4%22%20%2F%3E%20%3Cpath%20d%3D%22M16%202v4%22%20%2F%3E%20%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%224%22%20rx%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2010h18%22%20%2F%3E%20%3Cpath%20d%3D%22m14%2014-4%204%22%20%2F%3E%20%3Cpath%20d%3D%22m10%2014%204%204%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-brain { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2018V5%22%20%2F%3E%20%3Cpath%20d%3D%22M15%2013a4.17%204.17%200%200%201-3-4%204.17%204.17%200%200%201-3%204%22%20%2F%3E%20%3Cpath%20d%3D%22M17.598%206.5A3%203%200%201%200%2012%205a3%203%200%201%200-5.598%201.5%22%20%2F%3E%20%3Cpath%20d%3D%22M17.997%205.125a4%204%200%200%201%202.526%205.77%22%20%2F%3E%20%3Cpath%20d%3D%22M18%2018a4%204%200%200%200%202-7.464%22%20%2F%3E%20%3Cpath%20d%3D%22M19.967%2017.483A4%204%200%201%201%2012%2018a4%204%200%201%201-7.967-.517%22%20%2F%3E%20%3Cpath%20d%3D%22M6%2018a4%204%200%200%201-2-7.464%22%20%2F%3E%20%3Cpath%20d%3D%22M6.003%205.125a4%204%200%200%200-2.526%205.77%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-crown { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M11.562%203.266a.5.5%200%200%201%20.876%200L15.39%208.87a1%201%200%200%200%201.516.294L21.183%205.5a.5.5%200%200%201%20.798.519l-2.834%2010.246a1%201%200%200%201-.956.734H5.81a1%201%200%200%201-.957-.734L2.02%206.02a.5.5%200%200%201%20.798-.519l4.276%203.664a1%201%200%200%200%201.516-.294z%22%20%2F%3E%20%3Cpath%20d%3D%22M5%2021h14%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-drama { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M10%2011h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M14%206h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M18%206h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M6.5%2013.1h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M22%205c0%209-4%2012-6%2012s-6-3-6-12c0-2%202-3%206-3s6%201%206%203%22%20%2F%3E%20%3Cpath%20d%3D%22M17.4%209.9c-.8.8-2%20.8-2.8%200%22%20%2F%3E%20%3Cpath%20d%3D%22M10.1%207.1C9%207.2%207.7%207.7%206%208.6c-3.5%202-4.7%203.9-3.7%205.6%204.5%207.8%209.5%208.4%2011.2%207.4.9-.5%201.9-2.1%201.9-4.7%22%20%2F%3E%20%3Cpath%20d%3D%22M9.1%2016.5c.3-1.1%201.4-1.7%202.4-1.4%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-compass { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22m16.24%207.76-1.804%205.411a2%202%200%200%201-1.265%201.265L7.76%2016.24l1.804-5.411a2%202%200%200%201%201.265-1.265z%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-handshake { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m11%2017%202%202a1%201%200%201%200%203-3%22%20%2F%3E%20%3Cpath%20d%3D%22m14%2014%202.5%202.5a1%201%200%201%200%203-3l-3.88-3.88a3%203%200%200%200-4.24%200l-.88.88a1%201%200%201%201-3-3l2.81-2.81a5.79%205.79%200%200%201%207.06-.87l.47.28a2%202%200%200%200%201.42.25L21%204%22%20%2F%3E%20%3Cpath%20d%3D%22m21%203%201%2011h-2%22%20%2F%3E%20%3Cpath%20d%3D%22M3%203%202%2014l6.5%206.5a1%201%200%201%200%203-3%22%20%2F%3E%20%3Cpath%20d%3D%22M3%204h8%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-target { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%226%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-flag { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M4%2022V4a1%201%200%200%201%20.4-.8A6%206%200%200%201%208%202c3%200%205%202%207.333%202q2%200%203.067-.8A1%201%200%200%201%2020%204v10a1%201%200%200%201-.4.8A6%206%200%200%201%2016%2016c-3%200-5-2-8-2a6%206%200%200%200-4%201.528%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-table-2 { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M9%203H5a2%202%200%200%200-2%202v4m6-6h10a2%202%200%200%201%202%202v4M9%203v18m0%200h10a2%202%200%200%200%202-2V9M9%2021H5a2%202%200%200%201-2-2V9m0%200h18%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-wand-sparkles { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m21.64%203.64-1.28-1.28a1.21%201.21%200%200%200-1.72%200L2.36%2018.64a1.21%201.21%200%200%200%200%201.72l1.28%201.28a1.2%201.2%200%200%200%201.72%200L21.64%205.36a1.2%201.2%200%200%200%200-1.72%22%20%2F%3E%20%3Cpath%20d%3D%22m14%207%203%203%22%20%2F%3E%20%3Cpath%20d%3D%22M5%206v4%22%20%2F%3E%20%3Cpath%20d%3D%22M19%2014v4%22%20%2F%3E%20%3Cpath%20d%3D%22M10%202v2%22%20%2F%3E%20%3Cpath%20d%3D%22M7%208H3%22%20%2F%3E%20%3Cpath%20d%3D%22M21%2016h-4%22%20%2F%3E%20%3Cpath%20d%3D%22M11%203H9%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-lightbulb { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M15%2014c.2-1%20.7-1.7%201.5-2.5%201-.9%201.5-2.2%201.5-3.5A6%206%200%200%200%206%208c0%201%20.2%202.2%201.5%203.5.7.7%201.3%201.5%201.5%202.5%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2018h6%22%20%2F%3E%20%3Cpath%20d%3D%22M10%2022h4%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-book-open { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%207v14%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2018a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1h5a4%204%200%200%201%204%204%204%204%200%200%201%204-4h5a1%201%200%200%201%201%201v13a1%201%200%200%201-1%201h-6a3%203%200%200%200-3%203%203%203%200%200%200-3-3z%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-circle-play { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M9%209.003a1%201%200%200%201%201.517-.859l4.997%202.997a1%201%200%200%201%200%201.718l-4.997%202.997A1%201%200%200%201%209%2014.996z%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-users { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%20%2F%3E%20%3Cpath%20d%3D%22M16%203.128a4%204%200%200%201%200%207.744%22%20%2F%3E%20%3Cpath%20d%3D%22M22%2021v-2a4%204%200%200%200-3-3.87%22%20%2F%3E%20%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-bell-ring { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M10.268%2021a2%202%200%200%200%203.464%200%22%20%2F%3E%20%3Cpath%20d%3D%22M22%208c0-2.3-.8-4.3-2-6%22%20%2F%3E%20%3Cpath%20d%3D%22M3.262%2015.326A1%201%200%200%200%204%2017h16a1%201%200%200%200%20.74-1.673C19.41%2013.956%2018%2012.499%2018%208A6%206%200%200%200%206%208c0%204.499-1.411%205.956-2.738%207.326%22%20%2F%3E%20%3Cpath%20d%3D%22M4%202C2.8%203.7%202%205.7%202%208%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-circle-x { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22m15%209-6%206%22%20%2F%3E%20%3Cpath%20d%3D%22m9%209%206%206%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-circle-check { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-chevron-down { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m6%209%206%206%206-6%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-corner-down-right { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m15%2010%205%205-5%205%22%20%2F%3E%20%3Cpath%20d%3D%22M4%204v7a4%204%200%200%200%204%204h12%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-arrow-right { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M5%2012h14%22%20%2F%3E%20%3Cpath%20d%3D%22m12%205%207%207-7%207%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-battery-low { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M22%2014v-4%22%20%2F%3E%20%3Cpath%20d%3D%22M6%2014v-4%22%20%2F%3E%20%3Crect%20x%3D%222%22%20y%3D%226%22%20width%3D%2216%22%20height%3D%2212%22%20rx%3D%222%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-calendar { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M8%202v4%22%20%2F%3E%20%3Cpath%20d%3D%22M16%202v4%22%20%2F%3E%20%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%224%22%20rx%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2010h18%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-coffee { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M10%202v2%22%20%2F%3E%20%3Cpath%20d%3D%22M14%202v2%22%20%2F%3E%20%3Cpath%20d%3D%22M16%208a1%201%200%200%201%201%201v8a4%204%200%200%201-4%204H7a4%204%200%200%201-4-4V9a1%201%200%200%201%201-1h14a4%204%200%201%201%200%208h-1%22%20%2F%3E%20%3Cpath%20d%3D%22M6%202v2%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-droplet { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2022a7%207%200%200%200%207-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5%202.5-2%204.9-4%206.5C6%2011.1%205%2013%205%2015a7%207%200%200%200%207%207z%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-folder-open { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m6%2014%201.5-2.9A2%202%200%200%201%209.24%2010H20a2%202%200%200%201%201.94%202.5l-1.54%206a2%202%200%200%201-1.95%201.5H4a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h3.9a2%202%200%200%201%201.69.9l.81%201.2a2%202%200%200%200%201.67.9H18a2%202%200%200%201%202%202v2%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-hand-coins { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M11%2015h2a2%202%200%201%200%200-4h-3c-.6%200-1.1.2-1.4.6L3%2017%22%20%2F%3E%20%3Cpath%20d%3D%22m7%2021%201.6-1.4c.3-.4.8-.6%201.4-.6h4c1.1%200%202.1-.4%202.8-1.2l4.6-4.4a2%202%200%200%200-2.75-2.91l-4.2%203.9%22%20%2F%3E%20%3Cpath%20d%3D%22m2%2016%206%206%22%20%2F%3E%20%3Ccircle%20cx%3D%2216%22%20cy%3D%229%22%20r%3D%222.9%22%20%2F%3E%20%3Ccircle%20cx%3D%226%22%20cy%3D%225%22%20r%3D%223%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-layers { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12.83%202.18a2%202%200%200%200-1.66%200L2.6%206.08a1%201%200%200%200%200%201.83l8.58%203.91a2%202%200%200%200%201.66%200l8.58-3.9a1%201%200%200%200%200-1.83z%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2012a1%201%200%200%200%20.58.91l8.6%203.91a2%202%200%200%200%201.65%200l8.58-3.9A1%201%200%200%200%2022%2012%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2017a1%201%200%200%200%20.58.91l8.6%203.91a2%202%200%200%200%201.65%200l8.58-3.9A1%201%200%200%200%2022%2017%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-message-circle-more { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M2.992%2016.342a2%202%200%200%201%20.094%201.167l-1.065%203.29a1%201%200%200%200%201.236%201.168l3.413-.998a2%202%200%200%201%201.099.092%2010%2010%200%201%200-4.777-4.719%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2012h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2012h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2012h.01%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-pencil-line { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M13%2021h8%22%20%2F%3E%20%3Cpath%20d%3D%22m15%205%204%204%22%20%2F%3E%20%3Cpath%20d%3D%22M21.174%206.812a1%201%200%200%200-3.986-3.987L3.842%2016.174a2%202%200%200%200-.5.83l-1.321%204.352a.5.5%200%200%200%20.623.622l4.353-1.32a2%202%200%200%200%20.83-.497z%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-refresh-cw { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M3%2012a9%209%200%200%201%209-9%209.75%209.75%200%200%201%206.74%202.74L21%208%22%20%2F%3E%20%3Cpath%20d%3D%22M21%203v5h-5%22%20%2F%3E%20%3Cpath%20d%3D%22M21%2012a9%209%200%200%201-9%209%209.75%209.75%200%200%201-6.74-2.74L3%2016%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2016H3v5%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-repeat { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m17%202%204%204-4%204%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2011v-1a4%204%200%200%201%204-4h14%22%20%2F%3E%20%3Cpath%20d%3D%22m7%2022-4-4%204-4%22%20%2F%3E%20%3Cpath%20d%3D%22M21%2013v1a4%204%200%200%201-4%204H3%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-scale { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%203v18%22%20%2F%3E%20%3Cpath%20d%3D%22m19%208%203%208a5%205%200%200%201-6%200zV7%22%20%2F%3E%20%3Cpath%20d%3D%22M3%207h1a17%2017%200%200%200%208-2%2017%2017%200%200%200%208%202h1%22%20%2F%3E%20%3Cpath%20d%3D%22m5%208%203%208a5%205%200%200%201-6%200zV7%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2021h10%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-scan-face { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M3%207V5a2%202%200%200%201%202-2h2%22%20%2F%3E%20%3Cpath%20d%3D%22M17%203h2a2%202%200%200%201%202%202v2%22%20%2F%3E%20%3Cpath%20d%3D%22M21%2017v2a2%202%200%200%201-2%202h-2%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2021H5a2%202%200%200%201-2-2v-2%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2014s1.5%202%204%202%204-2%204-2%22%20%2F%3E%20%3Cpath%20d%3D%22M9%209h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M15%209h.01%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-shield-check { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M20%2013c0%205-3.5%207.5-7.66%208.95a1%201%200%200%201-.67-.01C7.5%2020.5%204%2018%204%2013V6a1%201%200%200%201%201-1c2%200%204.5-1.2%206.24-2.72a1.17%201.17%200%200%201%201.52%200C14.51%203.81%2017%205%2019%205a1%201%200%200%201%201%201z%22%20%2F%3E%20%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-smile { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2014s1.5%202%204%202%204-2%204-2%22%20%2F%3E%20%3Cline%20x1%3D%229%22%20x2%3D%229.01%22%20y1%3D%229%22%20y2%3D%229%22%20%2F%3E%20%3Cline%20x1%3D%2215%22%20x2%3D%2215.01%22%20y1%3D%229%22%20y2%3D%229%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-sparkle { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M11.017%202.814a1%201%200%200%201%201.966%200l1.051%205.558a2%202%200%200%200%201.594%201.594l5.558%201.051a1%201%200%200%201%200%201.966l-5.558%201.051a2%202%200%200%200-1.594%201.594l-1.051%205.558a1%201%200%200%201-1.966%200l-1.051-5.558a2%202%200%200%200-1.594-1.594l-5.558-1.051a1%201%200%200%201%200-1.966l5.558-1.051a2%202%200%200%200%201.594-1.594z%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-square-check { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%223%22%20rx%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-star { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M11.525%202.295a.53.53%200%200%201%20.95%200l2.31%204.679a2.123%202.123%200%200%200%201.595%201.16l5.166.756a.53.53%200%200%201%20.294.904l-3.736%203.638a2.123%202.123%200%200%200-.611%201.878l.882%205.14a.53.53%200%200%201-.771.56l-4.618-2.428a2.122%202.122%200%200%200-1.973%200L6.396%2021.01a.53.53%200%200%201-.77-.56l.881-5.139a2.122%202.122%200%200%200-.611-1.879L2.16%209.795a.53.53%200%200%201%20.294-.906l5.165-.755a2.122%202.122%200%200%200%201.597-1.16z%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-di-video { --drm-di: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m16%2013%205.223%203.482a.5.5%200%200%200%20.777-.416V7.87a.5.5%200%200%200-.752-.432L16%2010.5%22%20%2F%3E%20%3Crect%20x%3D%222%22%20y%3D%226%22%20width%3D%2214%22%20height%3D%2212%22%20rx%3D%222%22%20%2F%3E%20%3C%2Fsvg%3E"); }


/* ============================================================
   5. KOSZYK / CHECKOUT / MOJE KONTO - lekki lifting
   ============================================================ */
.drm-shop-main table.shop_table {
  border: 1.5px solid rgba(186, 176, 200, 0.35);
  border-radius: 16px;
  font-family: 'Inter', sans-serif;
  font-size: 0.92rem;
}
.drm-shop-main table.shop_table th {
  color: var(--midnight-orchid);
  font-weight: 600;
}
.drm-shop-main .cart_totals h2,
.drm-shop-main #order_review_heading,
.drm-shop-main .woocommerce-billing-fields > h3 {
  color: var(--midnight-orchid);
}
.drm-shop-main .woocommerce-form-row input.input-text,
.drm-shop-main .woocommerce-input-wrapper input,
.drm-shop-main .woocommerce-input-wrapper textarea,
.drm-shop-main .woocommerce-input-wrapper select,
.drm-shop-main input#coupon_code {
  border: 1.5px solid var(--iris-mist);
  border-radius: 12px;
  padding: 0.7rem 1rem;
  font-family: 'Inter', sans-serif;
}
.drm-shop-main .woocommerce-input-wrapper input:focus,
.drm-shop-main .woocommerce-input-wrapper textarea:focus {
  border-color: var(--dusky-lilac);
  outline: none;
}

/* wc-blocks (koszyk/checkout blokowy) - kolory */
.drm-shop-main .wc-block-components-button:not(.is-link) {
  background: var(--midnight-orchid);
  color: #fff;
  border-radius: 999px;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.drm-shop-main .wc-block-components-button:not(.is-link):hover { background: var(--dusky-lilac); }

/* ============================================================
   6. RESPONSIVE
   ============================================================ */
/* Listing sklepu ma wlasna siatke (auto-fill minmax 320px) w sekcji 3 -
   stare progi kolumn usuniete, zeby sie nie bily. */

/* ============================================================
   7. OPISY PRODUKTOW - lead, listy jako karty z ikonami
   ============================================================ */
.drm-shop-main .woocommerce-Tabs-panel p.drm-prod-lead {
  font-size: 1.12em;
  color: var(--midnight-orchid);
  font-weight: 500;
  line-height: 1.7;
}

/* KAZDA lista w opisie produktu -> siatka kart */
.drm-shop-main .woocommerce-Tabs-panel--description :not([class*="drm-"]) > ul:not([class]) {
  list-style: none;
  padding: 0;
  margin: 1.4rem 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.7rem;
}

.drm-shop-main .woocommerce-Tabs-panel--description :not([class*="drm-"]) > ul:not([class]) > li {
  background: rgba(215, 197, 216, 0.22);
  border-radius: 14px;
  padding: 0.85rem 1.1rem;
  font-size: 0.97rem;
  line-height: 1.6;
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
}

/* fioletowy "ptaszek" przed pozycja... */
.drm-shop-main .woocommerce-Tabs-panel--description :not([class*="drm-"]) > ul:not([class]) > li::before {
  content: '';
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin-top: 0.15em;
  background-color: var(--dusky-lilac);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E") center/contain no-repeat;
}
/* ...ale nie, gdy pozycja zaczyna sie wlasna emoji-ikona */
.drm-shop-main .woocommerce-Tabs-panel--description ul.drm-icon-list li::before { display: none; }

@media (min-width: 780px) {
  .drm-shop-main .woocommerce-Tabs-panel--description :not([class*="drm-"]) > ul:not([class]) {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.85rem;
  }
}

/* naglowki sekcji w opisie - akcent jak na blogu */
.drm-shop-main .woocommerce-Tabs-panel h3:not([class])::after {
  content: '';
  display: block;
  width: 44px;
  height: 3px;
  border-radius: 3px;
  background: var(--plum-blossom);
  margin-top: 0.5rem;
}


/* focus przyciskow - obrys w kolorze marki */
.drm-shop-main .button,
.drm-shop-main a.button {
  outline: none;
  box-shadow: none;
  text-decoration: none;
}
.drm-shop-main .button:focus-visible {
  outline: 2.5px solid var(--dusky-lilac);
  outline-offset: 3px;
}

/* naglowki sekcji opisu z ikona Lucide */
.drm-shop-main .woocommerce-Tabs-panel p.drm-prod-sect {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.3em;
  font-weight: 600;
  color: var(--midnight-orchid);
  margin-top: 2.2rem;
}
.drm-shop-main .woocommerce-Tabs-panel p.drm-prod-sect strong { color: inherit; }
.drm-shop-main .woocommerce-Tabs-panel .drm-prod-sect-icon {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: rgba(215, 197, 216, 0.4);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--dusky-lilac);
}
.drm-shop-main .woocommerce-Tabs-panel .drm-prod-sect-icon svg { width: 21px; height: 21px; }

/* ikony sekcji opisu - maski z biblioteki Lucide (KSES wycina inline SVG w tresci) */
.drm-shop-main .woocommerce-Tabs-panel .drm-prod-sect-icon::before {
  content: '';
  display: block;
  width: 21px;
  height: 21px;
  background-color: var(--dusky-lilac);
  -webkit-mask: var(--drm-icon) center/contain no-repeat;
  mask: var(--drm-icon) center/contain no-repeat;
}

.drm-prod-sect-icon.drm-i-book-open { --drm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%207v14%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2018a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1h5a4%204%200%200%201%204%204%204%204%200%200%201%204-4h5a1%201%200%200%201%201%201v13a1%201%200%200%201-1%201h-6a3%203%200%200%200-3%203%203%203%200%200%200-3-3z%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-prod-sect-icon.drm-i-headphones { --drm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M3%2014h3a2%202%200%200%201%202%202v3a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-7a9%209%200%200%201%2018%200v7a2%202%200%200%201-2%202h-1a2%202%200%200%201-2-2v-3a2%202%200%200%201%202-2h3%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-prod-sect-icon.drm-i-message-circle { --drm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M2.992%2016.342a2%202%200%200%201%20.094%201.167l-1.065%203.29a1%201%200%200%200%201.236%201.168l3.413-.998a2%202%200%200%201%201.099.092%2010%2010%200%201%200-4.777-4.719%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-prod-sect-icon.drm-i-calendar-days { --drm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M8%202v4%22%20%2F%3E%20%3Cpath%20d%3D%22M16%202v4%22%20%2F%3E%20%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%224%22%20rx%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2010h18%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2014h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2014h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2014h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2018h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2018h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2018h.01%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-prod-sect-icon.drm-i-gift { --drm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%207v14%22%20%2F%3E%20%3Cpath%20d%3D%22M20%2011v8a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2v-8%22%20%2F%3E%20%3Cpath%20d%3D%22M7.5%207a1%201%200%200%201%200-5A4.8%208%200%200%201%2012%207a4.8%208%200%200%201%204.5-5%201%201%200%200%201%200%205%22%20%2F%3E%20%3Crect%20x%3D%223%22%20y%3D%227%22%20width%3D%2218%22%20height%3D%224%22%20rx%3D%221%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-prod-sect-icon.drm-i-wallet { --drm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M19%207V4a1%201%200%200%200-1-1H5a2%202%200%200%200%200%204h15a1%201%200%200%201%201%201v4h-3a2%202%200%200%200%200%204h3a1%201%200%200%200%201-1v-2a1%201%200%200%200-1-1%22%20%2F%3E%20%3Cpath%20d%3D%22M3%205v14a2%202%200%200%200%202%202h15a1%201%200%200%200%201-1v-4%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-prod-sect-icon.drm-i-pencil { --drm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M21.174%206.812a1%201%200%200%200-3.986-3.987L3.842%2016.174a2%202%200%200%200-.5.83l-1.321%204.352a.5.5%200%200%200%20.623.622l4.353-1.32a2%202%200%200%200%20.83-.497z%22%20%2F%3E%20%3Cpath%20d%3D%22m15%205%204%204%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.drm-prod-sect-icon.drm-i-sparkles { --drm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M11.017%202.814a1%201%200%200%201%201.966%200l1.051%205.558a2%202%200%200%200%201.594%201.594l5.558%201.051a1%201%200%200%201%200%201.966l-5.558%201.051a2%202%200%200%200-1.594%201.594l-1.051%205.558a1%201%200%200%201-1.966%200l-1.051-5.558a2%202%200%200%200-1.594-1.594l-5.558-1.051a1%201%200%200%201%200-1.966l5.558-1.051a2%202%200%200%200%201.594-1.594z%22%20%2F%3E%20%3Cpath%20d%3D%22M20%202v4%22%20%2F%3E%20%3Cpath%20d%3D%22M22%204h-4%22%20%2F%3E%20%3Ccircle%20cx%3D%224%22%20cy%3D%2220%22%20r%3D%222%22%20%2F%3E%20%3C%2Fsvg%3E"); }


/* ============================================================
   8. KOSZYK / CHECKOUT (wc-blocks, strony /koszyk/ i /zamowienie/)
   ============================================================ */
.drm-shop-hero--slim { padding: 4rem 0 2.75rem; }

.drm-cart-main {
  background: #fff;
  padding: 3.5rem 0 5rem;
  font-family: 'Inter', sans-serif;
}

/* Hello Elementor daje .alignwide margin-inline: -80px - na waskich ekranach blok
   koszyka/checkoutu wychodzil 80px poza lewa krawedz ekranu (ucieta lewa strona
   formularza, w tym checkbox newslettera). Bloki maja siedziec w .drm-container. */
.drm-cart-main .alignwide {
  margin-inline: 0;
  max-width: 100%;
}

/* przycisk glowny blokow (Przejdz do platnosci, Zamawiam) */
.wc-block-components-button:not(.is-link),
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
  background: var(--midnight-orchid) !important;
  color: #fff !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  border: none !important;
  border-radius: 999px !important;
  padding: 1rem 2rem !important;
  text-decoration: none !important;
  box-shadow: 0 8px 22px rgba(49, 42, 68, 0.22) !important;
  transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
.wc-block-components-button:not(.is-link):hover {
  background: var(--dusky-lilac) !important;
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(49, 42, 68, 0.28) !important;
}
.wc-block-components-button:not(.is-link) .wc-block-components-button__text {
  text-decoration: none !important;
}

/* karta podsumowania */
.wp-block-woocommerce-cart-totals-block,
.wc-block-checkout__sidebar {
  background: rgba(215, 197, 216, 0.16);
  border: 1.5px solid rgba(186, 176, 200, 0.35);
  border-radius: 20px;
  padding: 1.6rem 1.5rem;
}
.wc-block-components-totals-wrapper { border-color: rgba(186, 176, 200, 0.3) !important; }
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.45rem;
  color: var(--midnight-orchid);
}

/* tabela produktow */
.wc-block-cart-items { font-family: 'Inter', sans-serif; }
.wc-block-cart-items__header {
  font-size: 0.72rem !important;
  letter-spacing: 0.08em;
  color: var(--dusky-lilac) !important;
  text-transform: uppercase;
}
.wc-block-cart-item__image img,
.wc-block-components-order-summary-item__image img {
  border-radius: 12px;
  border: 1px solid rgba(186, 176, 200, 0.3);
}
.wc-block-components-product-name {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 1.15rem !important;
  font-weight: 600 !important;
  color: var(--midnight-orchid) !important;
  text-decoration: none !important;
}
.wc-block-components-product-name:hover { color: var(--dusky-lilac) !important; }
.wc-block-cart-item__prices,
.wc-block-components-product-price {
  color: var(--dusky-lilac) !important;
  font-weight: 700;
}
.wc-block-components-product-metadata__description,
.wc-block-components-product-details {
  color: rgba(49, 42, 68, 0.6) !important;
  font-size: 0.82rem !important;
}

/* ilosc i usun */
.wc-block-components-quantity-selector {
  border: 1.5px solid var(--iris-mist) !important;
  border-radius: 999px !important;
  overflow: hidden;
}
.wc-block-components-quantity-selector input { font-family: 'Inter', sans-serif; }
/* Ikona kosza + podpis „Usuń produkt" (WooCommerce rysuje sama ikone, nazwa
   produktu jest tylko w aria-label). Kosz w siatce 24 px zaczyna sie ~5 px od
   lewej - ujemny margines wyrownuje go do lewej krawedzi nazwy produktu. */
.wc-block-cart-item__remove-link {
  display: inline-flex !important;
  align-items: center;
  gap: 4px;
  width: auto !important;
  height: auto !important;
  font-family: 'Inter', sans-serif;
  font-size: 0.78rem !important;
  line-height: 1;
  color: rgba(49, 42, 68, 0.5) !important;
  text-decoration: none !important;
  transition: color 0.25s ease;
}
.wc-block-cart-item__remove-link svg {
  flex: 0 0 18px;
  width: 18px !important;
  height: 18px !important;
  margin-left: -3.75px;
  fill: currentColor;
}
.wc-block-cart-item__remove-link::after {
  content: "Usuń produkt";
}
.wc-block-cart-item__remove-link:hover { color: #b3474f !important; }

/* kupony i pola formularza checkout */
.wc-block-components-totals-coupon-link { color: var(--dusky-lilac) !important; }
.wc-block-components-text-input input,
.wc-block-components-combobox .components-combobox-control__suggestions-container input,
.wc-block-components-select .components-custom-select-control__button {
  border: 1.5px solid var(--iris-mist) !important;
  border-radius: 12px !important;
  font-family: 'Inter', sans-serif !important;
}
.wc-block-components-text-input input:focus {
  border-color: var(--dusky-lilac) !important;
  box-shadow: 0 0 0 1px var(--dusky-lilac) !important;
}

/* checkboxy checkoutu (m.in. zgoda na newsletter z FluentCRM pod polem e-mail) */
.wc-block-components-checkbox label {
  font-family: 'Inter', sans-serif;
  font-size: 0.84rem;
  line-height: 1.55;
  color: rgba(49, 42, 68, 0.78);
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] {
  width: 20px;
  height: 20px;
  min-width: 20px;
  margin-top: 1px;
  background-color: #fff !important;
  border: 1.5px solid var(--iris-mist) !important;
  border-radius: 6px !important;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:hover {
  border-color: var(--dusky-lilac) !important;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked {
  background-color: var(--midnight-orchid) !important;
  border-color: var(--midnight-orchid) !important;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:focus-visible {
  outline: 2px solid var(--dusky-lilac) !important;
  outline-offset: 2px;
}
.wc-block-components-checkbox .wc-block-components-checkbox__mark { fill: #fff !important; }
.wc-block-checkout__contact-fields .wc-block-components-checkbox { margin-top: 14px; }

/* Linki do regulaminu i polityki w zgodzie przy „Kupuję i płacę" - bez tego
   zlewaly sie z tekstem (kolor mial je dopiero stan bledu). */
.wc-block-checkout__terms a {
  color: var(--midnight-orchid);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.wc-block-checkout__terms a:hover { color: var(--dusky-lilac); }

/* Podpowiedzi w opcjach platnosci (np. BLIK: „Po złożeniu zamówienia potwierdź
   płatność…") - wtyczka Stripe daje zwykly <p> w rozmiarze tresci; tu jak
   etykiety zgod w kasie. */
#payment-method .wc-block-components-radio-control-accordion-content > p {
  margin: 12px 0 0 !important;
  font-family: 'Inter', sans-serif;
  font-size: 0.84rem;
  line-height: 1.55;
  color: rgba(49, 42, 68, 0.78);
}

/* „Kupuję jako" (osoba prywatna / firma) jako osobna sekcja z radio nad
   „Adresem rozliczeniowym". Sekcje rysuje assets/js/checkout.js na klasach
   krokow kasy (naglowek i odstep jak w pozostalych sekcjach). Select w adresie
   zostaje w DOM jako nosnik wartosci i chowamy go dopiero, gdy sekcja
   istnieje - bez JS zostaje zwykla lista. Selektory z input.klasa, bo reset
   Hello Elementor bije sama klase. */
.wc-block-checkout:has(.drm-choice) .wc-block-components-select-input-drm-typ-zakupu {
  display: none;
}
/* Nazwa firmy i NIP - kazde w pelnym wierszu, jak „Adres". WooCommerce paruje
   pola dodatkowe po dwa (flex: 1 0 calc(50% - 12px)), stad dluzszy selektor. */
.wc-block-checkout .wc-block-components-address-form .wc-block-components-text-input.wc-block-components-address-form__drm-nazwa-firmy,
.wc-block-checkout .wc-block-components-address-form .wc-block-components-text-input.wc-block-components-address-form__drm-nip {
  flex: 0 0 100%;
  max-width: 100%;
}
.wc-block-checkout fieldset.drm-choice {
  margin: 0 0 24px;
  padding: 0;
  border: 0;
  min-width: 0;
}
.drm-choice .drm-choice__options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.drm-choice .drm-choice__option {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 14px 16px;
  background: #fff;
  border: 1.5px solid var(--iris-mist);
  border-radius: 12px;
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  line-height: 1.3;
  color: var(--midnight-orchid);
  cursor: pointer;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.drm-choice .drm-choice__option:hover {
  border-color: var(--dusky-lilac);
}
.drm-choice .drm-choice__option:has(.drm-choice__input:checked) {
  border-color: var(--midnight-orchid);
  background: rgba(218, 212, 223, 0.35);
}
.drm-choice .drm-choice__option:has(.drm-choice__input:focus-visible) {
  outline: 2px solid var(--dusky-lilac);
  outline-offset: 2px;
}
.drm-choice input.drm-choice__input {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  border: 1.5px solid var(--iris-mist);
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.drm-choice input.drm-choice__input:checked {
  background: var(--midnight-orchid);
  border-color: var(--midnight-orchid);
  box-shadow: inset 0 0 0 4px #fff;
}
.drm-choice input.drm-choice__input:focus {
  outline: none;
}
/* Na telefonie jedna pod druga - obok siebie „Osoba prywatna" lamala sie na dwie linie. */
@media (max-width: 480px) {
  .drm-choice .drm-choice__options { grid-template-columns: 1fr; gap: 10px; }
}

/* ============================================================
   12. LANDING /rozmowa/ - konsultacja 1:1
   ============================================================ */
.drm-talk-facts {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.7rem;
  margin-top: 1.6rem;
}
.drm-talk-fact {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: 'Inter', sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--midnight-orchid);
  background: rgba(255, 255, 255, 0.55);
  border-radius: 999px;
  padding: 0.5rem 1.1rem;
}
.drm-talk-fact svg.drm-icon { width: 16px; height: 16px; color: var(--dusky-lilac); }

/* --- sekcja "Przygotuj sie" --- */
.drm-talk-prep {
  background: #fff;
  padding: 4rem 0 3.5rem;
}
.drm-talk-prep-header {
  text-align: center;
  max-width: 620px;
  margin: 0 auto 2rem;
}
.drm-talk-prep-header h2 {
  color: var(--midnight-orchid);
  font-size: clamp(1.5rem, 2.4vw, 2rem);
  margin-bottom: 0.6rem;
}
.drm-talk-prep-header p {
  font-family: 'Inter', sans-serif;
  font-size: 0.97rem;
  color: rgba(49, 42, 68, 0.72);
  line-height: 1.7;
  margin: 0;
}
.drm-talk-questions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  max-width: 880px;
  margin: 0 auto;
}
@media (min-width: 720px) {
  .drm-talk-questions { grid-template-columns: 1fr 1fr; gap: 1.25rem; }
}
.drm-talk-question {
  display: flex;
  align-items: flex-start;
  gap: 0.9rem;
  background: rgba(215, 197, 216, 0.22);
  border-radius: 16px;
  padding: 1.25rem 1.35rem;
}
.drm-talk-question-icon {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: #fff;
  color: var(--dusky-lilac);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.drm-talk-question p {
  font-family: 'Inter', sans-serif;
  font-size: 0.93rem;
  color: rgba(49, 42, 68, 0.82);
  line-height: 1.6;
  margin: 0;
  font-style: italic;
}

/* --- blok kalendarza (pelna szerokosc) --- */
.drm-talk-booking {
  background: rgba(215, 197, 216, 0.2);
  padding: 4rem 0 4.5rem;
}
.drm-talk-booking-header {
  text-align: center;
  margin-bottom: 2rem;
}
.drm-talk-booking-header h2 {
  color: var(--midnight-orchid);
  font-size: clamp(1.7rem, 3vw, 2.4rem);
  margin: 0.4rem 0 0;
}
.drm-talk-booking-header h2 em { font-style: italic; color: var(--dusky-lilac); }

.drm-talk-widget {
  background: #fff;
  border: 1.5px solid rgba(186, 176, 200, 0.35);
  border-radius: 22px;
  box-shadow: 0 14px 44px rgba(49, 42, 68, 0.1);
  overflow: hidden;
  padding: 1rem;
  max-width: 1080px;
  margin: 0 auto;
}

/* FluentBooking - branding przez zmienne CSS wtyczki */
.drm-talk-widget {
  --fcal-primary-bg: var(--midnight-orchid);
  --fcal-primary-border: var(--midnight-orchid);
  --fcal-primary-text: #ffffff;
  --fcal-secondary-bg: rgba(215, 197, 216, 0.35);
  --fcal-secondary-border: var(--iris-mist);
  --fcal-secondary-text: var(--midnight-orchid);
  --fcal-active-bg: var(--plum-blossom);
  --fcal-color-text: #3c3646;
  --fcal_block_bg: #ffffff;
  --fcal_block_border_color: rgba(186, 176, 200, 0.35);
  --fcal_avatar_radius: 50%;
}
.drm-talk-widget .fcal_wrap,
.drm-talk-widget .fcal_wrap * {
  font-family: 'Inter', sans-serif;
}
.drm-talk-widget .fcal_event_heading,
.drm-talk-widget .fcal_event_title,
.drm-talk-widget .fcal_side h2 {
  font-family: 'Cormorant Garamond', serif !important;
  color: var(--midnight-orchid) !important;
}
.drm-talk-widget .fcal_slot_time.fcal_selected,
.drm-talk-widget .fcal_slot_time:hover {
  border-color: var(--dusky-lilac) !important;
}
.drm-talk-widget .fcal_date_selected,
.drm-talk-widget .fcal_days span.fcal_selected {
  background: var(--midnight-orchid) !important;
  color: #fff !important;
}
.drm-talk-widget button[type='submit'],
.drm-talk-widget .fcal_confirm_btn {
  border-radius: 999px !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 600 !important;
}

.drm-talk-note {
  display: flex;
  align-items: flex-start;
  gap: 0.7rem;
  margin-top: 1.4rem;
  color: rgba(49, 42, 68, 0.6);
}
.drm-talk-note--center {
  justify-content: center;
  align-items: center;
  text-align: center;
}
.drm-talk-note svg.drm-icon { flex: 0 0 auto; color: var(--dusky-lilac); margin-top: 0.1rem; }
.drm-talk-note p {
  font-family: 'Inter', sans-serif;
  font-size: 0.86rem;
  line-height: 1.6;
  margin: 0;
}

/* --- wnetrze kalendarza FluentBooking: kolory motywu ---
   Kluczem jest zmienna wtyczki --fcal_primary_color (55 uzyc: ramki,
   zaznaczenia, loader) + tla dni na WEWNETRZNYM span (nie na .day). --- */

:root {
  --fcal_primary_color: #312A44 !important; /* Midnight Orchid */
  --fcal_date_radius: 12px !important;
  --fcal_avatar_radius: 50% !important;
}

/* dni: tlo na wewnetrznym span */
.drm-talk-widget .fcal_calendar_inner .fcal_date_wrapper .calendar .day span {
  font-family: 'Inter', sans-serif !important;
  border-radius: 12px !important;
  transition: background 0.2s ease, color 0.2s ease;
}
.drm-talk-widget .fcal_calendar_inner .fcal_date_wrapper .calendar .day.day-enabled span {
  background-color: rgba(215, 197, 216, 0.45) !important;
  color: var(--midnight-orchid) !important;
  font-weight: 700 !important;
}
.drm-talk-widget .fcal_calendar_inner .fcal_date_wrapper .calendar .day.day-enabled:hover span {
  background-color: var(--plum-blossom) !important;
}
.drm-talk-widget .fcal_calendar_inner .fcal_date_wrapper .calendar .day.day-enabled.day_is_selected span,
.drm-talk-widget .fcal_calendar_inner .fcal_date_wrapper .calendar .day.day_is_selected span {
  background-color: var(--midnight-orchid) !important;
  color: #ffffff !important;
}
.drm-talk-widget .fcal_calendar_inner .fcal_date_wrapper .calendar .day.day-disabled span {
  color: rgba(49, 42, 68, 0.35) !important;
}
/* "dzisiaj": cyfra + kropka pod spodem */
.drm-talk-widget .fcal_calendar_inner .fcal_date_wrapper .calendar .day .is-today,
.drm-talk-widget .fcal_calendar_inner .is-today {
  color: var(--dusky-lilac) !important;
}
.drm-talk-widget .fcal_calendar_inner .is-today::before,
.drm-talk-widget .fcal_calendar_inner .is-today::after {
  background: var(--dusky-lilac) !important;
  background-color: var(--dusky-lilac) !important;
}
/* strzalki nawigacji miesiaca */
.drm-talk-widget .calendar_nav svg,
.drm-talk-widget .calendar_nav .fcal_nav_active svg,
.drm-talk-widget .fcal_calendar_inner .fcal_next_month,
.drm-talk-widget .fcal_calendar_inner .fcal_prev_month {
  color: var(--dusky-lilac) !important;
  stroke: var(--dusky-lilac) !important;
  fill: var(--dusky-lilac) !important;
}

/* loader/spinner */
.drm-talk-widget .fcal_spinner,
.drm-talk-widget .fcal_loading_dates_inner,
.drm-talk-widget .fcal_loading_dates .fcal_spinner {
  border-color: rgba(215, 197, 216, 0.5) !important;
  border-top-color: var(--midnight-orchid) !important;
  color: var(--midnight-orchid) !important;
}

/* lista godzin */
.drm-talk-widget .fcal_spot_lists .fcal_spot_name,
.drm-talk-widget .fcal_spot_name.fcal_spot_name {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  color: var(--midnight-orchid) !important;
  border-color: var(--iris-mist) !important;
  border-radius: 12px !important;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.drm-talk-widget .fcal_spot_lists .fcal_spot_name:hover {
  border-color: var(--dusky-lilac) !important;
  background: rgba(215, 197, 216, 0.18) !important;
}
/* wybrany slot: caly wiersz (ramka!) + czesc z godzina + przycisk Dalej */
.drm-talk-widget .fcal_spot.fcal_spot_selected,
.drm-talk-widget .fcal_spot_selected.fcal_spot_selected {
  border-color: var(--midnight-orchid) !important;
  border-radius: 12px !important;
  outline-color: var(--midnight-orchid) !important;
  box-shadow: none !important;
}
.drm-talk-widget .fcal_spot.fcal_spot_selected .fcal_spot_name {
  background: rgba(215, 197, 216, 0.4) !important;
  border-color: transparent !important;
  border-radius: 12px 0 0 12px !important;
  color: var(--midnight-orchid) !important;
}
.drm-talk-widget .fcal_spot_confirm,
.drm-talk-widget .fcal_spot.fcal_spot_selected .fcal_spot_confirm {
  background: var(--midnight-orchid) !important;
  border-color: var(--midnight-orchid) !important;
  color: #ffffff !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  border-radius: 0 12px 12px 0 !important;
}
.drm-talk-widget .fcal_spot_confirm:hover {
  background: var(--dusky-lilac) !important;
  border-color: var(--dusky-lilac) !important;
}

/* przelacznik 12h/24h - ukryty (tylko 24h) */
.drm-talk-widget .fcal_slot_picker_header_action { display: none !important; }

/* opis eventu */
.drm-talk-widget .fcal_side .fcal_slot_description,
.drm-talk-widget .fcal_slot_description,
.drm-talk-widget .fcal_side .fcal_slot_description p {
  font-size: 0.88rem !important;
  line-height: 1.6 !important;
  color: rgba(49, 42, 68, 0.7) !important;
}
.drm-talk-widget .fcal_side .fcal_slot_heading {
  font-family: 'Cormorant Garamond', serif !important;
  color: var(--midnight-orchid) !important;
}
.drm-talk-widget .fcal_side .fcal_author_avatar img {
  width: 6.5rem !important;
  height: 6.5rem !important;
  border: 2px solid #ffffff !important;
  box-shadow: 0 4px 10px rgba(49, 42, 68, 0.15) !important;
  object-fit: cover !important;
}

/* formularz "Podaj swoje dane" + przycisk rezerwacji */
.drm-talk-widget .fcal_booking_form label {
  font-family: 'Inter', sans-serif !important;
  color: var(--midnight-orchid) !important;
}
.drm-talk-widget .fcal_booking_form input,
.drm-talk-widget .fcal_booking_form textarea {
  border-color: var(--iris-mist) !important;
  border-radius: 12px !important;
  font-family: 'Inter', sans-serif !important;
}
.drm-talk-widget .fcal_booking_form input:focus,
.drm-talk-widget .fcal_booking_form textarea:focus {
  border-color: var(--dusky-lilac) !important;
  box-shadow: 0 0 0 1px var(--dusky-lilac) !important;
}
.drm-talk-widget .fcal_booking_form .fcal_btn_submit,
.drm-talk-widget .fcal_btn_submit.fcal_btn_submit {
  background: var(--midnight-orchid) !important;
  border-color: var(--midnight-orchid) !important;
  color: #ffffff !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border-radius: 999px !important;
  box-shadow: 0 8px 22px rgba(49, 42, 68, 0.22) !important;
}
.drm-talk-widget .fcal_btn_submit:hover {
  background: var(--dusky-lilac) !important;
  border-color: var(--dusky-lilac) !important;
}

/* ============================================================
   13. PRODUKTY WARIANTOWE (wybor opcji na karcie produktu)
   ============================================================ */
.drm-shop-main .variations {
  width: 100%;
  margin: 0 0 1.2rem;
  border: none;
  border-collapse: separate;
  border-spacing: 0;
}
.drm-shop-main .variations tr { display: block; margin-bottom: 0.9rem; }
.drm-shop-main .variations th,
.drm-shop-main .variations td {
  display: block;
  width: 100%;
  padding: 0;
  border: none;
  text-align: left;
}
.drm-shop-main .variations th.label label {
  font-family: 'Inter', sans-serif;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--midnight-orchid);
  margin-bottom: 0.4rem;
  display: block;
}
.drm-shop-main .variations select {
  width: 100%;
  max-width: 340px;
  padding: 0.85rem 2.6rem 0.85rem 1.1rem;
  border: 1.5px solid var(--iris-mist);
  border-radius: 12px;
  background: #fff;
  font-family: 'Inter', sans-serif;
  font-size: 0.95rem;
  color: var(--midnight-orchid);
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2388708E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.drm-shop-main .variations select:focus {
  border-color: var(--dusky-lilac);
  box-shadow: 0 0 0 4px rgba(136, 112, 142, 0.12);
  outline: none;
}
.drm-shop-main a.reset_variations {
  display: inline-block;
  margin-top: 0.5rem;
  font-family: 'Inter', sans-serif;
  font-size: 0.82rem;
  color: var(--dusky-lilac);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.drm-shop-main a.reset_variations:hover { color: var(--midnight-orchid); }
.drm-shop-main .woocommerce-variation-price {
  margin-bottom: 1rem;
}
.drm-shop-main .woocommerce-variation-price .price {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 2rem !important;
  font-weight: 600;
  color: var(--midnight-orchid) !important;
}
.drm-shop-main .woocommerce-variation-availability { display: none; }
/* tabela wariantow bez szarego tla Woo */
.drm-shop-main .variations,
.drm-shop-main .variations tr,
.drm-shop-main .variations th,
.drm-shop-main .variations td { background: transparent !important; }
/* produkty cyfrowe nie maja SKU - "SKU: Brak danych" tylko szpeci */
.drm-shop-main .product_meta .sku_wrapper { display: none; }


/* ============================================================
   14. LANDING /rozmowa/ - nowe sekcje z handoffu „Rozmowa 1:1"
   szybki test (chipsy) | przebieg (zakladki) | FAQ | sticky CTA
   Logika: assets/js/talk.js. Kalendarz i jego oprawa - sekcja 12.
   ============================================================ */

/* --- hero: dwie kolumny (tresc + zdjecie) --- */
.drm-talk-hero {
  padding: 4rem 0 4.5rem;
  text-align: left;
}
.drm-talk-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: clamp(2rem, 5vw, 4.5rem);
  align-items: center;
}
.drm-talk-hero .drm-shop-hero-inner {
  max-width: none;
  margin: 0;
}
.drm-talk-hero .drm-shop-hero-text { margin-left: 0; margin-right: 0; max-width: 52ch; }
.drm-talk-hero .drm-talk-facts { justify-content: flex-start; }
.drm-talk-hero-cta { margin-top: 1.8rem; }
.drm-talk-hero-cta .drm-btn svg { width: 18px; height: 18px; }
.drm-talk-hero-cta .drm-btn:hover svg { transform: translateY(3px); }

/* zdjecie: to samo, co avatar w kalendarzu FluentBooking, odbite w poziomie
   (scaleX) - dlon prowadzi wtedy w strone tresci, a nie poza kadr */
.drm-talk-hero-photo {
  position: relative;
  margin: 0;
}
.drm-talk-hero-photo::before {
  content: '';
  position: absolute;
  inset: 18px -18px -18px 18px;
  border-radius: 18px;
  /* hero ma dokladnie kolor --plum-blossom, wiec liliowa plyta bylaby niewidoczna */
  background: rgba(255, 255, 255, 0.55);
}
.drm-talk-hero-photo img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  border-radius: 18px;
  background: #F4F1F6;
  transform: scaleX(-1);
}
.drm-talk-hero-photo figcaption {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(255, 255, 255, 0.92);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 14px;
  padding: 0.75rem 1rem;
  box-shadow: 0 10px 30px rgba(49, 42, 68, 0.18);
  /* Hello Elementor pochyla kazdy figcaption - podpis ma byc prosty */
  font-style: normal;
  text-align: left;
}
.drm-talk-hero-photo-icon {
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--midnight-orchid);
  color: var(--plum-blossom);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.drm-talk-hero-photo-text {
  display: flex;
  flex-direction: column;
  line-height: 1.3;
  font-style: normal;
}
.drm-talk-hero-photo-text strong {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 600;
  font-size: 1rem;
  color: var(--midnight-orchid);
}
.drm-talk-hero-photo-text span {
  font-family: 'Inter', sans-serif;
  font-size: 0.66rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--dusky-lilac);
}

@media (max-width: 820px) {
  .drm-talk-hero-grid { grid-template-columns: 1fr; }
  .drm-talk-hero-photo {
    order: 2;
    max-width: 420px;
    width: 100%;
    margin: 0 auto;
  }
  .drm-talk-hero-photo::before { inset: 14px -14px -14px 14px; }
}

/* --- wspolny naglowek nowych sekcji --- */
.drm-talk-test-head,
.drm-talk-steps-head,
.drm-talk-faq-head {
  text-align: center;
  max-width: 640px;
  margin: 0 auto 2rem;
}
.drm-talk-test-head h2,
.drm-talk-steps-head h2,
.drm-talk-faq-head h2 {
  color: var(--midnight-orchid);
  font-size: clamp(1.7rem, 3vw, 2.4rem);
  margin: 0.4rem 0 0;
}
.drm-talk-test-head h2 em,
.drm-talk-steps-head h2 em,
.drm-talk-faq-head h2 em { font-style: italic; color: var(--dusky-lilac); }
.drm-talk-test-head p {
  font-family: 'Inter', sans-serif;
  font-size: 0.97rem;
  line-height: 1.7;
  color: rgba(49, 42, 68, 0.72);
  margin: 0.9rem 0 0;
}

/* --- sekcja „Szybki test" --- */
.drm-talk-test {
  background: #fff;
  padding: 4rem 0 3.5rem;
  text-align: center;
}
.drm-talk-chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.7rem;
  margin-bottom: 1.6rem;
}
.drm-talk-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  font-family: 'Inter', sans-serif;
  font-size: 0.92rem;
  font-weight: 600;
  line-height: 1.4;
  text-align: left;
  color: var(--midnight-orchid);
  background: #fff;
  border: 1.5px solid var(--silver-wisteria);
  border-radius: 999px;
  padding: 0.75rem 1.25rem;
  cursor: pointer;
  transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease, transform 0.2s ease;
}
.drm-talk-chip:hover {
  border-color: var(--dusky-lilac);
  transform: translateY(-2px);
}
.drm-talk-chip svg.drm-icon { flex: 0 0 auto; color: var(--dusky-lilac); transition: color 0.25s ease; }
.drm-talk-chip[aria-pressed="true"] {
  background: var(--midnight-orchid);
  border-color: var(--midnight-orchid);
  color: #fff;
}
.drm-talk-chip[aria-pressed="true"] svg.drm-icon { color: var(--plum-blossom); }

.drm-talk-test-result[hidden] { display: none; }
.drm-talk-test-result {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
  background: rgba(218, 212, 223, 0.55);
  border-radius: 16px;
  padding: 1.1rem 1.5rem;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.drm-talk-test-result.is-visible { opacity: 1; transform: none; }
.drm-talk-test-result p {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  font-family: 'Inter', sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--midnight-orchid);
  margin: 0;
}
.drm-talk-test-result svg.drm-icon { flex: 0 0 auto; color: var(--dusky-lilac); }

/* --- sekcja „Przebieg" (zakladki) --- */
.drm-talk-steps {
  background: rgba(218, 212, 223, 0.5);
  padding: 4rem 0 4.5rem;
}
.drm-talk-step-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.6rem;
  margin-bottom: 1.6rem;
}
.drm-talk-step-tab {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  font-family: 'Inter', sans-serif;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--midnight-orchid);
  background: transparent;
  border: 1.5px solid var(--dusky-lilac);
  border-radius: 999px;
  padding: 0.8rem 1.4rem;
  cursor: pointer;
  transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}
.drm-talk-step-tab:hover { background: rgba(255, 255, 255, 0.6); }
.drm-talk-step-no {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-style: italic;
  font-size: 1rem;
  letter-spacing: 0;
  text-transform: none;
}
.drm-talk-step-tab.is-active {
  background: var(--midnight-orchid);
  border-color: var(--midnight-orchid);
  color: #fff;
}
.drm-talk-step-tab.is-active:hover { background: var(--midnight-orchid); }

.drm-talk-step-panels {
  max-width: 880px;
  margin: 0 auto;
}
.drm-talk-step-panel[hidden] { display: none; }
.drm-talk-step-panel {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 1.4rem;
  align-items: start;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 14px 44px rgba(49, 42, 68, 0.1);
  padding: clamp(1.6rem, 4vw, 2.6rem);
}
.drm-talk-step-icon {
  width: 64px;
  height: 64px;
  border-radius: 18px;
  background: rgba(215, 197, 216, 0.35);
  color: var(--dusky-lilac);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.drm-talk-step-panel h3 {
  color: var(--midnight-orchid);
  font-size: clamp(1.25rem, 2.2vw, 1.65rem);
  line-height: 1.25;
  margin: 0 0 0.6rem;
}
.drm-talk-step-panel p {
  font-family: 'Inter', sans-serif;
  font-size: 0.97rem;
  line-height: 1.75;
  color: rgba(49, 42, 68, 0.8);
  margin: 0;
}
@media (max-width: 560px) {
  .drm-talk-step-panel { grid-template-columns: 1fr; }
}

/* --- FAQ --- */
.drm-talk-faq {
  background: #fff;
  padding: 1rem 0 5rem;
}
.drm-talk-faq-list {
  max-width: 800px;
  margin: 0 auto;
}
.drm-talk-faq-item { border-top: 1px solid var(--iris-mist); }
.drm-talk-faq-item:last-child { border-bottom: 1px solid var(--iris-mist); }
.drm-talk-faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
  width: 100%;
  background: none;
  border: none;
  padding: 1.35rem 0;
  text-align: left;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1.35;
  color: var(--midnight-orchid);
  cursor: pointer;
}
.drm-talk-faq-q:hover { color: var(--dusky-lilac); }
.drm-talk-faq-q svg.drm-icon {
  flex: 0 0 auto;
  color: var(--dusky-lilac);
  transition: transform 0.3s ease;
}
.drm-talk-faq-q[aria-expanded="true"] svg.drm-icon { transform: rotate(180deg); }
.drm-talk-faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
}
.drm-talk-faq-a p {
  font-family: 'Inter', sans-serif;
  font-size: 0.97rem;
  line-height: 1.7;
  color: rgba(49, 42, 68, 0.78);
  margin: 0;
  padding: 0 0 1.35rem;
}

/* --- sticky CTA --- */
.drm-talk-sticky {
  position: fixed;
  left: 50%;
  bottom: 18px;
  z-index: 60;
  display: flex;
  align-items: center;
  gap: 1.1rem;
  max-width: calc(100vw - 32px);
  background: rgba(49, 42, 68, 0.96);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: #fff;
  border-radius: 999px;
  padding: 0.6rem 0.7rem 0.6rem 1.5rem;
  box-shadow: 0 16px 44px rgba(49, 42, 68, 0.4);
  transform: translateX(-50%) translateY(120px);
  transition: transform 0.35s ease;
  pointer-events: none;
}
.drm-talk-sticky.is-visible {
  transform: translateX(-50%) translateY(0);
  pointer-events: auto;
}
.drm-talk-sticky-text {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  font-family: 'Inter', sans-serif;
  font-size: 0.88rem;
  font-weight: 600;
  white-space: nowrap;
}
.drm-talk-sticky-text svg.drm-icon { flex: 0 0 auto; color: var(--plum-blossom); }
.drm-talk-sticky a {
  font-family: 'Inter', sans-serif;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--midnight-orchid);
  background: #fff;
  border-radius: 999px;
  padding: 0.7rem 1.25rem;
  transition: background 0.25s ease;
}
.drm-talk-sticky a:hover { background: var(--plum-blossom); color: var(--midnight-orchid); }

@media (max-width: 620px) {
  .drm-talk-sticky {
    left: 16px;
    right: 16px;
    bottom: 12px;
    justify-content: space-between;
    gap: 0.6rem;
    max-width: none;
    padding: 0.5rem 0.55rem 0.5rem 1rem;
    transform: translateY(120px);
  }
  .drm-talk-sticky.is-visible { transform: translateY(0); }
  .drm-talk-sticky-text { font-size: 0.8rem; white-space: normal; }
  .drm-talk-sticky a { padding: 0.65rem 1rem; font-size: 0.72rem; }
}

@media (prefers-reduced-motion: reduce) {
  .drm-talk-sticky,
  .drm-talk-test-result,
  .drm-talk-faq-a { transition: none; }
}

/* /rozmowa/ - "Dwa pytania na start" z podpowiedziami (2026-10-12) */
.drm-talk-prep-header .drm-talk-prep-note { margin-top: 0.8rem; font-size: 0.9rem; color: var(--dusky-lilac); }
.drm-talk-question-no { border-radius: 50%; font-family: 'Inter', sans-serif; font-size: 0.95rem; font-weight: 700; color: #fff; background: var(--midnight-orchid); }
.drm-talk-question .drm-talk-question-q { font-family: 'Cormorant Garamond', Georgia, serif; font-style: normal; font-size: 1.3rem; font-weight: 600; line-height: 1.3; color: var(--midnight-orchid); margin: 0 0 0.5rem; }
.drm-talk-question .drm-talk-question-hint { font-style: normal; font-size: 0.9rem; color: rgba(49, 42, 68, 0.7); }

/* Koszyk na 320 px: kolumna "Razem" ucinala cene; cena jednostkowa jest juz pod nazwa produktu */
@media (max-width: 380px) {
  .wc-block-cart-items .wc-block-cart-items__header-total,
  .wc-block-cart-items .wc-block-cart-item__total { display: none; }
}