/* V23.4.50 — final viewport safety layer. No catalog content or imagery is replaced. */
html,body{width:100%;max-width:100%;overflow-x:clip}
*,*::before,*::after{min-width:0}
img,svg,video,canvas{max-width:100%}
.container{width:min(calc(100% - 32px),var(--container))}
.modal-card,.drawer-panel,.checkout-fields,.checkout-summary,.product-body{overflow-wrap:anywhere}
.modal-card{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.checkout-modal{align-items:flex-start;overflow-y:auto}
.checkout-card{height:auto;overflow-y:auto}
.order-turnstile{width:100%;max-width:100%;min-height:68px}
.order-turnstile iframe{max-width:100%!important}
.product-image>img,.product-gallery-stage>img,.product-config-visual>.product-gallery-stage>img{
  width:100%!important;height:100%!important;max-width:94%!important;max-height:94%!important;
  object-fit:contain!important;object-position:center!important;transform:none!important
}
.float-pill-two{max-width:min(250px,70vw);white-space:normal;text-align:center;line-height:1.25}

/* The AI title must stay in its own grid column on every desktop width. */
.ai-body-light .ai-main-layout{grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:clamp(28px,4vw,58px)}
.ai-body-light .ai-intro h1{max-width:100%;font-size:clamp(3rem,4vw,4.6rem);line-height:.94;letter-spacing:-.06em;overflow-wrap:normal}
.ai-body-light .ai-intro,.ai-body-light .ai-chat-card{min-width:0}
.ai-body-light .ai-message,.ai-howto,.ai-intro-note{overflow-wrap:anywhere}
.ai-composer{min-width:0}
.ai-composer textarea{min-width:0}

@media(max-width:1120px){
  .header .logo,.header .site-logo-lockup{width:210px!important;min-width:210px!important}
  .header .site-logo-image{width:208px!important;height:54px!important}
  .hero-grid{grid-template-columns:1fr!important}
  .hero-copy-block{text-align:center}
  .hero-copy-block .eyebrow,.hero-copy,.hero-actions{margin-inline:auto}
  .hero-points{justify-content:center}
  .hero-visual-column{min-height:620px}
  .ai-body-light .ai-main-layout{grid-template-columns:1fr;align-items:start}
  .ai-body-light .ai-intro{text-align:center}
  .ai-body-light .ai-intro .eyebrow,.ai-body-light .ai-intro>p,.ai-body-light .ai-intro-note,.ai-howto{margin-inline:auto}
}

@media(max-width:760px){
  .container{width:min(calc(100% - 22px),var(--container))}
  .modal{align-items:flex-start;overflow-y:auto;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}
  .modal-head{gap:10px}
  .modal-head h2,.modal-head strong{font-size:clamp(1.2rem,6vw,1.55rem)}
  .checkout-grid{grid-template-columns:1fr!important;gap:16px}
  .checkout-card{width:100%!important;padding:16px!important}
  .checkout-summary{padding:16px!important}
  .form-grid.two,.choice-grid,.installment-term-grid{grid-template-columns:1fr!important}
  .hero{padding-top:38px}
  .hero h1{font-size:clamp(2.75rem,14vw,4.2rem)!important;line-height:.92}
  .hero-visual-column{min-height:560px!important}
  .hero-stage{height:395px!important}
  #heroPhoneWrap{width:min(350px,88vw)!important;height:370px!important}
  .float-pill-two{left:50%!important;top:225px!important;transform:translateX(-50%)!important}
  .hero-config{left:0!important;right:0!important;padding:15px!important}
  .hero-config-title{gap:10px}
  .hero-config-title h2{font-size:1.05rem!important}
  .price-row{gap:8px;flex-wrap:wrap}
  .price-row>div:first-child{flex:1 1 150px}
  .hero-buy-actions{flex:1 1 150px;justify-content:flex-end}
  .product-grid{grid-template-columns:1fr!important}
  .product-image{height:clamp(245px,78vw,330px)!important}
  .wheel-shell{width:min(370px,calc(100vw - 30px))!important}
  .wheel-stage{min-height:min(420px,100vw)!important}
  .wheel-prize-list{grid-template-columns:1fr!important}
  .phone-verify-card{width:100%!important;max-height:calc(100dvh - 16px)!important;overflow-y:auto!important}
  .phone-verify-body{padding:22px 18px!important}
  .phone-verify-body h3{font-size:clamp(1.2rem,6vw,1.45rem)!important}
  .phone-verify-phone{font-size:16px!important}
  .ai-main-header .header-inner{grid-template-columns:minmax(0,1fr) auto!important}
  .ai-main-header .ai-back{min-height:40px!important;padding-inline:10px!important;font-size:.58rem!important;white-space:normal!important;text-align:center}
  .ai-shell-with-main-header{padding:8px!important}
  .ai-body-light .ai-main-layout{padding:24px 0 30px!important;gap:22px}
  .ai-body-light .ai-intro h1{font-size:clamp(2.65rem,13vw,3.8rem)!important;line-height:.95}
  .ai-body-light .ai-intro>p{font-size:.84rem;line-height:1.6}
  .ai-body-light .ai-chat-card{min-height:560px;padding:14px;border-radius:22px}
  .ai-starters{max-width:100%;overflow-x:auto}
  .ai-composer{grid-template-columns:minmax(0,1fr) 44px;padding:8px}
  .ai-send{width:44px;height:44px}
}

@media(max-width:430px){
  .header .logo,.header .site-logo-lockup{width:128px!important;min-width:128px!important;height:45px!important}
  .header .site-logo-image{width:126px!important;height:36px!important}
  .header-inner{grid-template-columns:minmax(0,1fr) auto!important;gap:5px!important}
  .header-actions{gap:3px!important}
  .icon-btn,.profile-button,.menu-btn{width:36px!important;height:36px!important;min-height:36px!important;border-radius:11px!important}
  .hero h1{font-size:clamp(2.45rem,13.5vw,3.45rem)!important}
  .hero-copy{font-size:.84rem!important}
  .hero-points{font-size:.68rem}
  .hero-visual-column{min-height:535px!important}
  .hero-stage{height:365px!important}
  #heroPhoneWrap{height:340px!important}
  .float-pill-two{top:205px!important;font-size:.58rem!important}
  .hero-config{padding:13px!important}
  .config-line{grid-template-columns:47px minmax(0,1fr)!important}
  .hero-config .options{gap:5px}
  .hero-config .chip{min-height:32px;padding-inline:8px;font-size:.58rem}
  .price-row strong{font-size:1.2rem!important}
  .hero-buy-actions .btn,.hero-buy-actions .btn-secondary{min-height:40px;padding-inline:10px;font-size:.6rem}
  .section-head h2,.tradein-copy h2,.wheel-copy h2,.contacts-shell h2{font-size:clamp(2rem,10vw,2.8rem)!important}
  .wheel-center{width:82px!important;height:82px!important}
  .wheel-center strong{font-size:.62rem}
  .modal-card{padding:14px!important}
  .summary-item,.summary-lines>div{gap:8px}
  .ai-main-header .header-actions{max-width:130px}
  .ai-main-header .ai-back{font-size:.52rem!important}
  .ai-body-light .ai-intro h1{font-size:clamp(2.35rem,12vw,3.2rem)!important}
}

@media(max-height:560px) and (orientation:landscape){
  .modal-card,.phone-verify-card{max-height:calc(100dvh - 12px)!important;overflow-y:auto!important}
  .hero{padding-top:24px}
  .ai-body-light .ai-chat-card{min-height:480px}
}

/* V23.4.52 — horizontal card mark, readable footer mark and equal mobile controls. */
.oblako-wordmark{
  display:inline-flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  min-width:0!important;
  color:#fff;
  line-height:1;
  white-space:nowrap;
}
.oblako-wordmark-cloud{
  display:block!important;
  flex:0 0 34%!important;
  width:34%!important;
  height:90%!important;
  max-width:34%!important;
  object-fit:contain!important;
  object-position:center!important;
}
.oblako-wordmark-text{
  display:block;
  color:currentColor;
  font-family:"Unbounded",sans-serif;
  font-size:30px;
  font-weight:650;
  letter-spacing:-.095em;
  line-height:1;
}
.header .site-logo-lockup.oblako-wordmark{
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  overflow:hidden!important;
  filter:drop-shadow(0 0 3px rgba(255,255,255,.24)) drop-shadow(0 0 10px rgba(255,157,91,.48)) drop-shadow(0 0 25px rgba(255,92,25,.34))!important;
}
.footer .oblako-wordmark{
  width:210px!important;
  height:52px!important;
  color:#000!important;
}
.footer .oblako-wordmark-cloud{filter:brightness(0)!important}
.footer .oblako-wordmark-text{font-size:23px}
.legal-header .oblako-wordmark{
  width:210px!important;
  min-width:210px!important;
  height:52px!important;
  color:#000!important;
}
.legal-header .oblako-wordmark-cloud{filter:brightness(0)!important}
.legal-header .oblako-wordmark-text{font-size:23px}
.admin-brand .oblako-wordmark{
  width:160px!important;
  min-width:160px!important;
  height:44px!important;
  gap:7px!important;
  color:#000!important;
}
.admin-brand .oblako-wordmark-cloud,.login-logo .oblako-wordmark-cloud{filter:brightness(0)!important}
.admin-brand .oblako-wordmark-text{font-size:19px}
.login-logo-link{display:block;width:180px;margin-bottom:30px}
.login-logo.oblako-wordmark{width:180px!important;min-width:180px!important;height:48px!important;margin:0!important;color:#000!important}
.login-logo .oblako-wordmark-text{font-size:22px}
.product-logo-stack .oblako-card-logo.oblako-wordmark,
.product-logo-stack-oblako-only .oblako-card-logo.oblako-wordmark,
.product-config-visual>.product-logo-stack .oblako-card-logo.oblako-wordmark{
  width:92px!important;
  min-width:92px!important;
  max-width:92px!important;
  height:26px!important;
  max-height:26px!important;
  padding:0!important;
  gap:4px!important;
  color:#000!important;
  filter:none!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.product-logo-stack .oblako-card-logo.oblako-wordmark>.oblako-wordmark-cloud,
.product-logo-stack-oblako-only .oblako-card-logo.oblako-wordmark>.oblako-wordmark-cloud,
.product-config-visual>.product-logo-stack .oblako-card-logo.oblako-wordmark>.oblako-wordmark-cloud{
  flex:0 0 28px!important;
  width:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  height:24px!important;
  filter:brightness(0)!important;
}
.product-logo-stack .oblako-card-logo.oblako-wordmark>.oblako-wordmark-text,
.product-logo-stack-oblako-only .oblako-card-logo.oblako-wordmark>.oblako-wordmark-text,
.product-config-visual>.product-logo-stack .oblako-card-logo.oblako-wordmark>.oblako-wordmark-text{
  flex:0 0 auto!important;
  font-size:10px!important;
  font-weight:650!important;
}

@media(max-width:1320px){
  .header .oblako-wordmark-text{font-size:25px}
}
@media(max-width:1080px){
  .header .oblako-wordmark-text{font-size:21px}
}
@media(max-width:640px){
  .header .logo{overflow:hidden!important}
  .header .site-logo-lockup.oblako-wordmark{gap:6px!important}
  .header .oblako-wordmark-text{font-size:17px}
  .header-actions{flex:0 0 auto!important}
  .header .profile-button{
    width:50px!important;
    min-width:50px!important;
    max-width:50px!important;
    height:50px!important;
    min-height:50px!important;
    padding:0!important;
    border-radius:16px!important;
    grid-template-columns:1fr!important;
    place-items:center!important;
  }
  .header .profile-button span,.header .profile-button b{display:none!important}
}
@media(max-width:430px){
  .header .logo,.header .site-logo-lockup{width:128px!important;min-width:128px!important;max-width:128px!important}
  .header .site-logo-lockup.oblako-wordmark{height:45px!important}
  .header .oblako-wordmark-text{font-size:15.5px}
  .header .profile-button{width:50px!important;min-width:50px!important;max-width:50px!important;height:50px!important;min-height:50px!important;border-radius:16px!important}
}
@media(max-width:760px){
  .admin-brand .oblako-wordmark{width:100%!important;min-width:0!important;height:38px!important;gap:4px!important}
  .admin-brand .oblako-wordmark-text{font-size:12px}
}

/* V23.4.53 — contain the OBLAKO lockup inside catalog cards and configurator. */
.product-image .product-logo-stack-oblako-only .oblako-card-logo.oblako-wordmark,
.product-config-visual>#productConfigLogos .product-logo-stack-oblako-only .oblako-card-logo.oblako-wordmark{
  display:inline-flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:92px!important;
  min-width:92px!important;
  max-width:92px!important;
  height:26px!important;
  min-height:26px!important;
  max-height:26px!important;
  padding:0!important;
  gap:4px!important;
  overflow:hidden!important;
  color:#000!important;
  filter:none!important;
  transform:none!important;
}
.product-image .product-logo-stack-oblako-only .oblako-card-logo.oblako-wordmark>img.oblako-wordmark-cloud,
.product-config-visual>#productConfigLogos .product-logo-stack-oblako-only .oblako-card-logo.oblako-wordmark>img.oblako-wordmark-cloud{
  display:block!important;
  flex:0 0 28px!important;
  width:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  height:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  padding:0!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:brightness(0)!important;
  transform:none!important;
}
.product-image .product-logo-stack-oblako-only .oblako-card-logo.oblako-wordmark>.oblako-wordmark-text,
.product-config-visual>#productConfigLogos .product-logo-stack-oblako-only .oblako-card-logo.oblako-wordmark>.oblako-wordmark-text{
  display:block!important;
  flex:0 0 auto!important;
  margin:0!important;
  font-size:10px!important;
  line-height:1!important;
  white-space:nowrap!important;
}

/* Desktop-only controls for the overflowing catalog category rail. */
.category-tabs-shell{position:relative;min-width:0}
.category-scroll-button{
  display:none;
  position:absolute;
  z-index:5;
  top:50%;
  width:46px;
  height:46px;
  min-width:46px;
  padding:0;
  border:1px solid rgba(13,44,62,.12);
  border-radius:50%;
  color:#0d2c3e;
  background:rgba(255,255,255,.94);
  box-shadow:0 10px 28px rgba(13,44,62,.18);
  backdrop-filter:blur(12px);
  cursor:pointer;
  transform:translateY(-55%);
  place-items:center;
}
.category-scroll-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.category-scroll-prev{left:8px}
.category-scroll-prev svg{transform:rotate(180deg)}
.category-scroll-next{right:8px}
.category-scroll-button:hover{color:#fff;background:#0d2c3e}
.category-scroll-button:focus-visible{outline:3px solid rgba(255,101,55,.42);outline-offset:3px}
.category-scroll-button[hidden]{display:none!important}
@media(min-width:761px){
  .category-scroll-button{display:grid}
}
/* V23.4.54 — floating Telegram + phone contact widget */
.oblako-contact-fab{
  position:fixed;
  right:22px;
  bottom:max(22px,calc(env(safe-area-inset-bottom) + 14px));
  z-index:2140;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:12px;
  pointer-events:none;
}
.oblako-contact-fab__menu{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:10px;
  pointer-events:none;
}
.oblako-contact-fab__action{
  min-width:218px;
  height:58px;
  padding:8px 9px 8px 16px;
  border:1px solid rgba(255,255,255,.7);
  border-radius:20px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  text-decoration:none!important;
  box-shadow:0 16px 42px rgba(14,22,36,.18),0 3px 12px rgba(14,22,36,.08);
  backdrop-filter:blur(18px) saturate(1.2);
  -webkit-backdrop-filter:blur(18px) saturate(1.2);
  opacity:0;
  transform:translateY(14px) scale(.92);
  transform-origin:calc(100% - 28px) 100%;
  transition:opacity .24s ease,transform .34s cubic-bezier(.2,.85,.25,1),box-shadow .2s ease;
  pointer-events:none;
}
.oblako-contact-fab__action--telegram{
  background:rgba(255,255,255,.94);
  color:#15181d!important;
}
.oblako-contact-fab__action--phone{
  background:rgba(17,19,24,.94);
  color:#fff!important;
}
.oblako-contact-fab__action-text{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  line-height:1.05;
}
.oblako-contact-fab__action-text strong{
  font-size:14px;
  font-weight:750;
  letter-spacing:-.01em;
}
.oblako-contact-fab__action-text small{
  margin-top:5px;
  font-size:10.5px;
  opacity:.62;
  white-space:nowrap;
}
.oblako-contact-fab__action-icon{
  flex:0 0 42px;
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
}
.oblako-contact-fab__action-icon svg{width:22px;height:22px;display:block}
.oblako-contact-fab__action--telegram .oblako-contact-fab__action-icon{
  background:#229ed9;
  color:#fff;
}
.oblako-contact-fab__action--phone .oblako-contact-fab__action-icon{
  background:#fff;
  color:#111318;
}
.oblako-contact-fab__hint{
  position:absolute;
  right:76px;
  bottom:10px;
  height:42px;
  padding:0 15px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:15px;
  display:flex;
  align-items:center;
  background:rgba(255,255,255,.92);
  color:#14171c;
  box-shadow:0 12px 34px rgba(14,22,36,.13);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
  opacity:0;
  transform:translateX(8px) scale(.96);
  animation:oblako-contact-hint 7s ease 1.2s 2;
}
.oblako-contact-fab__toggle{
  position:relative;
  width:64px;
  height:64px;
  padding:0;
  border:1px solid rgba(255,255,255,.45);
  border-radius:22px;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,rgba(20,24,31,.98),rgba(41,46,56,.96));
  color:#fff;
  box-shadow:0 18px 42px rgba(10,16,27,.28),inset 0 1px 0 rgba(255,255,255,.14);
  cursor:pointer;
  pointer-events:auto;
  transition:transform .24s ease,box-shadow .24s ease,border-radius .34s ease;
}
.oblako-contact-fab__toggle:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 48px rgba(10,16,27,.34),inset 0 1px 0 rgba(255,255,255,.18);
}
.oblako-contact-fab__toggle:focus-visible{
  outline:3px solid rgba(34,158,217,.38);
  outline-offset:4px;
}
.oblako-contact-fab__pulse,
.oblako-contact-fab__pulse::before{
  position:absolute;
  inset:-7px;
  content:"";
  border:1px solid rgba(35,39,48,.22);
  border-radius:27px;
  opacity:0;
  animation:oblako-contact-pulse 2.8s ease-out infinite;
  pointer-events:none;
}
.oblako-contact-fab__pulse::before{inset:-1px;animation-delay:1.35s}
.oblako-contact-fab__toggle-icon{
  position:absolute;
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  transition:opacity .24s ease,transform .38s cubic-bezier(.2,.85,.25,1);
}
.oblako-contact-fab__toggle-icon svg{width:100%;height:100%;display:block}
.oblako-contact-fab__toggle-icon--chat{opacity:1;transform:scale(1) rotate(0)}
.oblako-contact-fab__toggle-icon--close{opacity:0;transform:scale(.65) rotate(-70deg)}
.oblako-contact-fab.is-open .oblako-contact-fab__menu{pointer-events:auto}
.oblako-contact-fab.is-open .oblako-contact-fab__action{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}
.oblako-contact-fab.is-open .oblako-contact-fab__action:nth-child(1){transition-delay:.04s}
.oblako-contact-fab.is-open .oblako-contact-fab__action:nth-child(2){transition-delay:0s}
.oblako-contact-fab.is-open .oblako-contact-fab__toggle{border-radius:50%;transform:rotate(2deg)}
.oblako-contact-fab.is-open .oblako-contact-fab__toggle-icon--chat{opacity:0;transform:scale(.65) rotate(70deg)}
.oblako-contact-fab.is-open .oblako-contact-fab__toggle-icon--close{opacity:1;transform:scale(1) rotate(0)}
.oblako-contact-fab.is-open .oblako-contact-fab__hint{animation:none;opacity:0}
.oblako-contact-fab__action:hover{box-shadow:0 19px 48px rgba(14,22,36,.23),0 4px 14px rgba(14,22,36,.1)}
@keyframes oblako-contact-pulse{
  0%{opacity:.58;transform:scale(.82)}
  70%,100%{opacity:0;transform:scale(1.18)}
}
@keyframes oblako-contact-hint{
  0%,9%,70%,100%{opacity:0;transform:translateX(8px) scale(.96)}
  16%,58%{opacity:1;transform:translateX(0) scale(1)}
}
@media(max-width:640px){
  .oblako-contact-fab{
    right:14px;
    bottom:max(16px,calc(env(safe-area-inset-bottom) + 10px));
    gap:9px;
  }
  .oblako-contact-fab__toggle{width:58px;height:58px;border-radius:20px}
  .oblako-contact-fab__hint{right:68px;bottom:8px;height:40px}
  .oblako-contact-fab__action{min-width:205px;height:54px;border-radius:18px;padding-left:14px}
  .oblako-contact-fab__action-icon{flex-basis:38px;width:38px;height:38px;border-radius:13px}
  .oblako-contact-fab__action-icon svg{width:20px;height:20px}
}
@media(prefers-reduced-motion:reduce){
  .oblako-contact-fab__pulse,.oblako-contact-fab__pulse::before,.oblako-contact-fab__hint{animation:none!important}
  .oblako-contact-fab__action,.oblako-contact-fab__toggle,.oblako-contact-fab__toggle-icon{transition-duration:.01ms!important}
  .oblako-contact-fab__hint{display:none}
}

/* V23.4.54 — price cleanup + installment quick action */
#productConfigCreditLine {
  display: none !important;
}

.oblako-installment-btn {
  white-space: nowrap;
}

@media (max-width: 720px) {
  .hero-buy-actions .oblako-installment-btn,
  .product-config-actions .oblako-installment-btn {
    min-height: 44px;
  }
}


/* V23.4.55 — one visible price + installment everywhere */
.product-credit-price,
#productConfigCreditLine {
  display: none !important;
}

.hero-buy-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: min(100%, 430px) !important;
  flex: 0 1 430px !important;
}
.hero-buy-actions > button {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 54px !important;
  margin: 0 !important;
  justify-content: center !important;
  text-align: center !important;
}
#heroDetailsBtn { order: 1; }
#heroAddBtn { order: 2; }
#heroInstallmentBtn { order: 3; }
#heroBuyBtn { order: 4; }

.product-card .product-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
.product-card .product-actions > button {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}
.oblako-installment-card-btn,
.oblako-installment-btn {
  white-space: nowrap;
}

.product-config-actions .oblako-installment-btn {
  min-height: 44px;
}

@media (max-width: 720px) {
  .hero-buy-actions {
    width: 100% !important;
    flex-basis: 100% !important;
    gap: 8px !important;
  }
  .hero-buy-actions > button {
    min-height: 46px !important;
    padding-inline: 10px !important;
  }
  .product-card .product-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}