/* Start:/local/templates/collectors_paradise/template_styles.css?17813668139043*/
/* ============================================================================
   Collector's Paradise — template_styles.css
   Chrome (header / nav / footer / search) for the Bitrix template.
   Design tokens live in css/style.css (cp-theme). Mobile rules in css/mobile.css.
   ============================================================================ */

.cp-container { max-width: var(--container, 1340px); margin: 0 auto; padding: 0 32px; }

/* ---- announcement ---- */
.cp-topline { background: var(--color-charcoal); color: var(--color-gold-bright); }
.cp-topline-inner { display: flex; align-items: center; justify-content: center; gap: 12px; height: 38px; font-size: 13px; }
.cp-topline-text { color: #EDE6D6; }
.cp-topline-text i { font-size: 11px; margin-right: 6px; }
.cp-topline-link { color: var(--color-gold-bright); font-weight: 600; display: inline-flex; align-items: center; gap: 6px; }
.cp-topline-link i { font-size: 10px; }

/* ---- header ---- */
.cp-site-header { position: sticky; top: 0; z-index: 50; background: var(--color-ivory); border-bottom: 1px solid var(--color-stone); transition: box-shadow .2s; }
.cp-site-header.cp-scrolled { box-shadow: var(--shadow-md); }
.cp-site-header-inner { position: relative; display: flex; align-items: center; gap: 40px; height: var(--header-height, 84px); }

.cp-logo { display: inline-flex; align-items: center; gap: 12px; flex-shrink: 0; }
.cp-logo-crest { width: 76px; height: 76px; object-fit: contain; display: block; }
.cp-logo-lockup { display: flex; flex-direction: column; line-height: 1; }
.cp-logo-name { font-family: var(--font-display); font-weight: 700; font-size: 21px; color: var(--color-charcoal); }
.cp-logo-sub { font-family: var(--font-display); font-weight: 600; font-size: 13px; color: var(--color-gold); letter-spacing: 0.3em; text-transform: uppercase; }

/* ---- top menu (bitrix:menu cp_top) ---- */
.cp-mainnav { flex: 1; }
.cp-menu { list-style: none; margin: 0; padding: 0; display: flex; gap: 28px; }
.cp-menu > li { position: relative; }
.cp-menu > li > a { display: inline-flex; align-items: center; gap: 6px; font-size: 15px; font-weight: 500; color: var(--color-charcoal); padding: 8px 0; border-bottom: 2px solid transparent; transition: color .15s, border-color .15s; }
.cp-menu > li > a:hover,
.cp-menu > li.cp-selected > a { color: var(--color-gold); border-bottom-color: var(--color-gold); }
/* dropdown (2nd level) */
.cp-submenu { list-style: none; margin: 0; padding: 10px 0; position: absolute; top: 100%; left: 0; min-width: 240px; background: var(--color-paper); border: 1px solid var(--color-stone); border-top: 2px solid var(--color-gold); border-radius: 0 0 var(--r-md) var(--r-md); box-shadow: var(--shadow-lg); opacity: 0; visibility: hidden; transform: translateY(8px); transition: all .18s; z-index: 60; }
.cp-menu > li:hover .cp-submenu { opacity: 1; visibility: visible; transform: none; }
.cp-submenu li a { display: block; padding: 9px 20px; font-size: 14px; color: var(--color-charcoal); }
.cp-submenu li a:hover { background: var(--color-gold-mist); color: var(--color-gold-dark); }

/* ---- header actions ---- */
.cp-header-actions { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }

.cp-login-btn { white-space: nowrap; }

.cp-icon-btn { position: relative; width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; color: var(--color-charcoal); border: 0; background: none; cursor: pointer; border-radius: var(--r-sm); font-size: 17px; }
.cp-icon-btn:hover { color: var(--color-gold); background: var(--color-gold-mist); }
.cp-cart-btn .cp-cart-count,
.cp-cart-btn .basket-count { position: absolute; top: 4px; right: 2px; background: var(--color-gold); color: #fff; font-size: 10px; font-weight: 700; min-width: 17px; height: 17px; border-radius: 9px; display: flex; align-items: center; justify-content: center; padding: 0 4px; }

/* ---- search cover: overlays the whole header row when opened ---- */
.cp-search-cover { position: absolute; inset: 0; background: var(--color-ivory); z-index: 70; display: none; align-items: center; }
.cp-search-cover.cp-open { display: flex; animation: cpSearchIn .16s ease; }
.cp-search-cover-inner { display: flex; align-items: center; gap: 16px; width: 100%; }
.cp-search-cover-inner .cp-search-form { flex: 1; }
.cp-search-close { flex-shrink: 0; width: 44px; height: 44px; border: 1px solid var(--color-stone); background: var(--color-paper); border-radius: 50%; cursor: pointer; color: var(--color-slate); font-size: 16px; }
.cp-search-close:hover { color: var(--color-gold); border-color: var(--color-gold); }
@keyframes cpSearchIn { from { opacity: 0; } to { opacity: 1; } }

/* ---- burger (mobile only) ---- */
.cp-burger { display: none; flex-direction: column; gap: 5px; width: 42px; height: 42px; align-items: center; justify-content: center; background: none; border: 0; cursor: pointer; }
.cp-burger span { width: 22px; height: 2px; background: var(--color-charcoal); transition: .2s; }

/* ---- breadcrumbs ---- */
.cp-breadcrumbs-wrap { padding-top: 18px; }
.cp-breadcrumbs { display: flex; flex-wrap: wrap; gap: 8px; font-size: 13px; color: var(--color-slate); }
.cp-breadcrumbs a { color: var(--color-slate); }
.cp-breadcrumbs a:hover { color: var(--color-gold); }

/* ---- main ---- */
.cp-main { min-height: 50vh; padding: 32px 0 0; }
.cp-homepage .cp-main { padding-top: 0; }

/* ---- footer ---- */
.cp-site-footer { background: var(--color-charcoal); color: #C9C4B8; margin-top: 104px; padding: 72px 0 32px; }
.cp-footer-grid { display: flex; flex-wrap: wrap; gap: 40px 48px; align-items: flex-start; }
.cp-footer-brand { flex: 1 1 300px; min-width: 260px; max-width: 420px; }
.cp-footer-col { flex: 1 1 150px; min-width: 140px; }
.cp-footer-logo { display: flex; align-items: center; gap: 12px; }
.cp-footer-logo > span { display: flex; flex-direction: column; line-height: 1; gap: 3px; }
.cp-footer-logo img { width: 140px; height: 140px; object-fit: contain; }
.cp-footer-name { font-family: var(--font-display); font-weight: 700; font-size: 20px; color: #fff; line-height: 1; }
.cp-footer-sub { font-family: var(--font-display); font-weight: 600; font-size: 13px; color: var(--color-gold-bright); letter-spacing: 0.3em; text-transform: uppercase; line-height: 1; }
.cp-footer-about { font-size: 14px; line-height: 1.6; margin-top: 20px; max-width: 320px; color: #A39E92; }
.cp-footer-social { display: flex; gap: 10px; margin-top: 22px; }
.cp-footer-social a { width: 38px; height: 38px; border-radius: var(--r-sm); border: 1px solid rgba(255,255,255,.16); display: flex; align-items: center; justify-content: center; color: #C9C4B8; }
.cp-footer-social a:hover { border-color: var(--color-gold); color: var(--color-gold-bright); }
/* footer menu columns (bitrix:menu cp_footer) */
.cp-footer-col-title { font-family: var(--font-display); font-size: 15px; font-weight: 600; color: #fff; margin-bottom: 16px; }
.cp-footer-menu { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 11px; }
.cp-footer-menu a { font-size: 14px; color: #A39E92; }
.cp-footer-menu a:hover { color: var(--color-gold-bright); }
.cp-footer-bottom { margin-top: 48px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.12); display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: #8C877C; }

/* ---- responsive chrome ---- */
@media (max-width: 900px) { .cp-site-header-inner { gap: 18px; } }
@media (max-width: 720px) {
    .cp-container { padding: 0 16px; }
    .cp-burger { display: flex; }
    .cp-mainnav { position: absolute; top: 100%; left: 0; right: 0; background: var(--color-paper); border-bottom: 1px solid var(--color-stone); display: none; }
    .cp-mainnav.cp-open { display: block; }
    .cp-menu { flex-direction: column; gap: 0; padding: 8px 16px; }
    .cp-menu > li > a { padding: 12px 0; width: 100%; }
    .cp-submenu { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; border: 0; padding: 0 0 8px 16px; min-width: 0; }
    .cp-footer-brand { flex-basis: 100%; max-width: none; }
    .cp-footer-col { flex-basis: 45%; }
    .cp-footer-bottom { flex-direction: column; gap: 8px; text-align: center; }
}

/* ---- search form inside overlay (bitrix:search.form cp_search) ---- */
.cp-search-form { display: flex; align-items: center; gap: 12px; background: var(--color-paper); border: 1px solid var(--color-stone); border-radius: var(--r-pill); padding: 12px 18px; }
.cp-search-form:focus-within { border-color: var(--color-gold); box-shadow: 0 0 0 3px rgba(197,160,40,.12); }
.cp-search-form i { color: var(--color-slate); }
.cp-search-form input[type="text"] { flex: 1; border: 0; outline: 0; background: transparent; font-size: 16px; font-family: var(--font-primary); color: var(--color-charcoal); }
.cp-search-form button { background: var(--color-gold); color: #fff; border: 0; border-radius: var(--r-pill); padding: 8px 18px; font-weight: 600; font-size: 13px; cursor: pointer; }

/* End */


/* Start:/local/templates/collectors_paradise/css/style.css?178136681619475*/
/* ============================================================================
   Collector's Paradise — Theme (faithful to repo: ColParad/A4C/colparad)
   Light, classic-premium numismatic style. Ivory pages, gold #C5A028 accent,
   Playfair Display headings + Inter body, soft 4–8px radii, heraldic palette
   pulled from the crest logo (gold · navy · burgundy).
   Variable names mirror the Bitrix template so this ports straight back.
   ============================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500&family=Inter:wght@300;400;500;600;700&family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500&display=swap');

:root {
  /* === Core palette (repo) === */
  --color-ivory:      #FBF8F1;   /* page bg */
  --color-cream:      #F4EEE1;   /* alt section bg */
  --color-paper:      #FFFFFF;   /* inputs / pure cards */
  --color-parchment:  #FAF6EC;   /* elevated card */
  --color-stone:      #E4DAC5;   /* borders */
  --color-stone-soft: #EDE6D6;

  --color-charcoal:   #1C2236;   /* headings — navy-ink, from crest */
  --color-ink:        #2A2C33;   /* body text */
  --color-slate:      #6E6A60;   /* muted */
  --color-mist:       #9B9488;   /* faint */

  --color-gold:       #C5A028;   /* primary accent (repo) */
  --color-gold-dark:  #9C7C1B;
  --color-gold-bright:#E3C36A;
  --color-gold-mist:  rgba(197,160,40,0.08);

  --color-navy:       #16294C;   /* crest blue */
  --color-burgundy:   #6E1F2C;   /* crest red */

  --color-success:    #2E7D4F;
  --color-error:      #B23B36;

  /* === Typography === */
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-accent:  'Cormorant Garamond', Georgia, serif;

  --text-xs:  12px;
  --text-sm:  13px;
  --text-base:15px;
  --text-md:  17px;
  --text-lg:  20px;
  --text-xl:  24px;
  --text-2xl: 30px;
  --text-3xl: 38px;
  --text-4xl: 48px;
  --text-5xl: 62px;
  --text-6xl: 80px;

  /* === Spacing === */
  --space-xs:  6px;
  --space-sm:  10px;
  --space-md:  16px;
  --space-lg:  22px;
  --space-xl:  32px;
  --space-2xl: 48px;
  --space-3xl: 72px;
  --space-4xl: 104px;

  /* === Radii (tweakable) === */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-pill: 999px;

  /* === Motion === */
  --transition-fast: 160ms cubic-bezier(0.4,0,0.2,1);
  --transition: 240ms cubic-bezier(0.4,0,0.2,1);

  /* === Shadows === */
  --shadow-sm: 0 1px 2px rgba(28,34,54,0.05), 0 1px 1px rgba(28,34,54,0.03);
  --shadow-md: 0 6px 18px rgba(28,34,54,0.08), 0 1px 3px rgba(28,34,54,0.05);
  --shadow-lg: 0 20px 50px rgba(28,34,54,0.13), 0 3px 8px rgba(28,34,54,0.06);
  --shadow-gold: 0 10px 30px rgba(197,160,40,0.22);

  --header-height: 84px;
  --container: 1340px;

  /* tweakable grid */
  --grid-cols: repeat(5, 1fr);
}

/* ===================== PALETTE TWEAK PRESETS ============================= */
[data-cp-accent="gold"]     { /* default */ }
[data-cp-accent="burgundy"] {
  --color-gold: #8C2B38; --color-gold-dark: #6E1F2C; --color-gold-bright: #C56E78;
  --color-gold-mist: rgba(140,43,56,0.08);
}
[data-cp-accent="navy"] {
  --color-gold: #1F4C8C; --color-gold-dark: #16294C; --color-gold-bright: #6E96D6;
  --color-gold-mist: rgba(31,76,140,0.08);
}
[data-cp-accent="emerald"] {
  --color-gold: #2E7D4F; --color-gold-dark: #1E5435; --color-gold-bright: #6FB98C;
  --color-gold-mist: rgba(46,125,79,0.08);
}

/* paper tone */
[data-cp-paper="ivory"]   { /* default */ }
[data-cp-paper="warm"]    { --color-ivory: #F6EFE0; --color-cream: #EFE6D2; --color-stone: #DCCFB4; }
[data-cp-paper="cool"]    { --color-ivory: #F7F6F2; --color-cream: #EEEDE7; --color-charcoal: #1A2030; }

/* heading font */
[data-cp-font="playfair"]  { --font-display: 'Playfair Display', Georgia, serif; }
[data-cp-font="cormorant"] { --font-display: 'Cormorant Garamond', Georgia, serif; }

/* radius */
[data-cp-radius="sharp"] { --r-sm: 0; --r-md: 0; --r-lg: 0; }
[data-cp-radius="soft"]  { --r-sm: 4px; --r-md: 8px; --r-lg: 12px; }
[data-cp-radius="round"] { --r-sm: 8px; --r-md: 16px; --r-lg: 24px; }

/* ============================================================================
   BASE
   ============================================================================ */
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--color-ivory);
  color: var(--color-ink);
  font-family: var(--font-primary);
  font-size: var(--text-base);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
a { color: inherit; text-decoration: none; }
::selection { background: rgba(197,160,40,0.24); }
@keyframes cpSearchIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }

.cp-container { max-width: var(--container); margin: 0 auto; padding: 0 var(--space-xl); }

/* ============================================================================
   TYPOGRAPHY HELPERS
   ============================================================================ */
.cp-serif { font-family: var(--font-display); }
.cp-label {
  font-family: var(--font-primary);
  font-size: var(--text-xs);
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--color-gold);
  margin: 0;
}
.cp-display {
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.04;
  color: var(--color-charcoal);
  margin: 0;
}
.cp-h1 { font-family: var(--font-display); font-weight: 700; font-size: var(--text-3xl); line-height: 1.12; letter-spacing: -0.01em; color: var(--color-charcoal); margin: 0; }
.cp-h2 { font-family: var(--font-display); font-weight: 700; font-size: var(--text-2xl); line-height: 1.15; color: var(--color-charcoal); margin: 0; }
.cp-h3 { font-family: var(--font-display); font-weight: 600; font-size: var(--text-lg); line-height: 1.2; color: var(--color-charcoal); margin: 0; }
.cp-muted { color: var(--color-slate); }
.cp-gold  { color: var(--color-gold); }

/* Section header (centered, repo pattern) */
.cp-section-header { text-align: center; max-width: 680px; margin: 0 auto var(--space-2xl); }
.cp-section-label {
  font-size: var(--text-xs); font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase;
  color: var(--color-gold); margin-bottom: var(--space-md);
  display: inline-flex; align-items: center; gap: 10px;
}
.cp-section-label::before, .cp-section-label::after {
  content: ''; width: 28px; height: 1px; background: var(--color-gold); opacity: 0.5;
}
.cp-section-title { font-family: var(--font-display); font-weight: 700; font-size: var(--text-3xl); color: var(--color-charcoal); margin: 0 0 var(--space-md); letter-spacing: -0.01em; }
.cp-section-description { color: var(--color-slate); font-size: var(--text-md); margin: 0; }

/* Left-aligned section title with gold rule (inner pages) */
.cp-title-rule {
  font-family: var(--font-display); font-weight: 700; font-size: var(--text-xl); color: var(--color-charcoal);
  padding-bottom: var(--space-sm); border-bottom: 2px solid var(--color-gold); margin: 0 0 var(--space-lg);
  display: inline-block;
}

/* ============================================================================
   BUTTONS
   ============================================================================ */
.cp-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--space-sm);
  font-family: var(--font-primary); font-size: var(--text-sm); font-weight: 600;
  padding: 13px 26px; border-radius: var(--r-sm); cursor: pointer; border: 1px solid transparent;
  transition: all var(--transition-fast); white-space: nowrap; letter-spacing: 0.01em;
}
.cp-btn-primary { background: var(--color-gold); color: #fff; border-color: var(--color-gold); }
.cp-btn-primary:hover { background: var(--color-gold-dark); border-color: var(--color-gold-dark); box-shadow: var(--shadow-gold); }
.cp-btn-secondary { background: transparent; color: var(--color-charcoal); border-color: var(--color-stone); }
.cp-btn-secondary:hover { border-color: var(--color-gold); color: var(--color-gold); background: var(--color-gold-mist); }
.cp-btn-ghost { background: transparent; color: var(--color-slate); border-color: transparent; padding: 8px 12px; }
.cp-btn-ghost:hover { color: var(--color-gold); }
.cp-btn-lg { padding: 16px 32px; font-size: var(--text-base); }
.cp-btn-sm { padding: 8px 16px; font-size: var(--text-xs); }
.cp-btn-block { width: 100%; }
.cp-btn-dark { background: var(--color-charcoal); color: var(--color-gold-bright); border-color: var(--color-charcoal); }
.cp-btn-dark:hover { background: #11162a; }

/* ============================================================================
   CARDS
   ============================================================================ */
.cp-card {
  background: var(--color-paper);
  border: 1px solid var(--color-stone);
  border-radius: var(--r-md);
  transition: all var(--transition-fast);
}
.cp-card-ivory { background: var(--color-parchment); }
.cp-card-hover:hover { border-color: var(--color-gold); box-shadow: var(--shadow-md); transform: translateY(-3px); }

/* ============================================================================
   BADGES / TAGS
   ============================================================================ */
.cp-badge {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 11px; border-radius: var(--r-pill);
  font-size: var(--text-xs); font-weight: 600; letter-spacing: 0.04em;
  background: var(--color-gold); color: #fff; text-transform: uppercase;
}
.cp-badge-soft { background: var(--color-gold-mist); color: var(--color-gold-dark); }
.cp-badge-navy { background: var(--color-navy); color: #fff; }
.cp-badge-burgundy { background: var(--color-burgundy); color: #fff; }
.cp-badge-success { background: rgba(46,125,79,0.12); color: var(--color-success); }
.cp-badge-outline { background: transparent; color: var(--color-slate); border: 1px solid var(--color-stone); }
.cp-grade { font-family: var(--font-primary); font-weight: 700; letter-spacing: 0.03em; }

/* ============================================================================
   FORMS
   ============================================================================ */
.cp-input, .cp-select {
  width: 100%; padding: 11px 14px; border: 1px solid var(--color-stone); border-radius: var(--r-sm);
  font-size: var(--text-base); font-family: var(--font-primary); color: var(--color-charcoal);
  background: var(--color-paper); transition: border-color var(--transition-fast);
}
.cp-input:focus, .cp-select:focus { outline: none; border-color: var(--color-gold); box-shadow: 0 0 0 3px rgba(197,160,40,0.12); }
.cp-input::placeholder { color: var(--color-mist); }
.cp-field-label { display: block; font-size: var(--text-sm); font-weight: 500; color: var(--color-charcoal); margin-bottom: var(--space-xs); }

/* ============================================================================
   BREADCRUMBS
   ============================================================================ */
.cp-breadcrumbs { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: var(--text-sm); color: var(--color-slate); }
.cp-breadcrumbs a { color: var(--color-slate); }
.cp-breadcrumbs a:hover { color: var(--color-gold); }
.cp-breadcrumbs .sep { color: var(--color-mist); }
.cp-breadcrumbs .cur { color: var(--color-charcoal); font-weight: 500; }

/* ============================================================================
   COIN DISPLAY TRAY (light velvet)
   ============================================================================ */
.cp-coin-tray {
  display: flex; align-items: center; justify-content: center;
  background:
    radial-gradient(circle at 50% 42%, var(--color-cream) 0%, var(--color-stone-soft) 100%);
  position: relative;
}
.cp-coin-tray-dark {
  background: radial-gradient(circle at 50% 40%, #243a63 0%, #16294C 70%, #0e1c38 100%);
}

/* scrollbar */
::-webkit-scrollbar { width: 12px; height: 12px; }
::-webkit-scrollbar-track { background: var(--color-cream); }
::-webkit-scrollbar-thumb { background: var(--color-stone); border-radius: 6px; border: 3px solid var(--color-cream); }
::-webkit-scrollbar-thumb:hover { background: var(--color-mist); }

/* dividers / utility */
.cp-rule { height: 1px; background: var(--color-stone); border: 0; }
.cp-star { color: var(--color-gold); }
.text-pretty { text-wrap: pretty; }

/* ============================================================================
   PRODUCT CARD — hover zoom + drop-down quick view (all4coins/monetnik style)
   ============================================================================ */
.cp-prod { position: relative; height: 100%; min-width: 0; }
.cp-prod > .cp-card { height: 100%; }
.cp-prod .cp-prod-media { overflow: hidden; position: relative; }
.cp-prod .cp-prod-zoom { transition: transform .5s cubic-bezier(.2,.7,.3,1); will-change: transform; }
.cp-prod:hover .cp-prod-zoom { transform: scale(1.16); }
.cp-prod:hover { z-index: 30; }
.cp-prod:hover > .cp-card {
  border-color: var(--color-gold);
  border-bottom: none;
  border-bottom-left-radius: 0; border-bottom-right-radius: 0;
  box-shadow: -8px 0 24px -12px rgba(28,34,54,.18), 8px 0 24px -12px rgba(28,34,54,.18), 0 -8px 22px -12px rgba(28,34,54,.16);
}
.cp-prod-quick {
  position: absolute; left: -1px; right: -1px; top: 100%;
  background: var(--color-paper);
  border: 1px solid var(--color-gold); border-top: none;
  margin-top: 0;
  border-radius: 0 0 var(--r-md) var(--r-md);
  box-shadow: -8px 0 24px -12px rgba(28,34,54,.18), 8px 0 24px -12px rgba(28,34,54,.18), 0 14px 28px -10px rgba(28,34,54,.2);
  padding: var(--space-md);
  opacity: 0; transform: translateY(-10px); pointer-events: none;
  transition: opacity .22s ease, transform .22s ease;
  z-index: 31;
}
.cp-prod:hover .cp-prod-quick { opacity: 1; transform: translateY(-1px); pointer-events: auto; }
.cp-prod-quick-desc { font-size: 13px; line-height: 1.5; color: var(--color-slate); }
.cp-prod-quick-spec { display: flex; justify-content: space-between; font-size: 12px; padding: 5px 0; border-bottom: 1px solid var(--color-stone); }
.cp-prod-quick-spec:last-of-type { border-bottom: none; }
.cp-prod-quick-spec b { color: var(--color-charcoal); font-weight: 600; }

/* quick action icons that fade in over the image on hover */
.cp-prod-actions { position: absolute; top: 12px; right: 12px; display: flex; flex-direction: column; gap: 8px; opacity: 0; transform: translateX(8px); transition: all .22s ease; z-index: 3; }
.cp-prod:hover .cp-prod-actions { opacity: 1; transform: none; }
.cp-prod-act { width: 36px; height: 36px; border-radius: 50%; background: rgba(251,248,241,0.95); border: 1px solid var(--color-stone); display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--color-slate); transition: all .15s ease; }
.cp-prod-act:hover { background: var(--color-gold); color: #fff; border-color: var(--color-gold); }

/* ============================================================================
   SHOP SECTION HEADER (dedicated commerce shell)
   ============================================================================ */
.cp-shop-topbar { background: var(--color-charcoal); color: #C9C4B8; font-size: 13px; }
.cp-shop-topbar a { color: #C9C4B8; transition: color var(--transition-fast); }
.cp-shop-topbar a:hover { color: var(--color-gold-bright); }
.cp-shop-nav { background: var(--color-cream); border-top: 1px solid var(--color-stone); border-bottom: 1px solid var(--color-stone); }
.cp-shop-cat-btn { display: inline-flex; align-items: center; gap: 10px; background: var(--color-gold); color: #fff; font-family: var(--font-primary); font-weight: 600; font-size: 14px; padding: 13px 22px; border: 0; cursor: pointer; border-radius: var(--r-sm); }
.cp-shop-cat-btn:hover { background: var(--color-gold-dark); }
.cp-shop-navlink { font-size: 14px; font-weight: 500; color: var(--color-charcoal); padding: 12px 0; border-bottom: 2px solid transparent; transition: all var(--transition-fast); }
.cp-shop-navlink:hover { color: var(--color-gold); border-bottom-color: var(--color-gold); }

/* catalog left tree — expand/collapse */
.cp-tree-sub { overflow: hidden; max-height: 0; transition: max-height .3s ease; }
.cp-tree-sub.open { max-height: 420px; }
.cp-tree-chev { transition: transform .22s ease; }
.cp-tree-row.open .cp-tree-chev { transform: rotate(90deg); }
.cp-tree-row:hover { background: var(--color-gold-mist) !important; }

/* mini-cart dropdown on hover */
.cp-cart-wrap { position: relative; }
.cp-cart-drop {
  position: absolute; top: 100%; right: 0; width: 340px;
  background: var(--color-paper); border: 1px solid var(--color-stone); border-top: 2px solid var(--color-gold);
  border-radius: 0 0 var(--r-md) var(--r-md); box-shadow: var(--shadow-lg); padding: 14px;
  opacity: 0; visibility: hidden; transform: translateY(8px);
  transition: opacity .2s ease, transform .2s ease, visibility .2s; z-index: 90;
}
.cp-cart-wrap:hover .cp-cart-drop { opacity: 1; visibility: visible; transform: none; }

/* shop top menu — 1st level + hover 2nd-level dropdown */
.cp-shop-menu { display: flex; gap: var(--space-xl); flex-wrap: wrap; }
.cp-menu-item { position: relative; }
.cp-menu-item > a { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 500; color: var(--color-charcoal); padding: 14px 0; border-bottom: 2px solid transparent; cursor: pointer; transition: color var(--transition-fast); }
.cp-menu-item > a i { font-size: 9px; color: var(--color-mist); transition: transform var(--transition-fast); }
.cp-menu-item:hover > a { color: var(--color-gold); border-bottom-color: var(--color-gold); }
.cp-menu-item:hover > a i { transform: rotate(180deg); color: var(--color-gold); }
.cp-menu-drop {
  position: absolute; top: 100%; left: -16px; min-width: 256px;
  background: var(--color-paper); border: 1px solid var(--color-stone); border-top: 2px solid var(--color-gold);
  border-radius: 0 0 var(--r-md) var(--r-md); box-shadow: var(--shadow-lg); padding: 8px;
  max-height: calc(100vh - 210px); overflow-y: auto; overflow-x: hidden;
  opacity: 0; visibility: hidden; transform: translateY(8px);
  transition: opacity .18s ease, transform .18s ease, visibility .18s; z-index: 70;
}
.cp-menu-item:hover .cp-menu-drop { opacity: 1; visibility: visible; transform: none; }
.cp-menu-drop.cp-drop-right { left: auto; right: -16px; }
.cp-menu-drop a { display: flex; align-items: center; justify-content: space-between; padding: 9px 12px; font-size: 14px; color: var(--color-charcoal); border-radius: var(--r-sm); transition: all .12s ease; }
.cp-menu-drop a:hover { background: var(--color-gold-mist); color: var(--color-gold-dark); padding-left: 16px; }
.cp-menu-drop a i { font-size: 10px; opacity: 0; transition: opacity .12s ease; color: var(--color-gold); }
.cp-menu-drop a:hover i { opacity: 1; }

/* mega panel for large 2nd levels — grouped multi-column */
.cp-menu-drop.cp-mega { display: grid; gap: var(--space-md) var(--space-xl); padding: var(--space-lg); min-width: 0; }
.cp-mega-col { min-width: 176px; }
.cp-mega-title { font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-gold); margin: 0 0 6px; padding: 0 12px; }
.cp-mega-col a { padding: 7px 12px; }

/* End */


/* Start:/local/templates/collectors_paradise/css/mobile.css?17813668164070*/
/* ============================================================================
   mobile.css — responsive layer for Collector's Paradise prototype.
   Components use inline grid styles; we target React's serialized style
   attribute with substring selectors + the real .cp-container class.
   ============================================================================ */

/* ---- Tablet: dense grids → 2 columns ---- */
@media (max-width: 900px) {
  .cp-container { padding-left: 20px !important; padding-right: 20px !important; }

  [style*="grid-template-columns: repeat(6"],
  [style*="grid-template-columns: repeat(5"],
  [style*="grid-template-columns: repeat(4"] { grid-template-columns: repeat(3, 1fr) !important; }
}

/* ---- Phone landscape / small tablet ---- */
@media (max-width: 720px) {
  .cp-container { padding-left: 16px !important; padding-right: 16px !important; }

  [style*="grid-template-columns: repeat(6"],
  [style*="grid-template-columns: repeat(5"],
  [style*="grid-template-columns: repeat(4"],
  [style*="grid-template-columns: repeat(3"] { grid-template-columns: repeat(2, 1fr) !important; }

  /* two-column content/sidebar splits → stack */
  [style*="fr 320px"], [style*="fr 340px"], [style*="fr 360px"], [style*="fr 380px"],
  [style*="fr 300px"], [style*="fr 280px"], [style*="fr 260px"],
  [style*="320px 1fr"], [style*="300px 1fr"], [style*="280px 1fr"], [style*="264px 1fr"],
  [style*="260px 1fr"], [style*="240px 1fr"], [style*="220px 1fr"], [style*="200px 1fr"],
  [style*="minmax(0,1fr) 320px"], [style*="minmax(0,1fr) 300px"], [style*="minmax(0,1fr) 340px"],
  [style*="minmax(0,1fr) 360px"], [style*="minmax(0,1fr) 380px"],
  [style*="minmax(0, 1fr) 320px"], [style*="minmax(0, 1fr) 300px"],
  [style*="1.1fr 1fr"], [style*="1.15fr 0.85fr"], [style*="1.2fr 1fr"], [style*="1.25fr 1fr"],
  [style*="1.3fr 1fr"], [style*="1.4fr 1fr"], [style*="1.5fr 1fr"], [style*="1.6fr 1fr"],
  [style*="1.7fr 1fr"], [style*="0.9fr 1fr"], [style*="1fr auto"], [style*="1.3fr 0.7fr"],
  [style*="56px minmax(0,1fr) 300px"], [style*="220px 1fr 300px"], [style*="240px 1fr"] {
    grid-template-columns: 1fr !important;
  }

  /* sticky sidebars shouldn't stick once stacked */
  aside[style*="sticky"] { position: static !important; }
}

/* ---- Phone portrait ---- */
@media (max-width: 560px) {
  /* every multi-column grid → single column */
  [style*="grid-template-columns: repeat("] { grid-template-columns: 1fr !important; }
  [style*="grid-template-columns: repeat(2"] { grid-template-columns: repeat(2, 1fr) !important; } /* keep small stat pairs as 2 */

  /* heroes & big display type scale down */
  .cp-display, .cp-display-1, .cp-display-2 { font-size: clamp(30px, 9vw, 40px) !important; }
  .cp-h1 { font-size: 26px !important; }

  /* wide data-table rows: let them scroll instead of squashing */
  .cp-card { overflow-x: visible; }

  /* generic 3+ fixed-px table rows → horizontal scroll wrapper fallback */
  [style*="px 1fr 1"][style*="grid"] { overflow-x: auto; }

  /* reduce big vertical paddings */
  section[style*="padding: 96px"], section[style*="padding: 88px"] { padding-top: 48px !important; padding-bottom: 48px !important; }

  /* full-width primary buttons feel better on phone */
  .cp-btn-lg { width: 100%; }
}

/* ---- Header: allow nav/search to scroll horizontally instead of breaking ---- */
@media (max-width: 900px) {
  header .cp-container { gap: 18px !important; }
}
@media (max-width: 720px) {
  /* hide desktop search pill + secondary nav text on phones; keep logo + icons */
  header nav { display: none !important; }
  header [style*="min-width: 240px"], header [style*="min-width: 280px"] { display: none !important; }
}

/* ---- Prototype navigator: wrap pills on small screens ---- */
@media (max-width: 720px) {
  .nav-shell { flex-wrap: wrap; gap: 8px 10px; }
  .nav-screens { order: 3; width: 100%; }
}

/* ---- Marketplace / auction sticky bars: scroll tabs ---- */
@media (max-width: 720px) {
  [style*="height: 52px"] nav, [style*="height: 52"] nav { gap: 0 !important; }
}

/* End */


/* Start:/local/templates/collectors_paradise/css/stub.css?17813668162131*/
/* ============================================================================
   stub.css — оформление страниц-заглушек разделов (sample-content).
   ============================================================================ */
.cp-stub-note { display: flex; gap: 16px; padding: 22px 24px; background: var(--color-cream); border: 1px solid var(--color-stone); border-radius: var(--r-md); margin-top: 8px; }
.cp-stub-note > i { font-size: 22px; color: var(--color-gold); margin-top: 2px; }
.cp-stub-note strong { font-family: var(--font-display); font-size: 17px; color: var(--color-charcoal); }
.cp-stub-note p { margin: 6px 0 0; font-size: 14px; line-height: 1.6; color: var(--color-slate); }
.cp-stub-note code { font-family: ui-monospace, monospace; font-size: 13px; background: rgba(197,160,40,.12); color: var(--color-gold-dark); padding: 1px 6px; border-radius: 4px; }

.cp-stub-card { opacity: .85; }
.cp-stub-img { background: var(--color-cream) !important; color: var(--color-stone) !important; }
.cp-stub-line { height: 12px; border-radius: 4px; background: var(--color-stone); }

.cp-stub-hero { display: flex; gap: 24px; align-items: center; margin-top: 32px; padding: 40px; background: var(--color-cream); border: 1px solid var(--color-stone); border-radius: var(--r-lg); }
.cp-stub-hero-ic { flex-shrink: 0; width: 88px; height: 88px; border-radius: var(--r-lg); background: var(--color-gold-mist); color: var(--color-gold); display: flex; align-items: center; justify-content: center; font-size: 36px; border: 1px solid rgba(197,160,40,.25); }
.cp-stub-hero-txt strong { font-family: var(--font-display); font-size: 20px; color: var(--color-charcoal); }
.cp-stub-hero-txt p { margin: 8px 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-slate); max-width: 560px; }
.cp-stub-hero-txt code { font-family: ui-monospace, monospace; font-size: 13px; background: rgba(197,160,40,.12); color: var(--color-gold-dark); padding: 1px 6px; border-radius: 4px; }
@media (max-width: 600px) { .cp-stub-hero { flex-direction: column; text-align: center; align-items: stretch; } }

/* End */


/* Start:/local/templates/collectors_paradise/css/home.css?178136681611311*/
/* ============================================================================
   home.css — стили главной страницы (index.php). Подключается только на главной.
   ============================================================================ */

/* ---- stacked panels effect (sticky stack under the header) ---- */
.cp-stack { position: relative; }
.cp-stack > section {
    position: sticky !important; top: var(--header-height, 84px);
    min-height: calc(100vh - var(--header-height, 84px));
    display: flex; flex-direction: column; justify-content: center;
    background: var(--color-ivory);
}
.cp-stack > section.cp-band { background: var(--color-cream); }
.cp-stack > section:last-of-type { min-height: 0; }
.cp-stack > section:not(.cp-home-hero) {
    box-shadow: 0 -28px 60px -20px rgba(28,34,54,.22), 0 -1px 0 var(--color-stone);
}
.cp-stack > section:nth-of-type(1) { z-index: 1; }
.cp-stack > section:nth-of-type(2) { z-index: 2; }
.cp-stack > section:nth-of-type(3) { z-index: 3; }
.cp-stack > section:nth-of-type(4) { z-index: 4; }
.cp-stack > section:nth-of-type(5) { z-index: 5; }
.cp-stack > section:nth-of-type(6) { z-index: 6; }
.cp-stack > section:nth-of-type(7) { z-index: 7; }

/* footer slides over the last sticky panel and settles at the bottom */
.cp-homepage .cp-site-footer { position: relative; z-index: 20; }

.cp-section { padding: 72px 0; }
.cp-band { background: var(--color-cream); }
.cp-home-grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.cp-home-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.cp-home-head-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 36px; }

/* ---- hero ---- */
.cp-home-hero { position: relative; background: var(--color-charcoal); overflow: hidden; }
.cp-home-hero-bg { position: absolute; inset: 0; background:
    radial-gradient(circle at 18% 30%, #243a63 0%, transparent 55%),
    radial-gradient(circle at 85% 75%, rgba(110,31,44,.55) 0%, transparent 55%),
    linear-gradient(135deg, #11162a 0%, #1c2236 55%, #11162a 100%); }
.cp-home-hero-inner { position: relative; display: grid; grid-template-columns: 1.2fr .8fr; gap: 48px; align-items: center; padding: 88px 32px 80px; }
.cp-hero-pre { display: inline-flex; align-items: center; gap: 10px; color: var(--color-gold-bright); font-size: 13px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.cp-hero-rule { width: 28px; height: 1px; background: var(--color-gold); }
.cp-hero-title { font-family: var(--font-display); font-weight: 700; font-size: clamp(46px, 5.4vw, 72px); line-height: 1.04; color: #fff; margin: 22px 0 0; }
.cp-hero-title em { font-style: italic; color: var(--color-gold-bright); }
.cp-hero-lead { color: #C9C4B8; font-size: 18px; line-height: 1.6; margin-top: 22px; max-width: 540px; }
.cp-hero-actions { display: flex; gap: 14px; margin-top: 34px; flex-wrap: wrap; }
.cp-hero-stats { display: flex; gap: 48px; margin-top: 48px; padding-top: 28px; border-top: 1px solid rgba(255,255,255,.14); }
.cp-hero-stat-n { display: block; font-family: var(--font-display); font-size: 32px; font-weight: 700; color: #fff; line-height: 1; }
.cp-hero-stat-l { display: block; font-size: 12px; color: var(--color-gold-bright); letter-spacing: .1em; text-transform: uppercase; margin-top: 8px; }
.cp-home-hero-emblem { display: flex; align-items: center; justify-content: center; }
.cp-hero-coin-stage { position: relative; width: 380px; height: 400px; display: flex; align-items: center; justify-content: center; }
.cp-hero-ring { position: absolute; border-radius: 50%; border: 1px solid rgba(227,195,106,.3); }
.cp-hero-ring-1 { width: 300px; height: 300px; }
.cp-hero-ring-2 { width: 380px; height: 380px; border-color: rgba(227,195,106,.16); }
.cp-hero-coin { width: 240px; height: 240px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
    background: radial-gradient(circle at 38% 32%, #fde7b0 0%, #e8c478 30%, #b8954a 70%, #5a4624 100%);
    box-shadow: 0 24px 60px rgba(0,0,0,.5), inset 0 2px 8px rgba(255,255,255,.4), inset 0 -8px 20px rgba(0,0,0,.35);
    border: 3px solid #d8b25e; }
.cp-hero-coin span { font-family: var(--font-display); font-size: 52px; font-weight: 700; color: rgba(58,42,18,.55); letter-spacing: .02em; }
.cp-hero-lot { position: absolute; bottom: 6px; right: -8px; background: var(--color-ivory); border-radius: var(--r-md); padding: 14px 18px; box-shadow: var(--shadow-lg); max-width: 240px; }
.cp-hero-lot-name { font-family: var(--font-display); font-weight: 600; font-size: 16px; color: var(--color-charcoal); margin-top: 10px; line-height: 1.2; }
.cp-hero-lot-row { display: flex; justify-content: space-between; align-items: baseline; margin-top: 10px; }
.cp-hero-lot-row span { font-size: 12px; color: var(--color-slate); font-family: var(--font-primary); font-weight: 600; }
.cp-hero-lot-row strong { font-family: var(--font-display); font-size: 18px; font-weight: 700; color: var(--color-charcoal); }

/* ---- features ---- */
.cp-feature { padding: 32px; }
.cp-feature-ic { width: 56px; height: 56px; border-radius: var(--r-md); background: var(--color-gold-mist); color: var(--color-gold); display: flex; align-items: center; justify-content: center; font-size: 22px; border: 1px solid rgba(197,160,40,.25); }
.cp-feature h3 { margin-top: 18px; }
.cp-feature-desc { font-size: 14px; color: var(--color-slate); line-height: 1.55; margin-top: 10px; }
.cp-feature-link { display: inline-flex; align-items: center; gap: 8px; color: var(--color-gold); font-weight: 600; font-size: 14px; margin-top: 16px; }
.cp-feature-link i { font-size: 11px; }

/* ---- collections ---- */
.cp-coll { overflow: hidden; display: block; }
.cp-coll-img { height: 170px; display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,.9); font-size: 52px; }
.cp-coll-body { padding: 22px; }
.cp-coll-desc { font-size: 13px; color: var(--color-slate); margin-top: 6px; }
.cp-coll-foot { display: flex; justify-content: space-between; align-items: center; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--color-stone); font-size: 13px; color: var(--color-slate); }
.cp-coll-go { color: var(--color-gold); font-weight: 600; }

/* ---- product cards (cp-prod hover quick-view, .cp-prod* base in style.css) ---- */
.cp-home-prod-grid { display: grid; grid-template-columns: var(--grid-cols, repeat(5, 1fr)); gap: 22px; }
.cp-prod-badges { position: absolute; top: 12px; left: 12px; display: flex; gap: 6px; z-index: 3; }
.cp-prod-grade { position: absolute; top: 12px; right: 12px; z-index: 1; background: rgba(251,248,241,.92); border: 1px solid var(--color-stone); border-radius: var(--r-pill); padding: 4px 10px; font-size: 11px; font-weight: 700; color: var(--color-charcoal); }
.cp-prod-body { padding: 16px 16px 18px; display: flex; flex-direction: column; flex: 1; }
.cp-prod-art { font-size: 11px; color: var(--color-gold); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.cp-prod-name { font-family: var(--font-display); font-size: 16px; font-weight: 600; color: var(--color-charcoal); margin-top: 8px; line-height: 1.25; display: block; }
.cp-prod-foot { margin-top: auto; padding-top: 16px; display: flex; align-items: flex-end; justify-content: space-between; gap: 8px; }
.cp-prod-price { font-family: var(--font-display); font-size: 19px; font-weight: 700; color: var(--color-charcoal); }
.cp-cur { font-size: 13px; color: var(--color-slate); font-weight: 500; }
.cp-prod-old { font-size: 13px; color: var(--color-mist); text-decoration: line-through; font-family: var(--font-primary); margin-left: 6px; }
.cp-prod-stock { font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; margin-top: 6px; }
.cp-prod-stock.is-in { color: var(--color-success); }
.cp-prod-stock.is-out { color: var(--color-slate); }
.cp-qty { display: flex; align-items: center; border: 1px solid var(--color-stone); border-radius: var(--r-sm); background: var(--color-paper); flex-shrink: 0; }
.cp-qty span { padding: 0 11px; color: var(--color-slate); cursor: pointer; font-size: 16px; line-height: 34px; user-select: none; }
.cp-qty .cp-qty-n { min-width: 22px; text-align: center; font-size: 13px; font-weight: 700; color: var(--color-charcoal); padding: 0; border-left: 1px solid var(--color-stone); border-right: 1px solid var(--color-stone); }

/* ---- encyclopedia band ---- */
.cp-enc-band { display: grid; grid-template-columns: 1.3fr 1fr; gap: 48px; align-items: center; background: var(--color-charcoal); border-radius: var(--r-lg); overflow: hidden; }
.cp-enc-text { padding: 56px; }
.cp-enc-label { color: var(--color-gold-bright); font-size: 12px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; }
.cp-enc-title { font-family: var(--font-display); font-weight: 700; font-size: 38px; color: #fff; margin: 16px 0 0; line-height: 1.1; }
.cp-enc-desc { color: #C9C4B8; font-size: 16px; line-height: 1.6; margin-top: 16px; max-width: 480px; }
.cp-enc-stats { display: flex; gap: 48px; margin-top: 28px; }
.cp-enc-n { display: block; font-family: var(--font-display); font-size: 26px; font-weight: 700; color: var(--color-gold-bright); }
.cp-enc-l { display: block; font-size: 12px; color: #A39E92; text-transform: uppercase; letter-spacing: .08em; margin-top: 4px; }
.cp-enc-stats + .cp-btn { margin-top: 30px; }
.cp-enc-emblem { display: flex; align-items: center; justify-content: center; height: 100%; color: rgba(227,195,106,.35); font-size: 160px; }

/* ---- news ---- */
.cp-newscard { overflow: hidden; display: block; }
.cp-newscard-img { height: 170px; position: relative; }
.cp-newscard-badge { position: absolute; top: 12px; left: 12px; }
.cp-newscard-body { padding: 22px; }
.cp-newscard-meta { display: flex; justify-content: space-between; margin-top: 14px; font-size: 12px; color: var(--color-slate); }

/* ---- community stats ---- */
.cp-commstat { padding: 32px; text-align: center; }
.cp-commstat-n { display: block; font-family: var(--font-display); font-size: 38px; font-weight: 700; color: var(--color-charcoal); line-height: 1; }
.cp-commstat-l { display: block; font-size: 12px; color: var(--color-slate); letter-spacing: .08em; text-transform: uppercase; margin-top: 8px; }

/* ---- responsive ---- */
@media (max-width: 1200px) {
    .cp-home-prod-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 900px) {
    /* disable stacking on mobile — normal flow */
    .cp-stack { padding-bottom: 0; }
    .cp-stack > section { position: static; min-height: 0; display: block; box-shadow: none; margin-bottom: 0; }
    .cp-home-grid-4 { grid-template-columns: repeat(2, 1fr); }
    .cp-home-prod-grid { grid-template-columns: repeat(2, 1fr); }
    .cp-home-hero-inner { grid-template-columns: 1fr; }
    .cp-home-hero-emblem { display: none; }
    .cp-enc-band { grid-template-columns: 1fr; }
    .cp-enc-emblem { display: none; }
    .cp-enc-text { padding: 36px; }
}
@media (max-width: 600px) {
    .cp-home-grid-4, .cp-home-grid-3, .cp-home-prod-grid { grid-template-columns: 1fr; }
    .cp-hero-stats { gap: 24px; }
    .cp-home-head-row { flex-direction: column; align-items: flex-start; gap: 16px; }
}

/* End */
/* /local/templates/collectors_paradise/template_styles.css?17813668139043 */
/* /local/templates/collectors_paradise/css/style.css?178136681619475 */
/* /local/templates/collectors_paradise/css/mobile.css?17813668164070 */
/* /local/templates/collectors_paradise/css/stub.css?17813668162131 */
/* /local/templates/collectors_paradise/css/home.css?178136681611311 */