.campaigns-page{min-height:100vh;background:var(--bg-color)}.campaigns-hero{background:linear-gradient(135deg,#4c63d2,#5a4fcf,#d63384,#dc2626,#2563eb);padding:80px 20px 60px;text-align:center;position:relative;overflow:hidden;min-height:40vh;display:flex;align-items:center;justify-content:center}.campaigns-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.1) 0%,transparent 40%),radial-gradient(circle at 85% 80%,rgba(255,255,255,.08) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.05) 0%,transparent 60%);pointer-events:none;animation:campaignsGlow 12s ease-in-out infinite}.campaigns-hero:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.03) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(255,255,255,.02) 50%,transparent 70%);pointer-events:none;animation:campaignsShimmer 8s ease-in-out infinite}body:not(.dark) .campaigns-hero{background:linear-gradient(135deg,#4c63d2,#5a4fcf,#d63384,#dc2626,#2563eb)}body:not(.dark) .campaigns-hero:before{background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.15) 0%,transparent 40%),radial-gradient(circle at 85% 80%,rgba(255,255,255,.12) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.08) 0%,transparent 60%)}@media (max-width: 768px){.campaigns-hero{padding:60px 20px 40px;min-height:35vh}}@keyframes campaignsGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes campaignsShimmer{0%,to{opacity:0;transform:translate(-100%)}50%{opacity:1;transform:translate(100%)}}.campaigns-hero-title{font-size:64px;font-weight:900;color:#fff;margin-bottom:25px;text-shadow:0 4px 20px rgba(0,0,0,.3),0 0 40px rgba(255,255,255,.1);position:relative;z-index:2;background:linear-gradient(135deg,#fff,#f0f0f0,#fff);-webkit-background-clip:text;background-clip:text;animation:titleGlow 3s ease-in-out infinite}@media (max-width: 768px){.campaigns-hero-title{font-size:42px;margin-bottom:20px}}.campaigns-hero-subtitle{font-size:22px;color:#fffffff2;max-width:700px;margin:0 auto;position:relative;z-index:2;font-weight:500;text-shadow:0 2px 10px rgba(0,0,0,.2);line-height:1.6}@media (max-width: 768px){.campaigns-hero-subtitle{font-size:18px;max-width:90%}}@keyframes titleGlow{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.1);transform:scale(1.02)}}.campaigns-section{padding:80px 20px}@media (max-width: 768px){.campaigns-section{padding:60px 20px}}.campaigns-search{width:100%;max-width:640px;margin:0 auto 28px}.campaigns-search__field{position:relative;display:flex;align-items:center;width:100%}.campaigns-search__icon{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--text-color-grey, #5f6b82);opacity:.8;pointer-events:none;transition:color var(--transition-fast, .15s ease),opacity var(--transition-fast, .15s ease)}.campaigns-search__field:focus-within .campaigns-search__icon{color:var(--brand-primary);opacity:1}.campaigns-search__input{width:100%;min-height:52px;padding:14px 50px 14px 46px;border:1px solid var(--border-color);border-radius:12px;background:var(--box-background-full, var(--box-background));color:var(--text-color);font-size:15px;font-family:inherit;line-height:1.4;box-shadow:var(--shadow, none);transition:background var(--transition-fast, .15s ease),border-color var(--transition-fast, .15s ease),box-shadow var(--transition-fast, .15s ease);-webkit-appearance:none;-moz-appearance:none;appearance:none}.campaigns-search__input::placeholder{color:var(--text-color-grey, #5f6b82);opacity:.85}.campaigns-search__input::-webkit-search-cancel-button{display:none}.campaigns-search__input:hover{border-color:var(--brand-tint-border, var(--border-color))}.campaigns-search__input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb, 91, 124, 250),.16)}body.dark .campaigns-search__input{background:var(--header-background, rgba(25, 30, 50, .95));border-color:var(--menu-border-color, rgb(47, 47, 54));box-shadow:0 2px 14px #00000040}body.dark .campaigns-search__input:hover{border-color:rgba(var(--brand-primary-rgb, 91, 159, 255),.35)}body.dark .campaigns-search__input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb, 91, 159, 255),.18)}.campaigns-search__clear{position:absolute;left:14px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:20px;line-height:1;color:var(--text-color-grey, #5f6b82);text-decoration:none!important;transition:background var(--transition-fast, .15s ease),color var(--transition-fast, .15s ease)}.campaigns-search__clear:hover{background:rgba(var(--brand-primary-rgb, 91, 124, 250),.12);color:var(--brand-primary)}.campaigns-search-meta{margin:-8px 0 24px;text-align:center;font-size:14px;color:var(--text-color-grey, #5f6b82)}.campaigns-empty{text-align:center;padding:64px 24px;border-radius:20px;background:var(--box-background, var(--box-background-full));border:1px dashed var(--brand-tint-border, var(--border-color))}body.dark .campaigns-empty{background:var(--header-background, rgba(25, 30, 50, .9));border-color:var(--menu-border-color, rgb(47, 47, 54))}.campaigns-empty__icon{display:block;font-size:48px;margin-bottom:16px}.campaigns-empty__title{margin:0 0 8px;font-size:20px;font-weight:700;color:var(--full-color, var(--text-color))}.campaigns-empty__text{margin:0;font-size:15px;color:var(--text-color-grey, #5f6b82)}.campaigns-empty__text a{color:var(--brand-primary);font-weight:600;text-decoration:none!important}.campaigns-empty__text a:hover{text-decoration:underline!important}.campaigns-page .origin-pagination.campaigns-pagination{margin-top:48px;padding-top:28px;border-top:1px solid var(--brand-tint-border, var(--border-color))}.campaigns-page .origin-pagination.campaigns-pagination .shop-pagination-nav{display:flex;justify-content:center;width:100%}.campaigns-page .origin-pagination.campaigns-pagination .pagination{gap:8px}.campaigns-page .origin-pagination.campaigns-pagination .page-item .page-link{display:flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;border-radius:12px;transition:background var(--transition-fast, .15s ease),border-color var(--transition-fast, .15s ease),color var(--transition-fast, .15s ease),box-shadow var(--transition-fast, .15s ease)}.campaigns-page .origin-pagination.campaigns-pagination .page-item:not(.active):not(.disabled) .page-link{color:var(--text-color-grey, var(--text-color));background:var(--box-background-full, var(--box-background));border:1px solid var(--border-color);box-shadow:var(--shadow, none)}.campaigns-page .origin-pagination.campaigns-pagination .page-item:not(.active):not(.disabled) .page-link:hover{color:var(--brand-primary);background:rgba(var(--brand-primary-rgb, 91, 124, 250),.09);border-color:rgba(var(--brand-primary-rgb, 91, 124, 250),.35)}.campaigns-page .origin-pagination.campaigns-pagination .page-item.active .page-link{background:rgba(var(--brand-primary-rgb, 91, 124, 250),.14);border:1px solid var(--brand-primary);color:var(--brand-primary)!important;box-shadow:0 0 0 1px rgba(var(--brand-primary-rgb, 91, 124, 250),.12)}.campaigns-page .origin-pagination.campaigns-pagination .page-item.disabled .page-link{color:var(--text-color-grey, var(--text-color));background:var(--box-background-full, var(--box-background));border:1px solid var(--border-color);opacity:.6;cursor:not-allowed;box-shadow:none;pointer-events:none}.campaigns-page .origin-pagination.campaigns-pagination .shop-pagination__nav{min-width:56px;font-size:13px}body.dark .campaigns-page .origin-pagination.campaigns-pagination .page-item:not(.active):not(.disabled) .page-link{color:#ffffffb8;background:var(--header-background, rgba(25, 30, 50, .92));border-color:var(--menu-border-color, rgb(47, 47, 54));box-shadow:0 2px 10px #0000002e}body.dark .campaigns-page .origin-pagination.campaigns-pagination .page-item:not(.active):not(.disabled) .page-link:hover{color:var(--brand-primary);background:var(--menu-item-hover-bg, rgba(91, 159, 255, .12));border-color:rgba(var(--brand-primary-rgb, 91, 159, 255),.4)}body.dark .campaigns-page .origin-pagination.campaigns-pagination .page-item.active .page-link{background:rgba(var(--brand-primary-rgb, 91, 159, 255),.16);border-color:var(--brand-primary);color:var(--brand-primary)!important;box-shadow:0 0 0 1px rgba(var(--brand-primary-rgb, 91, 159, 255),.2)}body.dark .campaigns-page .origin-pagination.campaigns-pagination .page-item.disabled .page-link{background:#191e32b8;border-color:var(--menu-border-color, rgb(47, 47, 54));color:#ffffff80;opacity:1}.campaigns-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}@media (min-width: 1400px){.campaigns-grid{grid-template-columns:repeat(3,1fr);gap:35px}}@media (max-width: 1399px) and (min-width: 1200px){.campaigns-grid{grid-template-columns:repeat(3,1fr);gap:30px}}@media (max-width: 1199px) and (min-width: 992px){.campaigns-grid{grid-template-columns:repeat(3,1fr);gap:25px}}@media (max-width: 991px) and (min-width: 768px){.campaigns-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 767px){.campaigns-grid{grid-template-columns:1fr;gap:20px}}.campaign-card{background:var(--card-bg);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 40px #0000001a;text-decoration:none;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);height:100%}body:not(.dark) .campaign-card{background:linear-gradient(135deg,#fff,#f8f9ff);box-shadow:0 8px 30px #667eea26;border:2px solid rgba(102,126,234,.1)}.campaign-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px #0003}body:not(.dark) .campaign-card:hover{box-shadow:0 20px 50px #667eea40;border-color:#667eea4d}.campaign-card:hover .campaign-image img{transform:scale(1.1)}.campaign-card:hover .campaign-cta .arrow{transform:translate(-5px)}.campaign-image{position:relative;height:207px;overflow:hidden}.campaign-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.campaign-badge{position:absolute;top:20px;right:20px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:8px 16px;border-radius:50px;font-size:14px;font-weight:600;z-index:2;border:1px solid rgba(255,255,255,.2)}body:not(.dark) .campaign-badge{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;box-shadow:0 4px 15px #8b5cf666;border:1px solid rgba(255,255,255,.3)}.campaign-content{padding:30px;display:flex;flex-direction:column;flex-grow:1}.campaign-title{font-size:28px;font-weight:900;color:#fff;margin-bottom:12px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.6em;flex-shrink:0}body:not(.dark) .campaign-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}@media (max-width: 768px){.campaign-title{font-size:24px;height:2.6em}}.campaign-description{font-size:14px;color:#fffc;margin-bottom:15px;line-height:1.5;text-align:justify;text-justify:inter-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;height:4.5em;flex-shrink:0}body:not(.dark) .campaign-description{color:#5a67d8;opacity:.9}@media (max-width: 768px){.campaign-description{font-size:13px;margin-bottom:12px;height:4.5em}}.campaign-meta{display:flex;align-items:center;gap:15px;margin-bottom:20px;min-height:34px;flex-shrink:0}.campaign-discount{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 14px;border-radius:50px;font-size:14px;font-weight:700}body:not(.dark) .campaign-discount{box-shadow:0 4px 15px #667eea4d}.campaign-price{font-size:18px;font-weight:700;color:#fff}body:not(.dark) .campaign-price{color:#667eea;font-size:20px}.campaign-cta{display:flex;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid rgba(255,255,255,.15);font-size:16px;font-weight:600;color:#ba55d3;margin-top:auto;flex-shrink:0}body:not(.dark) .campaign-cta{border-top:2px solid rgba(102,126,234,.2);background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-weight:700}.campaign-cta .arrow{transition:transform .3s ease}
