/*
Theme Name: Slimocracy Premium
Author: Slimocracy
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@300;400;500;600;700;800;900&display=swap');
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;font-size:16px;line-height:1.6;color:#102033;background:#fff}
img{max-width:100%;height:auto}
a{text-decoration:none;color:inherit;transition:all .3s ease}
.container{max-width:1280px;margin:0 auto;padding:0 24px}
.site-header{background:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 2px 20px rgba(0,0,0,.08)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:80px}
.logo{display:flex;align-items:center}
.logo-stars{color:#D71920;font-size:14px;letter-spacing:2px}
.logo-text{font-family:'Anton',sans-serif;font-size:28px;color:#082B5F;letter-spacing:1px;line-height:1}
.logo-sub{font-size:10px;color:#5C6B7A;letter-spacing:3px;text-transform:uppercase;font-weight:600}
.main-nav{display:flex;align-items:center;gap:32px}
.main-nav a{font-size:14px;font-weight:600;color:#082B5F;text-transform:uppercase;letter-spacing:.5px}
.main-nav a:hover{color:#D71920}
.header-actions{display:flex;align-items:center;gap:16px}
.header-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#F7F9FC;color:#082B5F;font-size:18px;position:relative}
.header-icon .badge{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:#D71920;color:#fff;font-size:10px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}
.btn-primary{display:inline-flex;align-items:center;gap:8px;background:#D71920;color:#fff;padding:14px 28px;border-radius:8px;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(215,25,32,.3)}
.btn-primary:hover{background:#EF233C;transform:translateY(-2px);box-shadow:0 6px 20px rgba(215,25,32,.4)}
.hero{position:relative;min-height: 850px;background:linear-gradient(135deg,#e8f4fc 0%,#d4e9f7 50%,#c5dff5 100%);overflow:hidden;display:flex;align-items:center}
.hero-bg-city{position:absolute;bottom:0;left:0;right:0;height:40%;background:url(https://images.pexels.com/photos/466685/pexels-photo-466685.jpeg?auto=compress&cs=tinysrgb&w=1260) center bottom/cover no-repeat;opacity:.15}
.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:80px 0}
.hero-content{max-width:600px}
.hero-stars{color:#D71920;font-size:20px;letter-spacing:4px;margin-bottom:16px}
.hero-title{font-family:'Anton',sans-serif;font-size:clamp(48px,7vw,90px);line-height:1.05;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}
.hero-title .line1{color:#082B5F;display:block}
.hero-title .line2{color:#D71920;display:block}
.hero-subtitle{font-size:22px;color:#082B5F;font-weight:500;margin-bottom:32px;display:flex;align-items:center;gap:12px}
.hero-subtitle::before,.hero-subtitle::after{content:'';flex:1;height:1px;background:#082B5F;opacity:.3}
.hero-features{display:flex;gap:24px;margin-bottom:32px;flex-wrap:wrap}
.hero-feature{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#102033}
.hero-feature-icon{width:40px;height:40px;border-radius:50%;border:2px solid #082B5F;display:flex;align-items:center;justify-content:center;font-size:18px}
.hero-cta{margin-bottom:16px}
.hero-guarantee{display:flex;align-items:center;gap:8px;font-size:14px;color:#5C6B7A;font-weight:500}
.hero-image{position:relative;display:flex;justify-content:center;align-items:flex-end}
.hero-image img{max-height:750px;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(0,0,0,.15))}
.hero-badge{position:absolute;top:60px;right:0;width:140px;height:140px;border:3px solid #082B5F;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px)}
.hero-badge-text{font-size:11px;font-weight:800;text-transform:uppercase;color:#082B5F;line-height:1.3}
.hero-badge-text span{color:#D71920;font-size:16px}
.hero-promise{position:absolute;bottom:120px;right:20px;background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.1);max-width:200px;text-align:center}
.hero-promise-hat{font-size:32px;margin-bottom:8px}
.hero-promise-text{font-size:13px;font-weight:600;color:#102033;line-height:1.4}
.hero-promise-text span{color:#D71920}
.benefits-strip{background:#082B5F;padding:50px 0}
.benefits-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:32px}
.benefit-card{text-align:center;color:#fff}
.benefit-icon{width:56px;height:56px;margin:0 auto 16px;background:rgba(255,255,255,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px}
.benefit-title{font-size:16px;font-weight:700;margin-bottom:8px}
.benefit-desc{font-size:13px;opacity:.85;line-height:1.5}
.sections-grid{padding:60px 0;background:#F7F9FC}
.sections-grid-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.grid-card{background:#fff;border-radius:16px;padding:28px;box-shadow:0 4px 20px rgba(0,0,0,.06)}
.grid-card-header{display:flex;align-items:center;gap:8px;margin-bottom:20px}
.grid-card-stars{color:#D71920;font-size:14px}
.grid-card-title{font-family:'Anton',sans-serif;font-size:18px;color:#082B5F;text-transform:uppercase;letter-spacing:1px}
.step-item{display:flex;gap:12px;margin-bottom:20px}
.step-number{width:32px;height:32px;background:#082B5F;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}
.step-content h4{font-size:14px;font-weight:700;color:#102033;margin-bottom:4px;text-transform:uppercase}
.step-content p{font-size:13px;color:#5C6B7A;line-height:1.5}
.result-image{position:relative;margin-bottom:16px}
.result-image img{width:100%;border-radius:12px}
.result-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#D71920;color:#fff;width:80px;height:80px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-weight:800;box-shadow:0 4px 15px rgba(215,25,32,.4)}
.result-badge .num{font-size:20px;line-height:1}
.result-badge .text{font-size:11px;text-transform:uppercase}
.result-quote{font-size:14px;font-style:italic;color:#102033;margin-bottom:8px;text-align:center}
.result-author{text-align:center;font-size:13px;font-weight:700;color:#5C6B7A}
.product-grid{display:flex;gap:12px;margin-bottom:16px}
.product-item{flex:1;text-align:center}
.product-item img{width:100%;border-radius:8px;margin-bottom:8px}
.product-name{font-size:12px;font-weight:700;color:#102033}
.product-rating{color:#f5a623;font-size:12px}
.btn-outline{display:block;text-align:center;padding:12px;border:2px solid #082B5F;border-radius:8px;font-size:13px;font-weight:700;color:#082B5F;text-transform:uppercase}
.btn-outline:hover{background:#082B5F;color:#fff}
.movement-text{font-size:14px;color:#102033;line-height:1.7;margin-bottom:16px}
.movement-text strong{display:block;margin:12px 0;font-size:16px}
.movement-text em{color:#D71920;display:block;margin-top:8px;font-family:'Anton',sans-serif;font-size:18px}
.movement-image{margin-top:16px}
.movement-image img{width:100%;border-radius:12px}
.promo-banner{background:linear-gradient(90deg,#D71920 0%,#EF233C 100%);padding:24px 0}
.promo-inner{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap}
.promo-badge{background:#fff;color:#D71920;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:800;text-transform:uppercase;display:flex;align-items:center;gap:8px}
.promo-text{font-family:'Anton',sans-serif;font-size:clamp(24px,4vw,42px);color:#fff;text-transform:uppercase;letter-spacing:1px}
.promo-text span{font-style:italic}
.promo-code{background:#082B5F;color:#fff;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:12px}
.site-footer{background:#082B5F;color:#fff;padding:60px 0 30px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:40px}
.footer-tagline{margin-top:16px;font-size:14px;line-height:1.6;opacity:.8}
.footer-col h4{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px}
.footer-col ul{list-style:none}
.footer-col ul li{margin-bottom:10px}
.footer-col ul li a{font-size:14px;opacity:.8}
.footer-col ul li a:hover{opacity:1;color:#EF233C}
.footer-social h4{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}
.social-icons{display:flex;gap:12px;margin-bottom:24px}
.social-icon{width:36px;height:36px;background:rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .3s}
.social-icon:hover{background:#EF233C;transform:translateY(-3px)}
.guarantee-badge{width:100px;height:100px;border:2px solid rgba(255,255,255,.3);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px}
.guarantee-badge .days{font-size:24px;font-weight:800;line-height:1}
.guarantee-badge .text{font-size:9px;text-transform:uppercase;font-weight:700;line-height:1.2}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;justify-content:space-between;align-items:center;font-size:13px;opacity:.6}
@media(max-width:1024px){.hero-inner{grid-template-columns:1fr;text-align:center}.hero-content{max-width:100%}.hero-features{justify-content:center}.hero-image{display:none}.benefits-grid{grid-template-columns:repeat(2,1fr)}.sections-grid-inner{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.main-nav{display:none}.benefits-grid{grid-template-columns:1fr}.sections-grid-inner{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:32px}.promo-inner{flex-direction:column;text-align:center;gap:16px}.hero-title{font-size:48px}}

/* HERO IMAGE - CLEAN WITH RED BORDER */
.hero-image-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    width: 55%;
    height: 100%;
    overflow: hidden;
}
.hero-image-frame {
    width: 100%;
    height: 100%;
    border: 3px solid #D71920;
    border-radius: 0;
    overflow: hidden;
}
.hero-image-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
}
@media(max-width:768px){
.hero-image-wrapper{display:none !important}
.hero-inner{grid-template-columns:1fr !important}
}