html,body{font-family:"Helvetica Neue",sans-serif;margin:0;color: #060318;box-sizing: border-box;height: 100%;margin: 0;}
a{color:#060318;text-decoration: none;} a:hover{color:#F42D7A}
.page{display: flex;flex-direction: column;min-height: 100vh;}
main{flex: 1;}
.site-nav{display: flex;position: sticky;z-index:9999;top: 0;width: 100%;background: #fff;}
.site-nav-inner{display: flex;gap: 16px;align-items: center;padding:0;height:110px;width:100%}
.site-nav-burger{appearance: none;background: transparent;border: 0;padding: 8px;}
.site-nav-right{margin-left: auto;font-weight: 600;display:flex;gap:46px;align-items: center;}
.site-nav-search{max-width: 380px;flex:1}
.site-nav-main{display:flex;gap:46px}
.container{margin:0 auto;max-width:1100px;padding: 0 16px;}
.category{color:#96979c;display: inline-flex;flex-wrap: wrap;gap: 24px;}
h3[id] {scroll-margin-top: 120px;}
.secondary-body{background:#EEEFF2;padding:40px 0;min-height:300px}
footer{background:#EEEFF2;padding: 20px 0;text-align: center;font-size: 15px;}
.searchinput:focus-visible {outline: none;}

.stores{display: flex;flex-wrap: wrap;gap: 12px;justify-content: center;}
.store {display: inline-flex;flex-direction: column;gap: 10px;font-size:13px;border:1px solid #d6d7dc;padding:10px 0 8px;text-align: center;background:#fff}
.filter{color:#656D77}
.store img{ width: 200px;height: 100px;}
.store .text-logo{font-size: 20px;width: 200px;height: 100px;display: flex;align-items: center;justify-content: center;font-weight: bold;}

.cp-td {display: table-cell;vertical-align: top;}
.coupons {margin: 0;padding-left: 0;list-style-type: none;}
.coupon {display: table;width: 100%;border: 1px solid #dddfe2;margin-bottom: 6px;background: #fff;}
.cp-short {width: 136px;padding: 12px;text-align: center;vertical-align: middle;position: relative;font-size: 20px;font-weight: bold;}
.cp-perion {color: #90949c;margin-top: 6px;font-size: 14px;}
.cp-action {text-align: right;width: 106px;padding: 18px 16px;}
a.cp-linker {max-width: 200px;height: 36px;overflow: hidden;color: #fff;background: #4267b2;border-radius: 6px;min-width: 80px;padding: 0 10px;line-height: 36px;text-align: center;font-size: 15px;text-decoration: none;display: inline-block;border: 3px solid #4267b2; white-space: nowrap;margin: 3px;font-weight: 500;}

.nav-toggle-checkbox {display: none;}
.site-nav-burger-menu {position: relative;}
.site-nav-burger {cursor: pointer;display: inline-block;}
.nav-links-panel {display: none;position: absolute;top: calc(100% + 5px);right: 0;background-color: white;border: 1px solid #eee;border-radius: 8px;padding: 10px;min-width: 220px;z-index: 1000;box-shadow: 0 4px 12px rgba(0,0,0,0.1);}
.nav-links-panel a {display: block;padding: 10px 15px;text-decoration: none;color: #333;font-weight: normal;border-radius: 4px;}
.nav-links-panel a:hover {background-color: #f5f5f5;}
.nav-toggle-checkbox:checked ~ .nav-links-panel {display: block;}
.nav-links-panel a:nth-child(-n+3) {display: none;}

.splitview{display:flex;gap: 20px;}
.details{flex:1}
.sidebar{width: 300px;}
.gostore img{width: 250px;max-width: 100%;}
.card{background:#fff;padding: 20px;}

.search-toggle-checkbox {display: none;}
.site-nav-search-icon-label {display: none;}

#couponpop-content {background:#fff;position:fixed;width:500px;padding:16px 0 0;top: 36px;left: 50%;margin-left: -250px;border: 1px solid #dddfe2;z-index:99999;text-align:center;}

@media (max-width: 992px) {
    .cp-action{display: none;}
    .cp-main{padding:0 16px 0 0}
    .site-nav-main {display: none;}
    .nav-links-panel a {display: block;}
}

@media (max-width: 768px) {
    .site-nav-inner {flex-wrap: nowrap;height: auto;min-height: 110px;}
    .site-nav-search {display: none;order: 3;width: 100%;max-width: none;position: absolute;left: 0;top: 90px;background: #fff;padding: 0 10px 10px 10px;box-sizing: border-box;border-bottom: 1px solid #e5e6ec;}
    .search-toggle-checkbox:checked ~ .site-nav-search {display: block;}
    .site-nav-search-icon-label {display: block;cursor: pointer;}
    .site-nav-right {gap: 16px;}
    .site-nav-logo {flex-grow: 1;}
    .splitview{flex-direction: column;}
    .sidebar{width: 100%;}
}

@media (max-width: 543px) {
    .cp-main{padding:0 16px 0 16px}
    .cp-short{width: 90px;white-space: pre;border-right: 1px dashed #c6c7cc;overflow: hidden;}
    .store{width: 100%;align-content: center;flex-wrap: wrap;}
    #couponpop-content{max-width: 100%;left: 0; margin: 0; }
}