:root{--ksdp-ink:#211e1b;--ksdp-muted:#81776f;--ksdp-line:#e2dad3;--ksdp-paper:#fbfaf8}
body[data-delivery-page]{background:var(--ksdp-paper);color:var(--ksdp-ink)}
.ksdp-page{width:min(1320px,calc(100% - 40px));margin:0 auto;padding:13px 0 28px}
.ksdp-breadcrumbs{margin-bottom:8px}.ksdp-kicker{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#81776f}
.ksdp-section-card{border:1px solid var(--ksdp-line);border-radius:17px;background:#fff}

/* HERO — compact editorial */
.ksdp-hero{position:relative;min-height:238px;display:grid;grid-template-columns:minmax(0,1fr) 390px;border:1px solid var(--ksdp-line);border-radius:19px;overflow:hidden;background:radial-gradient(circle at 82% 12%,rgba(255,255,255,.96),transparent 26%),linear-gradient(135deg,#f5eee9 0%,#eef3eb 56%,#f4e8ed 100%)}
.ksdp-hero__copy{position:relative;z-index:3;padding:22px 24px;display:flex;flex-direction:column;justify-content:center}
.ksdp-hero h1{margin:5px 0 7px;font-family:Georgia,serif;font-size:clamp(45px,4.7vw,61px);font-weight:400;line-height:.87;letter-spacing:-.065em}
.ksdp-hero p{max-width:565px;margin:0;color:#736a63;font-size:12px;line-height:1.48}
.ksdp-hero__actions{display:flex;gap:6px;margin-top:13px}
.ksdp-hero__actions a{min-height:35px;padding:0 11px;border:1px solid rgba(59,50,44,.1);border-radius:8px;display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.7);color:#211e1b;text-decoration:none;font-size:12px;font-weight:800}
.ksdp-hero__actions .primary{background:#211e1b;border-color:#211e1b;color:#fff}
.ksdp-hero__visual{position:relative;margin:11px;border:1px solid rgba(55,47,41,.07);border-radius:14px;background:rgba(255,255,255,.38);overflow:hidden}
.ksdp-gridline{position:absolute;height:1px;background:rgba(48,41,37,.07);width:120%}.ksdp-gridline.one{top:27%;left:-10%;transform:rotate(10deg)}.ksdp-gridline.two{top:55%;left:-10%;transform:rotate(-15deg)}.ksdp-gridline.three{top:76%;left:-8%;transform:rotate(17deg)}
.ksdp-hero-card{position:absolute;border:1px solid rgba(53,45,40,.08);border-radius:12px;background:rgba(255,255,255,.82);box-shadow:0 10px 24px rgba(52,43,37,.045);backdrop-filter:blur(5px)}
.ksdp-hero-card.city{left:19px;top:18px;width:133px;height:99px;padding:10px}.ksdp-hero-card.country{right:18px;bottom:17px;width:110px;height:82px;padding:9px}
.ksdp-hero-card span{display:block;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#82776f}
.ksdp-hero-card strong{display:block;margin-top:7px;font-family:Georgia,serif;font-size:23px;font-weight:400;line-height:.88}.ksdp-hero-card.country strong{font-size:31px}
.ksdp-hero-card small{display:block;margin-top:5px;font-size:12px;color:#81776f}
.ksdp-hero-box{position:absolute;right:82px;top:17px;width:98px;opacity:.16}.ksdp-hero-pin{position:absolute;left:100px;bottom:15px;width:60px;opacity:.16}

/* quick stats — much lighter */
.ksdp-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:6px}
.ksdp-quick article{position:relative;min-height:56px;padding:8px 10px;border:1px solid var(--ksdp-line);border-radius:10px;background:#fff;display:grid;grid-template-columns:26px 1fr;grid-template-rows:auto auto;gap:0 7px;align-content:center;overflow:hidden}
.ksdp-quick article:nth-child(2){background:#f1f5ed}.ksdp-quick article:nth-child(3){background:#f7eef2}.ksdp-quick article:nth-child(4){background:#f5f1eb}
.ksdp-quick img{grid-row:1/3;width:24px;height:24px;object-fit:contain;opacity:.42}.ksdp-quick span{font-size:12px;color:#81776f}.ksdp-quick strong{font-size:12px}

/* sections */
.ksdp-methods,.ksdp-payment,.ksdp-flow,.ksdp-pickup,.ksdp-note,.ksdp-faq,.ksdp-final{margin-top:11px}
.ksdp-methods,.ksdp-pickup,.ksdp-faq{padding:14px}
.ksdp-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.48fr);gap:20px;align-items:end;margin-bottom:8px}
.ksdp-section-head h2,.ksdp-flow__head h2{margin:3px 0 0;font-family:Georgia,serif;font-size:clamp(31px,3.25vw,41px);font-weight:400;line-height:.93;letter-spacing:-.05em}
.ksdp-section-head p{margin:0;color:#7c736c;font-size:12px;line-height:1.42}

/* delivery methods — shorter + stronger hierarchy */
.ksdp-method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.ksdp-method{position:relative;min-height:190px;padding:12px;border:1px solid rgba(51,44,39,.055);border-radius:13px;display:flex;flex-direction:column;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease}
.ksdp-method:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(45,37,32,.045)}
.ksdp-method[hidden]{display:none!important}.ksdp-method.city{background:#f6e1e8}.ksdp-method.euro{background:#e8eff8}.ksdp-method.post{background:#eff3df}.ksdp-method.pickup{background:#f2ede7}
.ksdp-method>img{position:absolute;right:-11px;bottom:-15px;width:83px;height:83px;object-fit:contain;opacity:.07}
.ksdp-method__top{display:flex;justify-content:space-between;align-items:center}.ksdp-method__num{font-family:Georgia,serif;font-size:13px;font-style:italic;opacity:.35}.ksdp-method__top b{padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.68);font-size:12px}
.ksdp-method__eyebrow{margin-top:21px;font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#81776f}
.ksdp-method h3{margin:5px 0 4px;font-family:Georgia,serif;font-size:21px;font-weight:400;letter-spacing:-.04em}
.ksdp-method>p{max-width:92%;margin:0;color:#716861;font-size:12px;line-height:1.4}
.ksdp-method__bottom{position:relative;z-index:2;margin-top:auto;padding-top:8px;border-top:1px solid rgba(52,44,39,.075);display:flex;justify-content:space-between;gap:8px;align-items:center}
.ksdp-method__bottom span{font-size:12px;color:#746b64}.ksdp-method__bottom a{font-size:12px;font-weight:800;color:#211e1b;text-decoration:none}

/* PAYMENT — less black mass */
.ksdp-payment{padding:7px;display:grid;grid-template-columns:.92fr 1.08fr;gap:6px;background:#f8f5f1}
.ksdp-payment__intro{padding:15px;border-radius:12px;background:#211e1b;color:#fff;display:flex;flex-direction:column;justify-content:center}
.ksdp-payment__intro .ksdp-kicker{color:rgba(255,255,255,.46)}
.ksdp-payment__intro h2{max-width:480px;margin:7px 0 6px;font-family:Georgia,serif;font-size:27px;font-weight:400;line-height:.95;letter-spacing:-.045em}
.ksdp-payment__intro>p{max-width:500px;margin:0;color:rgba(255,255,255,.56);font-size:12px;line-height:1.45}
.ksdp-payment__state{display:grid;grid-template-columns:9px 1fr;gap:8px;align-items:center;margin-top:12px;padding:8px 9px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:rgba(255,255,255,.035)}
.ksdp-payment__state>i{width:7px;height:7px;border-radius:50%;background:#c59f54;box-shadow:0 0 0 4px rgba(197,159,84,.09)}.ksdp-payment__state.is-ready>i{background:#6d8d6f}
.ksdp-payment__state span{display:grid;gap:1px}.ksdp-payment__state small{font-size:12px;color:rgba(255,255,255,.43)}.ksdp-payment__state b{font-size:12px}
.ksdp-payment__cards{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.ksdp-payment__cards article{position:relative;min-height:177px;padding:13px;border:1px solid rgba(52,44,39,.055);border-radius:12px;overflow:hidden}
.ksdp-payment__cards article.online{background:#f6f1e9}.ksdp-payment__cards article.pickup{background:#eff4ec}
.ksdp-payment__cards img{position:absolute;right:-10px;top:-12px;width:78px;height:78px;opacity:.065}
.ksdp-payment__cards h3{margin:18px 0 5px;font-family:Georgia,serif;font-size:23px;font-weight:400}
.ksdp-payment__cards p{max-width:90%;margin:0;color:#756c65;font-size:12px;line-height:1.4}
.ksdp-payment__cards div{position:absolute;left:13px;right:13px;bottom:11px;padding-top:7px;border-top:1px solid rgba(50,43,38,.075);display:flex;justify-content:space-between;font-size:12px}.ksdp-payment__cards div span{color:#81776f}

/* FLOW — horizontal, denser */
.ksdp-flow{padding:7px;display:grid;grid-template-columns:245px 1fr;gap:6px;background:#f8f5f1}
.ksdp-flow__head{padding:13px;border:0;border-radius:11px;background:#fff}.ksdp-flow__head h2{font-size:26px}
.ksdp-timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);padding:12px 7px;border:0;border-radius:11px;background:#fff}
.ksdp-timeline:before{content:"";position:absolute;left:10%;right:10%;top:28px;height:1px;background:#ded7d0}
.ksdp-timeline article{position:relative;z-index:2;min-height:84px;padding:0 8px;display:grid;grid-template-rows:28px 1fr}
.ksdp-timeline i{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#f4f0ec;border:1px solid #ded6cf;font-style:normal;font-size:12px;box-shadow:0 0 0 4px #fff}.ksdp-timeline article:first-child i{background:#211e1b;border-color:#211e1b;color:#fff}
.ksdp-timeline span{align-self:end}.ksdp-timeline b{display:block;font-size:12px}.ksdp-timeline small{display:block;margin-top:2px;color:#81776f;font-size:12px;line-height:1.32}

/* pickup — more visual but compact */
.ksdp-pickup-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.ksdp-pickup-grid a{position:relative;min-height:125px;padding:12px;border:1px solid rgba(49,42,37,.05);border-radius:12px;display:flex;flex-direction:column;color:#211e1b;text-decoration:none;overflow:hidden}
.ksdp-pickup-grid .green{background:#ebf2e4}.ksdp-pickup-grid .pink{background:#f6e2e9}
.ksdp-pickup-grid img{position:absolute;right:-7px;bottom:-25px;width:132px;height:132px;object-fit:contain;opacity:.13}
.ksdp-pickup-grid a>span{font-family:Georgia,serif;font-size:12px;font-style:italic;opacity:.3}
.ksdp-pickup-grid strong{position:relative;z-index:2;margin-top:auto;font-family:Georgia,serif;font-size:20px;font-weight:400}
.ksdp-pickup-grid p{position:relative;z-index:2;margin:4px 0 7px;font-size:12px;color:#6f665f}.ksdp-pickup-grid b{position:relative;z-index:2;font-size:12px}

/* note */
.ksdp-note{display:grid;grid-template-columns:40px 1fr auto;gap:11px;align-items:center;padding:10px 12px;border:1px solid var(--ksdp-line);border-radius:12px;background:#fff}
.ksdp-note>img{width:36px;height:36px;opacity:.4}.ksdp-note h2{margin:3px 0 2px;font-family:Georgia,serif;font-size:19px;font-weight:400}.ksdp-note p{margin:0;color:#766d66;font-size:12px}
.ksdp-note>a{min-height:33px;padding:0 10px;border-radius:7px;display:flex;align-items:center;background:#211e1b;color:#fff;text-decoration:none;font-size:12px;font-weight:800}

/* FAQ — one compact panel */
.ksdp-faq{padding:13px;display:grid;grid-template-columns:260px 1fr;gap:15px}
.ksdp-faq>div:first-child h2{margin:4px 0 0;font-family:Georgia,serif;font-size:26px;font-weight:400;line-height:.95}
.ksdp-faq__items{border-top:1px solid #ddd6cf}.ksdp-faq details{border-bottom:1px solid #ddd6cf}
.ksdp-faq summary{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none;cursor:pointer;font-family:Georgia,serif;font-size:13px}
.ksdp-faq summary::-webkit-details-marker{display:none}.ksdp-faq summary span{font-family:Arial,sans-serif;font-size:15px;transition:transform .18s}.ksdp-faq details[open] summary span{transform:rotate(45deg)}
.ksdp-faq details p{margin:0;padding:0 32px 10px 0;color:#766d66;font-size:12px;line-height:1.4}

/* final CTA — shorter */
.ksdp-final{min-height:112px;padding:15px 17px;border-radius:14px;background:#211e1b;color:#fff;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}
.ksdp-final .ksdp-kicker{color:rgba(255,255,255,.44)}.ksdp-final h2{max-width:690px;margin:5px 0 0;font-family:Georgia,serif;font-size:25px;font-weight:400;line-height:.97}
.ksdp-final>div:last-child{display:flex;gap:6px}.ksdp-final a{min-height:35px;padding:0 11px;border:1px solid rgba(255,255,255,.15);border-radius:8px;display:flex;align-items:center;color:#fff;text-decoration:none;font-size:12px;font-weight:800}.ksdp-final .primary{background:#fff;color:#211e1b}

@media(max-width:980px){
 .ksdp-hero{grid-template-columns:1fr 330px}.ksdp-method-grid{grid-template-columns:repeat(2,1fr)}.ksdp-quick{grid-template-columns:repeat(2,1fr)}
 .ksdp-payment{grid-template-columns:1fr}.ksdp-flow{grid-template-columns:1fr}.ksdp-faq{grid-template-columns:1fr}
}
@media(max-width:700px){
 body[data-delivery-page]{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.ksdp-page{width:calc(100% - 20px);padding-top:10px}.ksdp-breadcrumbs{display:none}
 .ksdp-hero{grid-template-columns:1fr;min-height:280px;border-radius:16px}.ksdp-hero__copy{padding:15px;justify-content:flex-start}.ksdp-hero h1{font-size:38px}.ksdp-hero p{max-width:77%;font-size:12px}
 .ksdp-hero__visual{position:absolute;right:7px;bottom:7px;width:58%;height:137px;margin:0;opacity:.68}.ksdp-hero-card.city{left:8px;top:8px;width:100px;height:73px}.ksdp-hero-card.country{right:8px;bottom:8px;width:84px;height:65px}.ksdp-hero-card strong{font-size:18px}.ksdp-hero-card.country strong{font-size:25px}.ksdp-hero-box{right:47px;top:9px;width:67px}.ksdp-hero-pin{left:63px;bottom:5px;width:44px}
 .ksdp-quick{grid-template-columns:1fr 1fr}.ksdp-methods,.ksdp-pickup,.ksdp-faq{padding:11px}.ksdp-section-head{display:block}.ksdp-section-head h2{font-size:28px}.ksdp-section-head p{margin-top:5px}
 .ksdp-method-grid{display:flex;overflow:auto;margin:0 -11px;padding:0 11px 3px;gap:6px;scroll-snap-type:x mandatory;scrollbar-width:none}.ksdp-method-grid::-webkit-scrollbar{display:none}.ksdp-method{flex:0 0 218px;min-height:185px;scroll-snap-align:start}
 .ksdp-payment__cards{display:flex;overflow:auto;margin:0 -7px;padding:0 7px 3px;scrollbar-width:none}.ksdp-payment__cards::-webkit-scrollbar{display:none}.ksdp-payment__cards article{flex:0 0 215px;min-height:170px}
 .ksdp-timeline{overflow:auto;grid-template-columns:repeat(4,170px);margin:0 -7px;padding:12px 7px;scrollbar-width:none}.ksdp-timeline::-webkit-scrollbar{display:none}.ksdp-timeline:before{left:22px;right:auto;width:525px}
 .ksdp-pickup-grid{display:flex;overflow:auto;margin:0 -11px;padding:0 11px 3px;scrollbar-width:none}.ksdp-pickup-grid::-webkit-scrollbar{display:none}.ksdp-pickup-grid a{flex:0 0 215px}
 .ksdp-note{grid-template-columns:34px 1fr}.ksdp-note>a{grid-column:1/-1;justify-content:center}.ksdp-faq>div:first-child h2{font-size:24px}
 .ksdp-final{grid-template-columns:1fr}.ksdp-final>div:last-child{display:grid;grid-template-columns:1fr 1fr}.ksdp-final a{justify-content:center}
}
@media(max-width:430px){.ksdp-hero p{max-width:70%}.ksdp-quick{grid-template-columns:1fr}.ksdp-method{flex-basis:205px}.ksdp-payment__cards article{flex-basis:205px}.ksdp-final>div:last-child{grid-template-columns:1fr}}


/* Delivery mobile UX — step 6 */
.ksdp-quick-card{
  position:relative;
  min-height:56px;
  padding:8px 10px 20px;
  border:1px solid var(--ksdp-line);
  border-radius:10px;
  background:#fff;
  display:grid;
  grid-template-columns:26px 1fr;
  grid-template-rows:auto auto;
  gap:0 7px;
  align-content:center;
  overflow:hidden;
  color:inherit;
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.ksdp-quick-card:nth-child(2){background:#f1f5ed}
.ksdp-quick-card:nth-child(3){background:#f7eef2}
.ksdp-quick-card:nth-child(4){background:#f5f1eb}
.ksdp-quick-card:hover{
  transform:translateY(-2px);
  border-color:#cfc5bd;
  box-shadow:0 9px 22px rgba(45,37,32,.06);
}
.ksdp-quick-card>em{
  position:absolute;
  left:43px;
  bottom:6px;
  font-style:normal;
  font-size:10px;
  font-weight:800;
  color:#8b8179;
}
#delivery-city,#delivery-country,#pickup{scroll-margin-top:120px}

.ksdp-timeline-wrap{position:relative;min-width:0}
.ksdp-flow-arrow{
  display:none;
  border:1px solid #d9d1ca;
  border-radius:50%;
  background:rgba(255,255,255,.96);
  color:#2b2724;
  place-items:center;
  box-shadow:0 8px 24px rgba(44,36,32,.12);
}
.ksdp-flow-arrow[hidden]{display:none!important}
.ksdp-flow-arrow svg{
  width:16px;
  height:16px;
  stroke-width:1.8;
  transition:transform .2s ease;
}
.ksdp-flow-arrow.is-back svg{transform:rotate(180deg)}

@media(max-width:700px){
  /* Hero: visual stays in normal flow instead of sitting over the text. */
  .ksdp-hero{
    min-height:0;
    grid-template-columns:1fr;
    overflow:hidden;
  }
  .ksdp-hero__copy{
    padding:18px 15px 10px;
  }
  .ksdp-hero h1{
    font-size:40px;
    line-height:.9;
  }
  .ksdp-hero p{
    max-width:none;
    font-size:12px;
  }
  .ksdp-hero__actions{
    flex-wrap:wrap;
  }
  .ksdp-hero__visual{
    position:relative;
    right:auto;
    bottom:auto;
    width:auto;
    height:158px;
    margin:0 8px 8px;
    opacity:.82;
  }
  .ksdp-hero-card.city{
    left:9px;
    top:9px;
    width:112px;
    height:80px;
  }
  .ksdp-hero-card.country{
    right:9px;
    bottom:9px;
    width:94px;
    height:72px;
  }
  .ksdp-hero-box{right:58px;top:13px;width:76px}
  .ksdp-hero-pin{left:72px;bottom:6px;width:49px}

  /* Quick cards are real links and retain a clear call to action. */
  .ksdp-quick{
    grid-template-columns:1fr 1fr;
    gap:6px;
  }
  .ksdp-quick-card{
    min-height:76px;
    padding:10px 10px 22px;
    border-radius:12px;
  }
  .ksdp-quick-card>em{
    left:43px;
    bottom:7px;
  }

  /* Delivery methods should be readable by normal vertical page scrolling. */
  .ksdp-method-grid{
    display:grid;
    grid-template-columns:1fr;
    overflow:visible;
    margin:0;
    padding:0;
    gap:7px;
  }
  .ksdp-method{
    width:100%;
    min-height:150px;
    padding:13px;
  }
  .ksdp-method__eyebrow{margin-top:13px}
  .ksdp-method>p{max-width:88%}
  .ksdp-method>img{
    width:96px;
    height:96px;
    right:-8px;
    bottom:-18px;
  }

  /* Four ordering steps keep horizontal overview but now have an explicit arrow. */
  .ksdp-timeline-wrap{
    overflow:hidden;
    border-radius:11px;
  }
  .ksdp-timeline-wrap:after{
    content:"";
    position:absolute;
    z-index:2;
    top:0;
    right:0;
    bottom:0;
    width:56px;
    pointer-events:none;
    background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.96) 72%);
  }
  .ksdp-timeline{
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    grid-template-columns:repeat(4,170px);
    margin:0;
    padding:12px 54px 12px 7px;
    scrollbar-width:none;
  }
  .ksdp-timeline article{scroll-snap-align:start}
  .ksdp-flow-arrow{
    position:absolute;
    z-index:4;
    right:9px;
    top:50%;
    width:36px;
    height:36px;
    margin-top:-18px;
    display:grid;
  }
  #delivery-city,#delivery-country,#pickup{scroll-margin-top:104px}
}
@media(max-width:430px){
  .ksdp-quick{grid-template-columns:1fr}
  .ksdp-quick-card{min-height:67px}
  .ksdp-hero__visual{height:150px}
}
@media(prefers-reduced-motion:reduce){
  .ksdp-quick-card,
  .ksdp-flow-arrow svg{transition:none!important}
}


/* Payment page UX — step 7 */
body[data-payment-page] #methods,
body[data-payment-page] #pickup-payment,
body[data-payment-page] #flow,
body[data-payment-page] #faq{
  scroll-margin-top:120px;
}
body[data-payment-page] .ksdp-payment{
  align-items:stretch;
}
body[data-payment-page] .ksdp-payment__cards{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  overflow:visible;
  margin:0;
  padding:0;
}
body[data-payment-page] .ksdp-payment__cards .ksdp-payment-option{
  position:relative;
  min-height:177px;
  padding:13px;
  border:1px solid rgba(52,44,39,.07);
  border-radius:12px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  color:#211e1b;
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
body[data-payment-page] .ksdp-payment__cards .ksdp-payment-option:hover{
  transform:translateY(-2px);
  border-color:#cfc5bd;
  box-shadow:0 10px 26px rgba(45,37,32,.07);
}
body[data-payment-page] .ksdp-payment__cards .ksdp-payment-option>img{
  position:absolute;
  right:-10px;
  top:-12px;
  width:78px;
  height:78px;
  opacity:.075;
}
body[data-payment-page] .ksdp-payment__cards .ksdp-payment-option h3{
  margin:18px 0 5px;
  font-family:Georgia,serif;
  font-size:23px;
  font-weight:400;
}
body[data-payment-page] .ksdp-payment__cards .ksdp-payment-option p{
  max-width:90%;
  margin:0;
  color:#756c65;
  font-size:12px;
  line-height:1.45;
}
body[data-payment-page] .ksdp-payment__cards .ksdp-payment-option>div{
  position:relative;
  left:auto;
  right:auto;
  bottom:auto;
  margin-top:auto;
  padding-top:8px;
  border-top:1px solid rgba(50,43,38,.075);
  display:flex;
  justify-content:space-between;
  gap:12px;
  font-size:12px;
}
body[data-payment-page] .ksdp-payment__cards .ksdp-payment-option>div span{
  color:#81776f;
}
body[data-payment-page] .ksdp-payment__cards .ksdp-payment-option>div b{
  text-align:right;
}
body[data-payment-page] .ksdp-payment-option--link>div b{
  color:#211e1b;
}
body[data-payment-page] .ksdp-payment__cards .online{
  background:#f6f1e9;
}
body[data-payment-page] .ksdp-payment__cards .pickup{
  background:#eff4ec;
}
body[data-payment-page] .ksdp-payment__state{
  margin-top:auto;
}

@media(max-width:700px){
  body[data-payment-page] #methods,
  body[data-payment-page] #pickup-payment,
  body[data-payment-page] #flow,
  body[data-payment-page] #faq{
    scroll-margin-top:104px;
  }
  body[data-payment-page] .ksdp-payment{
    padding:7px;
  }
  body[data-payment-page] .ksdp-payment__cards{
    display:grid;
    grid-template-columns:1fr;
    overflow:visible;
    margin:0;
    padding:0;
    gap:7px;
  }
  body[data-payment-page] .ksdp-payment__cards .ksdp-payment-option{
    width:100%;
    min-height:150px;
    padding:14px;
  }
  body[data-payment-page] .ksdp-payment__cards .ksdp-payment-option h3{
    margin-top:12px;
    font-size:22px;
  }
  body[data-payment-page] .ksdp-payment__cards .ksdp-payment-option p{
    max-width:88%;
  }
  body[data-payment-page] .ksdp-payment__cards .ksdp-payment-option>img{
    width:88px;
    height:88px;
    right:-8px;
    top:-10px;
  }
  body[data-payment-page] .ksdp-payment__cards .ksdp-payment-option>div{
    align-items:center;
  }
}
@media(prefers-reduced-motion:reduce){
  body[data-payment-page] .ksdp-payment__cards .ksdp-payment-option{
    transition:none!important;
  }
}