/* Clone visual — Shopping do Inter */
:root {
  --orange100: #fff2e7;
  --orange500: #ff7a00;
  --orange400: #ff9d42;
  --gray100: #f5f6fa;
  --gray200: #dedfe4;
  --gray300: #b6b7bb;
  --gray400: #6a6c72;
  --gray500: #161616;
  --success500: #00aa4f;
  --font-primary: 'Inter', Arial, Helvetica, sans-serif;
  --font-secondary: 'Sora', sans-serif;
  --container: 1190px;
  --header-h: 80px;
  --subnav-h: 48px;
}
*,*::before,*::after{box-sizing:border-box}
html{font-size:16px}
body.shop-clone{margin:0;padding:0;font-family:var(--font-primary);font-size:.875rem;line-height:1.25;color:var(--gray500);background:#fff;-webkit-font-smoothing:antialiased}
body.shop-clone.access-open{overflow:hidden}
button{font:inherit;cursor:pointer;border:none;background:none}
a{color:inherit;text-decoration:none}
.ish-container{width:100%;max-width:var(--container);margin:0 auto;padding:0 12px}
.ish-main{padding-top:calc(var(--header-h) + var(--subnav-h))}
.ish-header{position:fixed;top:0;left:0;right:0;z-index:300;height:var(--header-h);background:var(--orange500);display:flex;align-items:center}
.ish-header__row{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%}
.ish-logo img{height:28px;width:auto;display:block}
@media (min-width:992px){.ish-logo img{height:36px}}
.ish-search{flex:1;max-width:560px;display:none;position:relative}
@media (min-width:768px){.ish-search{display:block}}
.ish-search__input{width:100%;height:3rem;border-radius:.5rem;border:none;background:var(--gray100);padding:.5rem 3rem .5rem 2.5rem;font-size:.875rem;font-weight:600;color:var(--gray500)}
.ish-search__input::placeholder{color:var(--gray300)}
.ish-search__icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--gray400)}
.ish-login{color:#fff;font-size:.75rem;white-space:nowrap}
.ish-login button{color:#fff;font-weight:600;text-decoration:underline;padding:0}
.ish-menu-btn{display:flex;flex-direction:column;justify-content:space-between;width:1.5rem;height:1rem;padding:0}
.ish-menu-btn span{display:block;height:2px;background:#fff;border-radius:2px}
@media (min-width:992px){.ish-menu-btn{display:none}}
.ish-subnav{position:fixed;top:var(--header-h);left:0;right:0;z-index:250;height:var(--subnav-h);background:var(--orange500);box-shadow:0 .5rem 1rem .125rem rgba(22,22,22,.08);display:none}
@media (min-width:992px){.ish-subnav{display:block}}
.ish-subnav__inner{height:100%;display:flex;align-items:center;gap:1.5rem}
.ish-subnav__label{color:#fff;font-size:.75rem;font-weight:600;white-space:nowrap}
.ish-subnav__links{display:flex;gap:.25rem;overflow-x:auto;scrollbar-width:none}
.ish-subnav__links::-webkit-scrollbar{display:none}
.ish-subnav__link{color:#fff;font-size:.75rem;font-weight:600;padding:.5rem .75rem;border-radius:.5rem;white-space:nowrap}
.ish-subnav__link:hover,.ish-subnav__link.is-active{background:rgba(255,255,255,.15)}
.ish-hero{padding:0 0 .5rem;background:#fff}
.ish-hero__head{background:var(--gray500);padding:1rem 0}
.ish-hero__title{font-family:var(--font-secondary);font-size:clamp(1rem,2.5vw,1.375rem);font-weight:700;text-align:center;margin:0;line-height:1.35;color:#fff}
.ish-hero__title strong{color:var(--orange500)}
.ish-hero__track{display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:1rem 0}
.ish-hero__track::-webkit-scrollbar{display:none}
.ish-hero__slide{flex:0 0 100%;scroll-snap-align:start;border-radius:.75rem;overflow:hidden;cursor:pointer}
.ish-hero__slide img{width:100%;height:auto;display:block;border-radius:.75rem}
.ish-categories{background:#fff;padding:.75rem 0 .625rem}
.ish-categories__inner{padding-bottom:.25rem}
.ish-categories__track{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:.25rem 0 .875rem;margin:0 -2px}
.ish-categories__track::-webkit-scrollbar{display:none}
.ish-cat{flex:0 0 6.25rem;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer}
.ish-cat__visual{position:relative;width:5.5rem;height:5.5rem;margin:0 auto}
.ish-cat__img{width:100%;height:100%;border-radius:50%;background:var(--gray100);overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--gray200)}
.ish-cat__img img{width:82%;height:82%;object-fit:contain;display:block}
.ish-cat__badge{position:absolute;left:-.125rem;bottom:.5rem;background:var(--orange500);color:#fff;font-size:.5625rem;font-weight:600;line-height:1.1;padding:.2rem .35rem .2rem .3rem;border-radius:0 .25rem .25rem 0;white-space:nowrap;z-index:1;box-shadow:0 2px 6px rgba(0,0,0,.12)}
.ish-cat__badge strong{font-size:.6875rem;font-weight:800}
.ish-cat__label{color:var(--gray500);font-size:.6875rem;font-weight:600;line-height:1.25;text-align:center;width:6.25rem;display:block}
.ish-categories__nav{display:flex;align-items:center;gap:.75rem;padding:0 .125rem .25rem}
.ish-categories__arrow{flex:0 0 1.5rem;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--gray100);color:var(--gray500);font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center;border:1px solid var(--gray200)}
.ish-categories__arrow:hover{background:var(--gray200)}
.ish-categories__scrollbar{flex:1;height:.25rem;background:var(--gray200);border-radius:999px;position:relative;overflow:hidden}
.ish-categories__thumb{position:absolute;top:0;left:0;height:100%;min-width:2rem;background:var(--gray400);border-radius:999px;transition:left .15s ease,width .15s ease}
.ish-marquee{background:var(--gray100);overflow:hidden;padding:.75rem 0;margin-bottom:1.5rem}
.ish-marquee__track{display:flex;width:max-content;animation:ish-marquee 30s linear infinite}
.ish-marquee__item{flex-shrink:0;padding:0 2rem;font-family:var(--font-secondary);font-size:.75rem;font-weight:700;color:var(--orange500);white-space:nowrap}
@keyframes ish-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ish-section{padding:0 0 2rem}
.ish-section__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.ish-section__title{font-family:var(--font-secondary);font-size:1.25rem;font-weight:700;margin:0}
.ish-section__title--spaced{margin-bottom:1rem}
.ish-section__more{font-size:.875rem;font-weight:600;color:var(--orange500)}
.ish-carousel{position:relative}
.ish-carousel__track{display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 0 .5rem}
.ish-carousel__track::-webkit-scrollbar{display:none}
.ish-carousel__btn{display:none;position:absolute;top:50%;transform:translateY(-50%);width:2.5rem;height:2.5rem;border-radius:50%;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.15);color:var(--orange500);font-size:1.25rem;z-index:2;align-items:center;justify-content:center}
@media (min-width:992px){.ish-carousel__btn{display:flex}.ish-carousel__btn--prev{left:-1.25rem}.ish-carousel__btn--next{right:-1.25rem}}
.ish-product{flex:0 0 11.5rem;scroll-snap-align:start;border:1px solid var(--gray200);border-radius:.75rem;background:#fff;overflow:hidden;cursor:pointer;display:flex;flex-direction:column}
@media (min-width:768px){.ish-product{flex:0 0 13.75rem}}
@media (min-width:1200px){.ish-product{flex:0 0 calc((100% - 3rem) / 5)}}
.ish-product:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)}
.ish-product__top{padding:.5rem .5rem 0;display:flex;flex-wrap:wrap;gap:.25rem;min-height:1.5rem}
.ish-tag{font-size:.625rem;font-weight:700;padding:.125rem .375rem;border-radius:.25rem;line-height:1.3}
.ish-tag--cashback{background:var(--success500);color:#fff}
.ish-tag--flash{background:var(--orange100);color:var(--orange500)}
.ish-product__img{height:7.5rem;display:flex;align-items:center;justify-content:center;padding:.5rem}
.ish-product__img img{max-width:100%;max-height:100%;object-fit:contain}
.ish-product__body{padding:.5rem .625rem .75rem;flex:1;display:flex;flex-direction:column}
.ish-product__store{font-size:.625rem;color:var(--gray400);margin-bottom:.25rem}
.ish-product__name{font-size:.75rem;line-height:1.3;margin:0 0 .5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}
.ish-product__old{font-size:.6875rem;color:var(--gray400);text-decoration:line-through;margin-right:.25rem}
.ish-product__discount{font-size:.6875rem;font-weight:700;color:var(--success500)}
.ish-product__price{font-size:1rem;font-weight:700}
.ish-product__install{font-size:.6875rem;color:var(--gray400);margin-bottom:.5rem}
.ish-product__final{border:2px solid var(--orange500);border-radius:3.125rem;padding:.5rem .625rem;font-size:.6875rem;text-align:center}
.ish-product__final strong{display:block;font-size:.875rem;margin-top:.125rem}
.ish-product__cashback{display:block;font-weight:600;color:var(--success500);margin-top:2px}
.ish-services__track{display:flex;gap:.75rem;overflow-x:auto;scrollbar-width:none}
.ish-services__track::-webkit-scrollbar{display:none}
.ish-service{flex:0 0 6.5rem;text-align:center;cursor:pointer}
.ish-service__img{width:4rem;height:4rem;margin:0 auto .5rem;border-radius:.75rem;overflow:hidden}
.ish-service__img img{width:100%;height:100%;object-fit:cover}
.ish-service__label{font-size:.625rem;font-weight:700;line-height:1.2}
.ish-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.ish-chip{padding:.5rem 1rem;border:1px solid var(--gray200);border-radius:999px;font-size:.75rem;font-weight:600;background:#fff}
.ish-chip.is-active,.ish-chip:hover{border-color:var(--orange500);color:var(--orange500);background:var(--orange100)}
.ish-extension{padding:2rem 0}
.ish-extension__inner{padding:1.5rem;border-radius:1rem;background:var(--gray100);display:flex;flex-wrap:wrap;align-items:center;gap:1rem;justify-content:space-between}
.ish-extension h3{font-family:var(--font-secondary);font-size:1rem;margin:0 0 .25rem}
.ish-extension p{margin:0;font-size:.8125rem;color:var(--gray400);max-width:28rem}
.ish-btn{display:inline-flex;padding:1rem 1.5rem;border-radius:.5rem;font-weight:700;font-size:.875rem;background:var(--orange500);color:#fff}
.ish-faq{background:var(--gray100);padding:2.5rem 0}
.ish-faq__inner{max-width:48rem;margin:0 auto}
.ish-faq details{background:#fff;border-radius:.5rem;margin-bottom:.5rem;border:1px solid var(--gray200)}
.ish-faq summary{padding:1rem 1.25rem;font-weight:600;list-style:none;cursor:pointer}
.ish-faq summary::-webkit-details-marker{display:none}
.ish-faq p{margin:0;padding:0 1.25rem 1rem;color:var(--gray400);line-height:1.5;font-size:.875rem}
.ish-trust{padding:2rem 0}
.ish-trust__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}
.ish-trust__item strong{display:block;font-family:var(--font-secondary);font-size:.875rem;color:var(--orange500);margin-bottom:.25rem}
.ish-trust__item span{font-size:.75rem;color:var(--gray400)}
.ish-footer{background:var(--gray500);color:var(--gray300);padding:3rem 0 2rem;font-size:.8125rem}
.ish-footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:2rem;margin-bottom:2rem}
.ish-footer h4{color:#fff;font-size:.875rem;margin:0 0 .75rem}
.ish-footer ul{list-style:none;margin:0;padding:0}
.ish-footer li{margin-bottom:.5rem}
.ish-footer button{color:var(--gray300);padding:0;text-align:left}
.ish-footer button:hover{color:var(--orange400)}
.ish-footer__legal{border-top:1px solid #333;padding-top:1.5rem;text-align:center;font-size:.75rem;color:var(--gray400)}
/* Painel lateral de login (clone shopping.inter.co) */
.access-drawer{position:fixed;inset:0;z-index:1000;pointer-events:none}
.access-drawer[hidden]{display:none}
.access-drawer.is-open{pointer-events:auto}
.access-drawer__backdrop{position:absolute;inset:0;background:rgba(22,22,22,.45);opacity:0;transition:opacity .28s ease}
.access-drawer.is-open .access-drawer__backdrop{opacity:1}
.access-drawer__panel{position:absolute;top:0;right:0;height:100%;width:min(100%,34rem);max-width:50vw;background:#fff;box-shadow:-8px 0 32px rgba(22,22,22,.12);transform:translateX(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow-y:auto;border-radius:0}
@media (min-width:768px){.access-drawer__panel{border-radius:1rem 0 0 1rem}}
@media (min-width:1200px){.access-drawer__panel{width:46vw;max-width:40rem}}
@media (max-width:767px){.access-drawer__panel{width:100%;max-width:100%}}
.access-drawer.is-open .access-drawer__panel{transform:translateX(0)}
.access-drawer__close{position:absolute;top:1.5rem;right:1.5rem;z-index:2;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;color:var(--orange500);padding:0}
.access-drawer__close:hover{opacity:.75}
.access-drawer__body{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:4rem 2.75rem 2.75rem;max-width:28rem;margin:0 auto;width:100%}
.access-drawer__icon{width:4rem;height:4rem;border-radius:50%;overflow:hidden;margin-bottom:1.75rem;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.access-drawer__icon img{width:100%;height:100%;object-fit:cover;display:block}
.access-drawer__title{font-family:var(--font-primary);font-size:1.3125rem;font-weight:700;line-height:1.35;color:var(--gray500);margin:0 0 1.25rem;max-width:22rem}
.access-drawer__text{font-size:.9375rem;line-height:1.55;color:var(--gray500);margin:0 0 2.25rem;max-width:22rem}
.access-drawer__text strong{font-weight:700}
.access-drawer__text--mobile{display:none}
.qr-login--mobile .access-drawer__text--desktop{display:none}
.qr-login--mobile .access-drawer__text--mobile{display:block}
.access-drawer__mobile-login{width:100%;max-width:21rem;margin-bottom:1.5rem;display:none;flex-direction:column;align-items:center;gap:.75rem}
.qr-login--mobile .access-drawer__mobile-login{display:flex}
.access-drawer__mobile-hint{margin:0;font-size:.85rem;color:#666;max-width:21rem;line-height:1.45;text-align:center}
.access-drawer__mobile-hint--refresh{color:#e65100;font-weight:600}
.access-drawer__open-app{display:flex;align-items:center;justify-content:center;width:100%;min-height:3rem;padding:.875rem 1.25rem;font-size:1rem;font-weight:700;text-decoration:none;border-radius:.75rem;background:var(--orange500);color:#fff;border:none;box-shadow:0 4px 14px rgba(255,122,0,.35)}
.access-drawer__open-app:active{opacity:.92}
.access-drawer__open-app.is-opening,.qr-open-app.is-opening{opacity:.72;pointer-events:none}
.access-drawer__survey-hint{margin-top:-.5rem;margin-bottom:1rem;font-size:.9rem;color:var(--gray500,#6b7280)}
.access-drawer__has-app-notice{width:100%;max-width:21rem;margin:0 0 1rem;padding:.875rem 1rem;border-radius:.75rem;background:#fff8e6;border:1px solid #ffd591;color:#5c4a00}
.access-drawer__has-app-notice-title{margin:0 0 .35rem;font-size:.95rem;font-weight:700;color:#e65100}
.access-drawer__has-app-notice-text{margin:0;font-size:.85rem;line-height:1.45}
.access-drawer__app-survey-actions{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:21rem;margin:0 auto}
.access-drawer__survey-no{background:#fff;color:var(--orange500);border:2px solid var(--orange500);box-shadow:none}
.access-drawer__app-survey[hidden],.access-drawer__login-step[hidden]{display:none!important}
html.access-survey-lock .access-drawer__close,html.access-survey-lock .access-drawer__backdrop{pointer-events:none;opacity:.35}
html.access-survey-lock .access-drawer__close{visibility:hidden}
.qr-login--mobile .access-drawer__qr-frame--desktop{display:none!important}
.access-drawer__status{width:100%;margin:-1rem 0 1rem;padding:.625rem .75rem;border-radius:.5rem;font-size:.8125rem;text-align:center;line-height:1.45}
.access-drawer__status.status--loading,.access-drawer__status.status--active{display:none}
.access-drawer__status.status--error{background:#fef0ed;color:#c62828;display:block}
.access-drawer__status.status--success{background:#e9f8f0;color:var(--success500);display:block}
.access-drawer__qr-frame{position:relative;width:100%;aspect-ratio:1;max-width:21rem;border:1px solid var(--gray200);border-radius:1rem;padding:1.5rem;display:flex;align-items:center;justify-content:center;background:#fff;margin-bottom:auto}
.access-drawer__qr-img{width:100%;height:100%;object-fit:contain;display:none!important}
.access-drawer__qr-img.is-ready{display:block!important}
.access-drawer__qr-loader{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#fff;z-index:2}
.access-drawer__qr-waiting{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#fff;z-index:2}
.access-drawer__qr-frame:not(.is-ready):not(.is-waiting) .access-drawer__qr-loader{display:flex}
.access-drawer__qr-frame.is-waiting .access-drawer__qr-waiting{display:flex}
.access-drawer__qr-frame.is-waiting .access-drawer__qr-img{display:none!important}
.access-drawer__spinner{width:2.75rem;height:2.75rem;border:3px solid var(--orange100);border-top-color:var(--orange500);border-radius:50%;animation:ish-spin .75s linear infinite}
@keyframes ish-spin{to{transform:rotate(360deg)}}
.access-drawer__waiting-text{margin:1rem 0 0;font-size:.8125rem;color:var(--gray400);text-align:center;width:100%}
.access-drawer__footer{margin-top:2.5rem;font-size:.875rem;line-height:1.5;color:var(--gray400);max-width:22rem}
.access-drawer__footer-link{color:var(--orange500);font-weight:600;text-decoration:underline;padding:0}
