*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f7f8fb;color:#13213a;font-size:16px}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 30px));margin:auto}
.top-strip{background:#14233d;color:#fff;font-size:13px}.top-strip-inner{height:34px;display:flex;align-items:center;justify-content:space-between}.header{background:#fff;border-bottom:1px solid #e7eaf0;position:sticky;top:0;z-index:50}.nav-main{height:72px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:9px;font-size:24px;font-weight:900;letter-spacing:-1px;white-space:nowrap}.brand>span:last-child>span{color:#3f7ddd}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#3f7ddd;color:#fff;font-size:21px}.search{height:44px;flex:1;max-width:530px;display:flex;align-items:center;gap:9px;padding:0 13px;background:#f8f9fc;border:1px solid #dfe3eb;border-radius:7px}.search>span{font-size:25px;color:#6d7587}.search input{width:100%;border:0;outline:0;background:transparent;font-size:15px}.desktop-nav{display:flex;gap:22px;font-size:15px;font-weight:800}.desktop-nav a:hover,.category-inner a:hover{color:#3f7ddd}.menu{display:none;border:0;background:none;font-size:22px}.category-bar{background:#fff;border-top:1px solid #f0f1f4}.category-inner{height:44px;display:flex;align-items:center;gap:26px;font-size:13px;color:#60697b}.hero{background:linear-gradient(120deg,#edf3ff 0%,#fff 68%);border-bottom:1px solid #e6eaf1}.hero-grid{min-height:335px;display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center}.eyebrow{font-size:10px;font-weight:950;letter-spacing:1.5px;color:#667be7}.hero h1{font-size:48px;line-height:1.03;letter-spacing:-2px;margin:9px 0 13px}.hero h1 span{color:#3f7ddd}.hero-copy p{max-width:610px;color:#667085;font-size:16px;line-height:1.65;margin:0}.hero-actions{display:flex;gap:10px;margin-top:22px}.btn-primary,.btn-light{padding:13px 19px;border-radius:6px;font-size:13px;font-weight:900}.btn-primary{background:#3f7ddd;color:#fff}.btn-light{background:#fff;border:1px solid #d3d8e2}.hero-panel{min-height:220px;border-radius:15px;background:linear-gradient(135deg,#263e75,#527fd7);color:#fff;padding:27px;box-shadow:0 14px 35px rgba(38,62,117,.2);position:relative;overflow:hidden}.hero-panel:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-90px;top:-90px;background:rgba(255,255,255,.12)}.hero-panel-label{font-size:10px;font-weight:900;letter-spacing:1.4px}.hero-panel-title{font-size:50px;line-height:1;font-weight:950;margin:17px 0 8px}.hero-panel p{max-width:340px;color:#e6ebf8;font-size:13px;line-height:1.5}.hero-panel-btn{position:absolute;right:24px;bottom:23px;background:#fff;color:#263e75;padding:10px 13px;border-radius:5px;font-size:10px;font-weight:900}.section{padding:38px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-head h2{font-size:29px;letter-spacing:-1px;margin:6px 0 0}.section-head p{font-size:13px;color:#7a8190;margin:6px 0 0}.section-head>a{font-size:13px;color:#3f7ddd;font-weight:900}.store-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.store-chip{background:#fff;border:1px solid #e2e6ed;border-radius:9px;padding:12px;display:flex;align-items:center;gap:10px;min-height:68px}.store-chip:hover{border-color:#b7c6ed;transform:translateY(-1px)}.chip-logo{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#eef3ff;color:#3f7ddd;font-weight:950;font-size:11px}.store-chip strong{font-size:14px;display:block}.store-chip small{display:block;color:#7b8290;font-size:11px;margin-top:4px}.deal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.deal-card{background:#fff;border:1px solid #e1e5ec;border-radius:11px;overflow:hidden;box-shadow:0 4px 14px rgba(19,33,58,.045);transition:.16s}.deal-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(19,33,58,.10)}.deal-image{display:block;height:145px;background:#f1f3f6;position:relative;overflow:hidden}.deal-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.deal-badge{position:absolute;left:12px;top:12px;background:#fff;color:#3f7ddd;border-radius:4px;padding:6px 8px;font-size:9px;font-weight:950;box-shadow:0 3px 8px rgba(0,0,0,.08)}.deal-content{padding:13px 14px 14px}.deal-category{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:#777f8e}.deal-category b{color:#188044;background:#edf8f1;padding:5px 7px;border-radius:4px;font-size:10px;white-space:nowrap}.deal-card h3{font-size:20px;margin:10px 0 6px;letter-spacing:-.4px}.deal-card p{font-size:14px;color:#697386;line-height:1.55;margin:0;min-height:42px}.deal-bottom{border-top:1px dashed #dfe2e7;margin-top:12px;padding-top:11px;display:flex;align-items:center;justify-content:space-between;gap:8px}.deal-note{font-size:10px;color:#8a91a0}.redeem{background:#3f7ddd;color:#fff;border-radius:5px;padding:11px 12px;font-size:11px;font-weight:950;white-space:nowrap}.redeem span{font-size:13px}.empty{display:none;padding:25px;text-align:center;background:#fff;border:1px solid #e2e5eb;border-radius:9px;color:#777}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cat-box{background:#fff;border:1px solid #e2e5ec;border-radius:9px;padding:18px;display:flex;flex-direction:column;gap:5px}.cat-box:hover{border-color:#b9c6ed}.cat-box span{font-size:22px}.cat-box strong{font-size:15px}.cat-box small{font-size:11px;color:#7d8492}.trust-strip{background:#eef4ff;border-top:1px solid #dce6fb;border-bottom:1px solid #dce6fb}.trust-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px}.trust-inner div{display:flex;flex-direction:column;gap:4px}.trust-inner strong{font-size:13px}.trust-inner span{font-size:11px;color:#68748b}.trust-inner>a{font-size:11px;color:#3f7ddd;font-weight:900}footer{background:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding:34px 0 24px}.footer-brand{font-size:21px}.footer-grid p{font-size:12px;color:#747d8d;line-height:1.6;max-width:330px}.footer-grid h4{font-size:12px;margin:0 0 11px}.footer-grid a:not(.brand){display:block;font-size:12px;color:#6e7787;margin:8px 0}.disclosure{border-top:1px solid #e8eaf0;padding:18px 0;color:#7a8291;font-size:12px;line-height:1.6}.copyright{border-top:1px solid #e8eaf0;padding:14px 0;color:#9096a2;font-size:11px}
@media(max-width:1050px){.deal-grid{grid-template-columns:repeat(3,1fr)}.store-row{grid-template-columns:repeat(4,1fr)}.category-grid{grid-template-columns:repeat(4,1fr)}.desktop-nav{display:none}.menu{display:block}.hero-grid{grid-template-columns:1fr}.hero-panel{max-width:600px}}
@media(max-width:700px){.container{width:calc(100% - 20px)}.top-strip-inner span:last-child,.category-bar{display:none}.nav-main{height:66px;gap:9px}.brand{font-size:19px}.brand-mark{width:31px;height:31px}.search{height:40px}.hero-grid{padding:38px 0}.hero h1{font-size:38px}.hero-panel-title{font-size:43px}.store-row{grid-template-columns:repeat(2,1fr)}.deal-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.trust-inner{padding:17px 0;display:block}.trust-inner>a{display:inline-block;margin-top:10px}.deal-image{height:165px}}

.cta{display:inline-block;background:#3f7ddd;color:#fff;padding:10px 14px;border-radius:6px;font-weight:900;font-size:12px}.section h1{font-size:40px;margin:8px 0 18px}.section h2{margin-top:26px;font-size:21px}.section p{line-height:1.7;color:#687286;font-size:13px}

.lang-switch{display:flex;align-items:center;gap:5px;margin-left:auto;white-space:nowrap;font-size:12px;font-weight:900}
.lang-switch button{border:1px solid #d9deea;background:#fff;color:#68748b;border-radius:5px;padding:8px 9px;font-size:11px;font-weight:900;cursor:pointer}
.lang-switch button.active{background:#3f7ddd;border-color:#3f7ddd;color:#fff}
@media(max-width:1050px){.lang-switch{margin-left:0}}
@media(max-width:700px){.lang-switch button{padding:6px 7px}.nav-main{flex-wrap:wrap}.lang-switch{order:4}.menu{margin-left:auto}}

.legal-lang{position:fixed;top:12px;right:18px;z-index:1000;display:flex;align-items:center;gap:4px;background:#fff;padding:5px;border:1px solid #dfe3eb;border-radius:7px;box-shadow:0 4px 14px rgba(19,33,58,.08)}
.legal-lang button{border:0;background:transparent;color:#68748b;border-radius:4px;padding:5px 7px;font-size:10px;font-weight:900;cursor:pointer}.legal-lang button.active{background:#3f7ddd;color:#fff}

/* Category filtering */
.category-filter{font:inherit;text-align:left;cursor:pointer;border:1px solid #e1e5ee;background:#fff}
.category-filter:hover,.category-filter.active{border-color:#6c5ce7;box-shadow:0 8px 24px rgba(30,40,80,.08);transform:translateY(-1px)}
.category-filter.active strong{color:#5b4be7}
.category-help{margin:.35rem 0 0;color:#6b7280;font-size:1rem}
.legal-note{color:#667085;font-size:1rem;line-height:1.55;max-width:280px}
.nav-category-filter{white-space:nowrap}

@media(max-width:700px){
  body{font-size:15px}
  .top-strip{font-size:12px}
  .search input{font-size:15px}
  .hero h1{font-size:36px;line-height:1.08}
  .hero-copy p{font-size:15px}
  .section-head h2{font-size:25px}
  .store-chip strong{font-size:14px}
  .store-chip small{font-size:11px}
  .deal-card h3{font-size:20px}
  .deal-card p{font-size:14px;line-height:1.55}
  .deal-category{font-size:11px}
  .redeem{font-size:11px;padding:11px 13px}
  .cat-box strong{font-size:14px}
  .cat-box small{font-size:11px}
  .footer-grid p,.footer-grid a:not(.brand){font-size:12px}
}

/* Newsletter — clean GrabDeals subscribe bar */
.newsletter-section{
  padding:20px 0 14px;
  background:#f7f8fb;
}

.newsletter-card{
  width:calc(100% - 30px);
  max-width:1100px;
  min-height:113px;
  margin:0 auto;
  padding:16px 34px;
  display:grid;
  grid-template-columns:minmax(300px,1fr) auto;
  align-items:center;
  gap:36px;
  background:#e5efff;
  border-radius:6px;
  box-sizing:border-box;
}

.newsletter-copy{
  min-width:0;
  text-align:left;
}

.newsletter-copy h2{
  margin:0 0 7px;
  color:#071d3a;
  font-size:25px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:-.2px;
}

.newsletter-copy p{
  margin:0;
  color:#071d3a;
  font-size:14px;
  line-height:1.4;
  font-weight:400;
}

.newsletter-form{
  margin:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex:0 0 auto;
}

.newsletter-form-inner{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
}

.newsletter-form input[type="email"]{
  width:264px;
  height:58px;
  margin:0;
  padding:0 14px;
  border:0;
  outline:0;
  border-radius:5px;
  background:#fff;
  color:#23324a;
  font:15px/1.2 Inter,Arial,sans-serif;
  box-sizing:border-box;
  box-shadow:none;
}

.newsletter-form input[type="email"]::placeholder{
  color:#7b879c;
  opacity:1;
}

.newsletter-form button{
  width:160px;
  height:58px;
  margin:0;
  padding:0 14px;
  border:0;
  border-radius:5px;
  background:#3f7fdb;
  color:#fff;
  font:800 14px/1 Inter,Arial,sans-serif;
  letter-spacing:.25px;
  cursor:pointer;
  white-space:nowrap;
  box-sizing:border-box;
  transition:background .15s ease,transform .15s ease;
}

.newsletter-form button:hover{
  background:#3472ca;
  transform:translateY(-1px);
}

.newsletter-form button:active{
  transform:translateY(0);
}

/* Hide old mail icon / extra consent row so only one email box remains */
.newsletter-form .form-input img,
.newsletter-form .consent{
  display:none!important;
}

.newsletter-status{
  margin:0;
  font-size:12px;
  font-weight:600;
}

.newsletter-status:empty{
  display:none;
}

.hp{
  position:absolute!important;
  left:-10000px!important;
  top:auto!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  border:0!important;
  padding:0!important;
}

/* Tablet */
@media(max-width:900px){
  .newsletter-card{
    width:calc(100% - 24px);
    grid-template-columns:1fr;
    gap:16px;
    padding:20px 24px;
    text-align:center;
  }

  .newsletter-copy{
    text-align:center;
  }

  .newsletter-form{
    justify-content:center;
    width:100%;
  }

  .newsletter-form-inner{
    width:100%;
    justify-content:center;
  }

  .newsletter-form input[type="email"]{
    width:min(264px,55vw);
  }
}

/* Mobile */
@media(max-width:560px){
  .newsletter-section{
    padding:14px 0 10px;
  }

  .newsletter-card{
    width:calc(100% - 20px);
    min-height:0;
    padding:18px 14px;
    border-radius:6px;
    gap:14px;
  }

  .newsletter-copy h2{
    font-size:22px;
  }

  .newsletter-copy p{
    font-size:13px;
  }

  .newsletter-form-inner{
    width:100%;
    gap:8px;
  }

  .newsletter-form input[type="email"]{
    width:100%;
    height:52px;
    font-size:14px;
  }

  .newsletter-form button{
    width:145px;
    height:52px;
    font-size:12px;
  }
}

@media(max-width:390px){
  .newsletter-form-inner{
    flex-direction:column;
    align-items:stretch;
  }

  .newsletter-form input[type="email"],
  .newsletter-form button{
    width:100%;
  }
}
/* Compatibility for the GrabOn-style newsletter HTML */
.gsub-text{
  width:100%;
  max-width:1100px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(300px,1fr) auto;
  align-items:center;
  gap:36px;
  padding:16px 34px;
  min-height:113px;
  background:#e5efff;
  border-radius:6px;
  box-sizing:border-box;
}

.gsub-header{
  display:block;
  margin:0;
}

.gsub-header>img{
  display:none!important;
}

.gsub-info{
  margin:0;
}

.gsub-info p:first-child{
  margin:0 0 7px;
  color:#071d3a;
  font-size:25px;
  line-height:1.2;
  font-weight:700;
}

.gsub-info p:last-child{
  margin:0;
  color:#071d3a;
  font-size:14px;
  line-height:1.4;
}

.form-sub{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  margin:0;
}

.form-input{
  display:block;
  margin:0;
}

.form-input>img{
  display:none!important;
}

.form-input input[type="email"]{
  width:264px;
  height:58px;
  padding:0 14px;
  border:0;
  outline:0;
  border-radius:5px;
  background:#fff;
  color:#23324a;
  font:15px/1.2 Inter,Arial,sans-serif;
  box-sizing:border-box;
}

.form-input input[type="email"]::placeholder{
  color:#7b879c;
  opacity:1;
}

.gsub-button{
  width:160px;
  height:58px;
  padding:0 14px;
  border:0;
  border-radius:5px;
  background:#3f7fdb;
  color:#fff;
  font:800 14px/1 Inter,Arial,sans-serif;
  letter-spacing:.25px;
  cursor:pointer;
  white-space:nowrap;
}

.gsub-button:hover{
  background:#3472ca;
}

@media(max-width:900px){
  .gsub-text{
    width:calc(100% - 24px);
    grid-template-columns:1fr;
    gap:16px;
    padding:20px 24px;
    text-align:center;
  }

  .gsub-info{
    text-align:center;
  }

  .form-sub{
    justify-content:center;
  }
}

@media(max-width:560px){
  .gsub-text{
    width:calc(100% - 20px);
    padding:18px 14px;
  }

  .gsub-info p:first-child{
    font-size:22px;
  }

  .gsub-info p:last-child{
    font-size:13px;
  }

  .form-sub{
    width:100%;
  }

  .form-input input[type="email"]{
    width:calc(100vw - 185px);
    max-width:264px;
    height:52px;
  }

  .gsub-button{
    width:145px;
    height:52px;
    font-size:12px;
  }
}

@media(max-width:390px){
  .form-sub{
    flex-direction:column;
    width:100%;
  }

  .form-input,
  .form-input input[type="email"],
  .gsub-button{
    width:100%;
  }
}


/* =========================================================
   MOBILE: ONE OFFER SLIDER — NO INTRO/TITLE BEFORE SLIDER
   Desktop layout remains unchanged.
   ========================================================= */

@media (max-width:700px){

  /* Remove any old slider/section labels that may exist in older markup. */
  #angebote > .section-head,
  #angebote .slider-heading,
  #angebote .slider-title,
  #angebote .slider-label,
  #angebote .more-offers,
  #angebote .more-offers-title,
  #angebote .swipe-label,
  #angebote .swipe-hint,
  #angebote .wischen,
  #angebote .weiter {
    display:none !important;
  }

  .offers-section{
    padding-top:22px !important;
    padding-bottom:28px !important;
  }

  /* One horizontal slider containing ALL offer cards. */
  #offerGrid{
    width:100%;
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:12px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:0 2px 12px !important;
    margin:0 !important;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }

  #offerGrid::-webkit-scrollbar{
    display:none;
  }

  #offerGrid .deal-card{
    flex:0 0 calc((100% - 12px) / 2) !important;
    width:calc((100% - 12px) / 2) !important;
    min-width:calc((100% - 12px) / 2) !important;
    max-width:calc((100% - 12px) / 2) !important;
    margin:0 !important;
    scroll-snap-align:start;
    transform:none !important;
    box-shadow:0 3px 12px rgba(19,33,58,.07);
  }

  #offerGrid .deal-image{
    height:150px !important;
    aspect-ratio:4 / 3;
  }

  #offerGrid .deal-image img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
  }

  #offerGrid .deal-content{
    padding:12px !important;
  }

  #offerGrid .deal-category{
    display:block !important;
    font-size:10px !important;
    line-height:1.35;
  }

  #offerGrid .deal-category b{
    display:inline-block;
    margin-top:6px;
    font-size:9px !important;
  }

  #offerGrid .deal-card h3{
    font-size:18px !important;
    line-height:1.15 !important;
    margin:9px 0 6px !important;
  }

  #offerGrid .deal-card p{
    font-size:13px !important;
    line-height:1.45 !important;
    min-height:56px !important;
  }

  #offerGrid .deal-bottom{
    display:block !important;
    margin-top:10px !important;
    padding-top:10px !important;
  }

  #offerGrid .deal-note{
    display:none !important;
  }

  #offerGrid .redeem{
    display:block !important;
    width:100% !important;
    text-align:center !important;
    padding:10px 8px !important;
    font-size:10px !important;
  }

  /* If filtering leaves one card, keep it readable instead of shrinking it. */
  #offerGrid .deal-card:only-child{
    flex-basis:calc(100% - 2px) !important;
    min-width:calc(100% - 2px) !important;
    max-width:calc(100% - 2px) !important;
  }
}

@media (max-width:390px){
  #offerGrid .deal-card{
    flex-basis:calc((100% - 10px) / 2) !important;
    width:calc((100% - 10px) / 2) !important;
    min-width:calc((100% - 10px) / 2) !important;
    max-width:calc((100% - 10px) / 2) !important;
  }

  #offerGrid{
    gap:10px !important;
  }

  #offerGrid .deal-image{
    height:132px !important;
  }

  #offerGrid .deal-card h3{
    font-size:16px !important;
  }

  #offerGrid .deal-card p{
    font-size:12px !important;
  }
}


/* =========================================================
   Google Ads destination UX / "How it works" bottom section
   ========================================================= */
.gd-how-section{
  margin-top:28px;
  margin-bottom:28px;
}

.gd-how-details{
  background:#fff;
  border:1px solid #e1e6ee;
  border-radius:12px;
  overflow:hidden;
}

.gd-how-button{
  list-style:none;
  cursor:pointer;
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:0 20px;
  background:#f7f9fc;
  color:#0b2545;
  font-size:13px;
  font-weight:900;
  letter-spacing:.12em;
  user-select:none;
}

.gd-how-button::-webkit-details-marker{
  display:none;
}

.gd-how-button:hover{
  background:#f1f5fb;
}

.gd-how-arrow{
  font-size:22px;
  line-height:1;
  color:#3f7ddd;
  transition:transform .2s ease;
  letter-spacing:0;
}

.gd-how-details[open] .gd-how-arrow{
  transform:rotate(180deg);
}

.gd-how-content{
  padding:22px 20px 24px;
  border-top:1px solid #e8ecf2;
}

.gd-how-content h2{
  margin:0 0 8px;
  font-size:22px;
  line-height:1.25;
  color:#0b2545;
}

.gd-how-intro{
  margin:0 0 18px;
  color:#667085;
  font-size:14px;
  line-height:1.65;
  max-width:980px;
}

.gd-value-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}

.gd-value-card{
  background:#fff;
  border:1px solid #e2e6ed;
  border-radius:9px;
  padding:18px;
}

.gd-value-card span{
  display:inline-block;
  color:#3f7ddd;
  font-size:11px;
  font-weight:950;
  letter-spacing:1px;
  margin-bottom:9px;
}

.gd-value-card strong{
  display:block;
  font-size:15px;
  margin-bottom:6px;
}

.gd-value-card p{
  margin:0;
  color:#687286;
  font-size:12px;
  line-height:1.6;
}

.deal-category b{
  text-transform:none;
}

@media(max-width:700px){
  .gd-how-section{
    margin-top:20px;
    margin-bottom:20px;
  }

  .gd-how-button{
    min-height:54px;
    padding:0 16px;
    font-size:12px;
  }

  .gd-how-content{
    padding:18px 16px 20px;
  }

  .gd-how-content h2{
    font-size:20px;
  }

  .gd-how-intro{
    font-size:13px;
  }

  .gd-value-grid{
    grid-template-columns:1fr;
    gap:10px;
  }

  .gd-value-card{
    padding:15px;
  }
}