body.landing-no-chrome .site-header{ background: radial-gradient(1200px 600px at 20% -10%, #2a1b45 0%, rgba(42,27,69,0) 60%), linear-gradient(180deg,#120d1e 0%, #0f0b16 60%); border-bottom:1px solid rgba(141,27,188,.25); } body.landing-no-chrome .site-footer{ background: radial-gradient(1200px 600px at 80% 120%, #2a1b45 0%, rgba(42,27,69,0) 60%), linear-gradient(180deg,#120d1e 0%, #0f0b16 100%) !important; border-top:1px solid rgba(141,27,188,.25); color:#eae6f2; } body.landing-no-chrome .site-content{ --violet:#8d1bbc;--violet-d:#5a0f83;--bg:#0f0b16;--card:#161024;--text:#eae6f2;--muted:#bfb6d4;--gold:#f1cf74; color:var(--text); background:radial-gradient(1200px 600px at 20% -10%, #2a1b45 0%, rgba(42,27,69,0) 60%),linear-gradient(180deg,#0f0b16 0%, #120d1e 100%); line-height:1; display: block; max-width: 100%; margin: 0; padding:0 } body.landing-no-chrome .main-content {max-width:1230px;margin:0 auto;padding: 30px 20px;} body.landing-no-chrome .sidebar{display:none} body.landing-no-chrome .entry-content{margin-bottom:30px} body.landing-no-chrome .entry-content p{margin-bottom:10px} #breadcrumbs{ color:#d9d3e6 !important; margin:0 0 30px 0 } #breadcrumbs a{ color:#d9d3e6 !important; } #breadcrumbs a:hover{ text-decoration:underline!important; } @media (max-width:1200px){ body.landing-no-chrome .site-header{ border-bottom:1px solid rgba(141,27,188,.22); background: radial-gradient(900px 450px at 20% -10%, #2a1b45 0%, rgba(42,27,69,0) 60%), linear-gradient(180deg,#120d1e 0%, #0f0b16 60%); } body.landing-no-chrome .site-footer{ border-top:1px solid rgba(141,27,188,.22); background: radial-gradient(900px 450px at 80% 120%, #2a1b45 0%, rgba(42,27,69,0) 60%), linear-gradient(180deg,#120d1e 0%, #0f0b16 100%) !important; } body.landing-no-chrome .site-content{ background: radial-gradient(900px 450px at 20% -10%, #2a1b45 0%, rgba(42,27,69,0) 60%), linear-gradient(180deg,#0f0b16 0%, #120d1e 100%); } .main-content{ padding:0 16px; } } @media (min-width: 768px) { .home .glavdiv { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 960px) { .home .glavdiv { grid-template-columns: repeat(4, 1fr); } } .season-banner { margin: 0 0 28px 0; border-radius: 12px; padding: 24px 26px; color: #fff; position: relative; } .season-banner__inner { position: relative; z-index: 1; max-width: 700px; } .season-banner--active { background: radial-gradient(circle at 0% 0%, rgba(241,207,116,0.18), transparent 55%), linear-gradient( 135deg, #161331 0%, #222356 30%, #3a2d8c 55%, #8d1bbc 80%, #f1cf74 100% ); box-shadow: 0 18px 40px rgba(0,0,0,0.45); } .season-banner--inactive { background: linear-gradient( 135deg, #0f111f 0%, #181a2e 35%, #242744 100% ); box-shadow: 0 12px 30px rgba(0,0,0,0.32); opacity: 0.98; } .season-banner::after { content: ""; position: absolute; inset: -32% -22% auto auto; background: radial-gradient(circle at 0 0, rgba(255,255,255,0.32), transparent 55%), radial-gradient(circle at 40% 40%, rgba(255,255,255,0.16), transparent 70%); opacity: 0.18; transform: translateX(18%); } .season-banner__label { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 999px; font-size: 13px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; background: rgba(0,0,0,0.35); box-shadow: 0 0 0 1px rgba(255,255,255,0.1); margin-bottom: 20px; } .season-banner__label::before { content: ""; width: 12px; height: 12px; border-radius: 50%; background: radial-gradient(circle at 30% 30%, #ffffff, #fddf7b 50%, #ff9f43 100%); } .season-banner__label--ended::before { background: radial-gradient(circle at 30% 30%, #ffffff, #9ca3af 55%, #6b7280 100%); } h1.season-banner__title { color: #ffffff; font-size: clamp(26px, 4vw, 34px); font-weight: 800; line-height: 1.15; letter-spacing: 0.2px; margin: 0; } .season-banner__inner p{ line-height:1.5 } a.season-banner__link { color: #ffe69a; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; } a.season-banner__link:hover { color: #fff4c2; } .season-banner__11-11 { position: absolute; right: 20px; top: 47px; width: 400px; height: 400px; background-image: url('/wp-content/uploads/customcats/sale11-11.webp'); background-repeat: no-repeat; background-size: contain; background-position: bottom right; pointer-events: none; } .season-banner__blackfriday { position: absolute; right: 20px; top: -37px; width: 415px; height: 415px; background-image: url('/wp-content/uploads/customcats/black-friday.webp'); background-repeat: no-repeat; background-size: contain; background-position: bottom right; pointer-events: none; } .season-banner__tree { position: absolute; right: 30px; top: -37px; width: 387px; height: 387px; background-image: url('/wp-content/uploads/customcats/new-year-horse.webp'); background-repeat: no-repeat; background-size: contain; background-position: bottom right; pointer-events: none; } .season-banner__cybermonday { position: absolute; right: 20px; top: -37px; width: 415px; height: 415px; background-image: url('/wp-content/uploads/customcats/cybermonday-big.webp'); background-repeat: no-repeat; background-size: contain; background-position: bottom right; pointer-events: none; } .season-banner__23february { position: absolute; right: 20px; top: -37px; width: 415px; height: 415px; background-image: url('/wp-content/uploads/customcats/23-february-big.webp'); background-repeat: no-repeat; background-size: contain; background-position: bottom right; pointer-events: none; } .season-banner__8march { position: absolute; right: 20px; top: -37px; width: 415px; height: 415px; background-image: url('/wp-content/uploads/customcats/8march-big.webp'); background-repeat: no-repeat; background-size: contain; background-position: bottom right; pointer-events: none; } .season-banner__backtoschool { position: absolute; right: 30px; bottom: -135px; width: 383px; height: 550px; background-image: url('/wp-content/uploads/customcats/backtoschool-big.webp?v=4'); background-repeat: no-repeat; background-size: contain; background-position: bottom center; pointer-events: none; } body.page-id-107564 .site-content{ background: url("/wp-content/uploads/customcats/new-year-bg.webp") center top / 100% auto repeat-y, radial-gradient(1200px 600px at 20% -10%, #2a1b45 0%, rgba(42, 27, 69, 0) 60%) no-repeat, linear-gradient(180deg, #0f0b16 0%, #120d1e 100%) no-repeat; } @media (max-width: 1500px) { body.page-id-107564 .site-content { background: radial-gradient(1200px 600px at 20% -10%, #2a1b45 0%, rgba(42, 27, 69, 0) 60%) no-repeat, linear-gradient(180deg, #0f0b16 0%, #120d1e 100%) no-repeat; } } .season-banner--new-year.season-banner--active { position: relative; background: radial-gradient(circle at 0% 0%, rgba(241,207,116,0.26), transparent 55%), radial-gradient(circle at 10% 80%, rgba(41, 171, 115, 0.35), transparent 60%), radial-gradient(circle at 95% 15%, rgba(220, 69, 86, 0.32), transparent 60%), linear-gradient( 135deg, #130f24 0%, #1c1d3c 30%, #31286b 55%, #5c2ba0 78%, #8d1bbc 90% ); box-shadow: 0 22px 46px rgba(0,0,0,0.55); } @media (max-width: 1100px) { .season-banner__tree, .season-banner__8march, .season-banner__23february, .season-banner__cybermonday, .season-banner__blackfriday, .season-banner__backtoschool, .season-banner__11-11{display:none} } @media (max-width: 768px) { .season-banner { padding: 18px 16px; } .season-banner__title { font-size: 24px; } .season-banner__inner p { font-size: 14px; } } @media (max-width:600px){ body.landing-no-chrome #breadcrumbs{ font-size:13px !important; } .main-content{ padding:0 12px; } } .pk-collection-notice{ margin: 14px 0 18px; padding: 12px 16px; border: 1px solid #f0c36d; border-left-width: 4px; border-radius: 8px; background: #fff8e6; color: #6b4e00; font-size: 15px; line-height: 1.5; } @media (max-width:600px){ .pk-collection-notice{ font-size: 14px; padding: 10px 12px; } }