main{display: flex; flex-direction: column; gap:20px}
.boxform_offers h2, .vip-offers h2{margin-top: 0;}
.vip-offers {text-align: center;}
.vip-offers .content{max-height: 0;overflow: hidden;transition: all 0.3s ease-in-out; opacity: 0;text-align: left;}
.vip-offers .content.is-open{max-height: 500px;opacity: 1;}
.vip-offers button, .tab-content a, p.note a{text-decoration: underline;}
.vip-offers button:hover, .tab-content a:hover, p.note a:hover{text-decoration: none;}
.toc a{display: block;padding: 3px 5px;line-height: 1;border-top: 1px solid #000;border-left: 1px solid #000;}
.toc li:last-child a{border-right: 1px solid #000;}
.toc .current a{background-color: #000;color: #fff;}
.toc + a{margin-left: auto;padding: 3px 0;line-height: 1;}
.tabs-offers form:not(:has(.details)){border: 1px solid #000;background-color: #E0E0E0;}
.tab-content:not(.details) {padding: 10px;transition: background-color 0.3s ease-in-out;}
.tab-content:not(.details):hover{background-color: #f1f1f1;}
.tab-content:not(:last-of-type){border-bottom: 1px solid #000;}
.tab-content h3{margin: 0;font-size: 1em;}
.tab-content p{margin-top: 5px;}
.tab-content .results-details{gap:0 10px;margin-top: 7px;}
.tab-content.offer img{max-width: 80px;}
.offers-pagination{margin-top: 20px;display: flex; gap:10px; flex-wrap: wrap;line-height: 1;}
.offers-pagination>*:not(:first-child){border-left: 1px solid #000;padding-left: 10px;}
.tab-content.details .title{text-align: center;border-bottom: 1px solid #000;padding-bottom: 1em;}
.offer-info {margin: 20px 0;}
.offer-info dt{flex:0 0 110px;font-weight: 700;}
.offer-info dd{margin: 0;word-break: break-all;hyphens: auto;}
.buttons-wrapper a{text-decoration: none;}
.buttons-wrapper .flex a{padding: 7px;line-height: 1;background-color: #000;color: #fff;}
.buttons-wrapper p{margin: 0 0 7px;}
.tabs-offers .results{margin: 0;padding: 10px;background-color: #000;color: #fff;}
.boxform_addoffers.add-offer form{padding: 10px;}
.boxform_addoffers.add-offer .field-wrapper{display: grid;gap:10px}
@media only screen and (max-width: 559px) {
    .boxform_offers{max-width: 320px;margin: 0 auto}
    .boxform_offers h2{text-align: center;margin-bottom: 10px;}
    .boxform_offers form{flex-direction: column}
    .boxform_offers button{align-self: flex-end}
    .icons-wrapper{flex-direction: column}
    .icons-wrapper a{display: flex; gap:10px;align-items: center}
    .icons-wrapper .icon{flex:0 0 32px}
    .icons-wrapper svg{margin: 0 auto;}
    .toc a, .toc + a{font-size: .875em;}    
}
@media only screen and (min-width: 560px) {
.boxform_offers input, .boxform_offers select{flex-basis: calc((100% - 140px) / 2)}
.icons-wrapper{flex-wrap: wrap;justify-content: center;}
.icons-wrapper a{position: relative;}
.icons-wrapper .icon{display: grid; place-items: center;height: 32px;}
.icons-wrapper span:not(.icon){position: absolute;top: 100%;left: 50%;transform: translateX(-50%);transition: opacity 0.3s ease-in-out;opacity: 0;font-size: .75em;text-align: center;padding: 2px;background-color: #fff;}
.icons-wrapper a:hover span:not(.icon){opacity: 1;}
}
@media only screen and (max-width: 767px) {
    .boxform_addoffers.add-offer form{max-width: 480px;margin-left: auto; margin-right: auto;}
    
    .boxform_addoffers.add-offer .field-wrapper+.field-wrapper{margin-top: 10px;}
}
@media only screen and (min-width: 768px) {
.buttons-wrapper {align-items: center; justify-content: space-between}
.boxform_addoffers.add-offer .flex-m:has(>div:nth-child(3):last-child) .field-wrapper{flex:0 0 calc((100% - 20px) / 3)}
.boxform_addoffers.add-offer .flex-m:has(>div:nth-child(2):last-child) .field-wrapper{flex:0 0 calc(50% - 10px)}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

}
@media only screen and (max-width: 1023px) {
   
}
@media only screen and (min-width: 1024px) {
    .toc a{padding: 7px;}
    .toc + a{padding: 7px 0;}
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .buttons-wrapper{display: block;}
}
@media only screen and (min-width: 1024px) {

}