*, *::after, *::before {
    box-sizing: border-box;
}

@font-face { font-family: 'tahoma';  src: url('fonts/tahoma.ttf') format('truetype'); }

a {text-decoration: none; outline: none;}
img { display: block; width: 100%;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; letter-spacing: 1px; }

ol, li, ul  {  font-weight: normal; letter-spacing: 1px; line-height: 150%; font-family: 'Larsseit', sans-serif;  font-size: 16px;  }

body { font-family: 'Open Sans', arial, sans-serif; font-size: 14px; line-height: 150%; color: #0f172a; 
background: #f8fafc;
padding: 0; margin: 0; 
}


.container { border: 0px solid #fff000; align-items: center; margin: 0 auto; width: 100%; max-width: 1200px; padding: 5px 15px;  } 

.banner300x250 { width: 300px; height: 250px; background: #FDF5E6;	margin: 0 auto 20px;} 


/* =========================
   HERO
   ========================= */

.store-hero {
    display: grid;
    background: #fff;
    border: 1px solid #e5e5e5;
	margin-bottom: 20px;
}


/* =========================
   TWO COLUMNS
   ========================= */

.store-layout {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 20px;
    align-items: start;  
	margin-bottom: 20px;
}


/* =========================
   SIDEBAR
   ========================= */

.store-sidebar {
    width: 300px;     
}

 


/* =========================
   MAIN CONTENT
   ========================= */

.store-content {
    min-width: 0;     
}


.section{
    background:#fff;
    border:1px solid #e9ecef;
    border-radius:14px;
    padding:20px;
    margin-bottom:20px;
	font-size:16px;
    line-height:1.5;
    color:#444;
}
.section h2{  
    margin: 0 0 20px;
    font-size:22px;
    font-weight:700;
    line-height:1.2;
    color:#222;
}
.section h2::after{
    content:"";
    display:block;
    width:100px;
    height:3px;
    margin-top:9px;
    background:#4ee37d;
    border-radius:3px;
}
 
.section_h3{  
    margin:0 0 20px;
    font-size:18px;
    font-weight:700;
    line-height:1.4;
    color:#222;
}
.section_h3::after{
    content:"";
    display:block;
    width:100px;
    height:3px;
    margin-top:9px;
    background:#4ee37d;
    border-radius:3px;
}
 .gradient {
background:
    radial-gradient(circle at 0% 0%, rgba(57, 216, 111, 0.09), transparent 55%),
    radial-gradient(circle at 100% 100%, rgba(57, 216, 111, 0.07), transparent 55%),
    #ffffff;
}



 

.aside-title div{ display:flex; flex-direction:column; line-height:1.15; }
.aside-title span{ font-size:13px; color:#777; font-weight:500;}
.aside-title strong{font-size:19px; color:#222; font-weight:700;}
.aside-title { display:flex; align-items:center; gap:10px; margin-bottom:18px;}
.aside-title i{ width:38px; height:38px; display:flex; align-items:center; justify-content:center;
						border-radius:10px; background:#E9F8EE; color:#1EA95A; font-size:20px;}
.store-item{ display:flex; align-items:center;  gap:14px; padding:10px 0; text-decoration:none; color:#222; border-top:1px solid #ececec; transition:.2s; }
.store-item:first-of-type{  border-top:none;}
.store-logo{ width:40%; max-width:120px; flex-shrink:0; display:flex; align-items:center; justify-content:center; border-radius:10px; }
.store-logo img{ border-radius:5px; }

.store-text{ flex:1; min-width:0; }
.cashback{ font-size:14px;  font-weight:700; color:#222; }
.cashback span{ color:#22c55e; }
.offers{ color:#7b7b7b; font-size:14px; }
.arrow{ color:#22c55e; font-size:14px; transition:.2s; }
.store-item:hover .arrow{ transform:translateX(4px); }



.offer-pros-cons {  display: grid; grid-template-columns: 1fr 1fr;  border-radius: 8px; overflow: hidden; margin: 0 0 20px;}

.offer-pros, .offer-cons {padding: 20px;}
.offer-pros {background: #effaf2;}
.offer-cons { background: #fff1f1; border-left: 1px solid #e2dede;}
.rule-title{ display:flex; gap:14px; margin-bottom:22px;}
.rule-title h3{ margin:0; font-size:18px;  font-weight:800; display:flex; align-items:center; color:#222;  line-height:1.4;} 

.rule-icon{	width:38px; height:38px; border-radius:10px; display:flex; align-items:center; justify-content:center;
			color:#fff; font-size:15px; font-weight:800; flex-shrink:0;  background:#22A559;
}
.offer-cons .rule-icon{ background:#DC3545; }
.offer-pros .rule-icon{ background:#22A559; }

.offer-pros ul,.offer-cons ul {  margin: 0; padding-left: 20px; }
.offer-pros li, .offer-cons li { margin-bottom: 6px; font-size:14px; font-weight:500;}

.offer-pros li::marker{
    color:#22A559;
}

.offer-cons li::marker{
    color:#DC3545;
}

@media (max-width: 768px) {
    .offer-pros-cons {
        grid-template-columns: 1fr;
    }

    .offer-cons {
        border-left: none;
        border-top: 1px solid #e2dede;
    }
	.rule-title{ margin-bottom:15px;}
	.offer-pros, .offer-cons {padding: 15px;}
	.rule-title h3{ margin:0; font-size:18px;  font-weight:600; line-height:1.4;} 
	.rule-icon{	width:30px; height:30px; font-size:15px; font-weight:800; }
}

/* =========================
   MOBILE
   ========================= */

@media (max-width: 768px) {

    .store-hero {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 15px;
    }

    .store-hero-logo img {
        width: 100px;
        height: 70px;
    }

    .store-hero-meta {
        justify-content: center;
    }

    .store-layout {
        grid-template-columns: 1fr;
    }

    .store-content {
        order: 1;
    }

    .store-sidebar {
        order: 2;
        width: 100%;
    }
	.section{
    background:#fff;
    border:1px solid #e9ecef;
    border-radius:10px;
    padding:15px;
    margin-bottom:10px;
}
.section h2{  
    margin: 0 0 15px;
    font-size:18px;
    line-height:1.2;
}
.section h2::after{
    width:100px;
    height:2px;
    margin-top:5px;
}
.store-logo{ width:50%; max-width:150px; flex-shrink:0; }


}