/* Tema 1.11 mobile — composição inspirada no print fornecido pelo cliente.
   Sem layout alternativo desktop: a loja preserva sempre a largura de celular. */
:root{--orange:#ee4d2d;--ref-orange:#f44926;--ref-blue:#06428f;--ref-ink:#282828}
.home-reference{background:#fff;padding-bottom:76px;max-width:430px}
.home-reference .status-bar{background:var(--ref-orange)}
.promo-sticky-head{position:relative;z-index:18;background:linear-gradient(120deg,#fb562c 0%,#f04422 55%,#ee3e21 100%);color:#fff;padding:8px 11px 12px}
.reference-status{display:flex;justify-content:space-between;font-size:11px;font-weight:650;letter-spacing:.025em;height:19px;align-items:center}
.reference-brandbar{height:42px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.ref-brand-logo{width:35px;flex:0 0 35px;color:#fff;display:flex;align-items:center;justify-content:center}
.ref-brand-logo>img{width:31px;height:31px;object-fit:contain}.ref-brand-logo span{display:grid;place-items:center;border:2px solid #fff;border-radius:4px;width:24px;height:25px;font-size:16px;font-weight:850;position:relative;line-height:1}
.ref-brand-logo span::before{content:'';position:absolute;border:2px solid #fff;border-radius:12px 12px 0 0;border-bottom:0;width:9px;height:7px;top:-8px;left:6px}
.ref-brand-offer{min-width:0;flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px;line-height:1}
.ref-brand-offer strong{font-size:17px;letter-spacing:-.03em;white-space:nowrap;font-weight:850}
.ref-brand-offer>span{display:inline-block;background:linear-gradient(95deg,#1060bc,#073b90);border-radius:15px;color:#fffce9;font-weight:700;font-size:10px;padding:4px 10px;min-width:115px}
.ref-head-action{color:#fff;position:relative;width:27px;height:32px;display:flex;align-items:center;justify-content:center}
.ref-head-action i{position:absolute;top:0;right:-5px;background:white;border-radius:30px;min-width:16px;text-align:center;color:var(--orange);font-style:normal;font-size:9px}
.reference-search{height:36px;background:#fff;border-radius:6px;display:flex;align-items:center;gap:7px;padding:0 10px;color:#777;margin-top:2px}
.reference-search span{display:flex;color:#ee4d2d}.reference-search input{flex:1;width:100%;border:0;outline:0;min-width:0;font-size:13px;color:#333}
.reference-search input::placeholder{color:#e87a68}.reference-search button{display:flex;color:#999;border:0;background:none;padding:0}
.reference-orange-hero{background:linear-gradient(155deg,#f44c29 0%,#eb4126 65%,#f44829 100%);color:#fff;padding:6px 10px 8px}
.reference-flashhero{height:60px;display:flex;gap:8px;align-items:center;color:#fff;padding:5px 3px;font-size:11px}
.eleven-stamp{display:inline-grid;place-items:center;background:#fff;color:#ee3e20;font-size:17px;font-weight:900;min-width:52px;height:29px;letter-spacing:-.05em}
.flashhero-gifts{white-space:nowrap;letter-spacing:-.2em;font-size:18px}.reference-flashhero>b{font-size:13px;line-height:1.2;flex:1;max-width:125px}.flashhero-chevron{border:1px solid #fff;background:#fff;color:var(--orange);display:grid;place-items:center;border-radius:50%;width:23px;height:23px;font-size:22px;font-weight:800}
.reference-custom-hero,.home-custom-banner{display:block;border-radius:4px;overflow:hidden}.reference-custom-hero img{height:71px;width:100%;object-fit:cover}.home-custom-banner img{height:60px;width:100%;object-fit:cover}
.reference-quick-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px 3px;padding:8px 0 15px}
.ref-shortcut{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;font-size:9px;font-weight:600;line-height:1.08;color:white;min-width:0}
.ref-shortcut>span:last-child{max-width:100%;min-height:22px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.quick-symbol{display:grid;place-items:center;width:28px;height:28px;font-size:20px;background:#fff;color:#ed492e;border-radius:7px;font-weight:850;box-shadow:0 2px 0 #d53a1d44}
.q-bill{color:#3167f0}.q-game{background:#2762dc;color:#fff}.q-mall{color:#f53b28}.q-wallet{background:#e94222;color:#fff}.q-food{color:#fd6c18}.q-truck{color:#ff6f00}.q-choice{color:#ff7c13}
.reference-bannerbar{height:65px;background:linear-gradient(100deg,#083d85,#0056a3 40%,#082c75);border:3px solid #f67d56;border-radius:8px;display:grid;grid-template-columns:45% 55%;overflow:hidden;box-shadow:inset 0 0 0 1px #fff8}
.reference-bannerbar a{color:#fff;position:relative;display:flex;align-items:center;justify-content:center;gap:5px;min-width:0}
.blue-coupon{background:#fdfbf5;clip-path:polygon(0 0,88% 0,98% 50%,88% 100%,0 100%);transform:rotate(-1deg)}
.blue-coupon span{font-size:24px}.blue-coupon b{font-size:16px;line-height:.92;font-weight:900;color:#003876;transform:rotate(-2deg)}.blue-coupon small{position:absolute;right:16px;bottom:3px;color:#f7491f;font-weight:850;font-size:10px}
.blue-deals{padding-left:8px}.blue-deals small{font-size:9px;font-weight:800;line-height:1.15}.blue-deals b{font-size:12px;line-height:1.05}.blue-deals strong{display:block;color:#ffe226;font-size:28px;letter-spacing:-.08em}.blue-deals>span{font-size:26px}
.reference-carousel-dots{text-align:center;display:flex;gap:5px;justify-content:center;height:9px;padding-top:5px}.reference-carousel-dots>*{height:4px;width:4px;background:#fff8;border-radius:50%}.reference-carousel-dots b{width:14px;background:#fff}
.reference-section{border-bottom:9px solid #f7f7f7;background:#fff}.reference-section-header{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:11px 11px 9px;color:var(--orange);min-height:38px}
.reference-section-header h2,.reference-section-header b{font-weight:800;font-size:13px;margin:0;letter-spacing:-.025em}
.reference-section-header>a{font-size:10px;color:var(--orange);white-space:nowrap}
.reference-section-title{display:flex;align-items:center;gap:11px;min-width:0}.ref-countdown{display:flex;gap:2px}.ref-countdown em{background:var(--orange);color:#fff;font-style:normal;font-size:10px;border-radius:2px;min-width:17px;text-align:center;padding:2px 1px;line-height:1.1}
.flash-sale-row{display:flex;gap:10px;padding:0 10px 11px;overflow-x:auto;scrollbar-width:none}.flash-sale-row::-webkit-scrollbar{display:none}.flash-sale-item{display:flex;flex-direction:column;gap:3px;flex:0 0 30%;max-width:30%;font-size:11px;min-width:0}.flash-sale-photo{height:111px;background:#fafafa;position:relative}.flash-sale-photo img{width:100%;height:100%;object-fit:cover}.flash-sale-photo span{position:absolute;right:0;top:0;background:#fff1e9;color:var(--orange);font-size:10px;font-weight:800;padding:2px}.flash-sale-item strong{color:var(--orange);font-size:14px;white-space:nowrap;letter-spacing:-.04em}.flash-sale-item del{font-size:10px;color:#b1b1b1}
.reference-vouchers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 9px 12px}.reference-vouchers a{display:flex;align-items:center;justify-content:center;gap:4px;min-height:49px;font-size:11px;text-align:center;line-height:1.08;border-radius:5px;padding:4px;border:1px dashed #ddd}.voucher-pink{background:#cc7294;color:#fff;border:0!important}.voucher-gray{background:#f9f9f9;color:#333}.voucher-orange{background:#fff4e9;color:#c85312}.reference-vouchers a>b{font-size:11px}
.reference-guarantees{background:#fff;border-bottom:9px solid #f7f7f7;display:flex;gap:4px;justify-content:space-between;align-items:center;padding:13px 9px;overflow-x:auto;white-space:nowrap}.reference-guarantees span{font-size:9px;color:#4b4b4b}
.ref-categories{padding-bottom:8px}.reference-categories-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));row-gap:12px;padding:5px 6px 12px}.reference-category{display:flex;min-width:0;flex-direction:column;align-items:center;gap:6px;text-align:center;color:#2a2a2a;font-size:10px;line-height:1.18}.reference-category img{width:49px;height:49px;object-fit:cover;border-radius:50%;background:#fbe8e2;border:2px solid #fff;box-shadow:0 1px 2px #0002}.reference-category span{max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:23px;padding:0 2px}
.home-recommendations{padding:0;background:#fff}.recommend-head{color:var(--orange);font-weight:800;font-size:13px;padding:12px 10px 7px}.recommend-tabs{display:flex;gap:0;height:43px;background:#fff;overflow:auto;scrollbar-width:none;border-bottom:1px solid #ececec}.recommend-tabs a{min-width:65px;flex:1;display:grid;place-items:center;font-size:11px;color:#777;border-bottom:2px solid transparent;white-space:nowrap}.recommend-tabs a.on{color:var(--orange);font-weight:800;border-color:var(--orange)}
.reference-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;background:#f4f4f4;border-top:3px solid #f5f5f5;scroll-margin-top:20px}.compact-product{background:#fff;min-width:0;display:flex;gap:5px;position:relative;min-height:116px;padding:6px 3px 6px 4px;border-right:1px solid #ededed;border-bottom:3px solid #f5f5f5;overflow:hidden}.compact-product[hidden]{display:none!important}.compact-photo{position:relative;flex:0 0 49%;width:49%;align-self:stretch;min-width:0;height:100px;border-radius:2px;overflow:hidden;display:block;background:#f7f7f7}.compact-photo img{width:100%;height:100%;object-fit:cover;image-rendering:auto}.mini-mall{position:absolute;top:0;left:0;padding:2px 4px;background:#f3262e;color:#fff;font-weight:900;font-size:8px}.mini-shipping{position:absolute;bottom:0;left:0;background:#1b87e1;color:#fff;font-size:10px;width:17px;height:15px;text-align:center}.compact-copy{min-width:0;flex:1;display:flex;flex-direction:column;padding:1px 1px 0 0;overflow:hidden;position:relative}.compact-name{font-size:10px;line-height:1.15;font-weight:700;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;min-height:34px;padding-right:2px;color:#292929}.mini-percent{position:absolute;right:0;top:0;color:var(--orange);font-size:9px;font-weight:900;background:#fff4ef;padding-left:2px}.compact-current{color:#ed3e21;font-size:12px;letter-spacing:-.045em;white-space:nowrap;line-height:1.1;margin-top:auto;overflow:hidden;text-overflow:ellipsis}.compact-previous{font-size:9px;color:#b1b1b1;text-decoration:line-through;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1;margin-top:2px}.compact-meta{display:flex;align-items:center;gap:2px;white-space:nowrap;overflow:hidden;color:#777;font-size:8px;margin-top:3px;letter-spacing:-.03em}.mini-star{color:#ef9f02;font-weight:750}.load-more-theme{display:flex;gap:6px;align-items:center;justify-content:center;margin:11px auto 14px;border:1px solid #f26b52;color:var(--orange);background:#fff;border-radius:3px;font-size:12px;padding:8px 16px}.load-more-theme svg{transform:rotate(90deg)}
.reference-footer{background:#f9f9f9;text-align:center;padding:11px 13px 23px;color:#777}.reference-footer>div{color:var(--orange);font-size:10px}.reference-footer p{font-size:10px;text-align:left;line-height:1.5;margin:10px 0}.reference-footer strong,.reference-footer small{display:block;text-align:left}.reference-footer strong{color:#2170c4;font-size:12px}.reference-footer small{font-size:9px;color:#999;margin-top:3px}
.home-reference .bottom-nav{max-width:430px;min-height:61px}.home-reference .nav-link{font-size:10px}
/* Admin shares brand tokens but uses utility-friendly layout rather than huge catalog cards. */
.admin-page .admin-top{background:linear-gradient(135deg,#f85a2f,#ea4421)}
.admin-page .stat-grid>div,.admin-page .form-card{box-shadow:0 3px 12px #00000008}
@media(max-width:375px){.compact-product{min-height:107px;padding:4px 2px;gap:3px}.compact-photo{height:94px}.compact-name{font-size:9px}.compact-current{font-size:11px}.compact-meta{font-size:7.5px}.reference-category img{width:43px;height:43px}.flash-sale-photo{height:96px}.blue-deals strong{font-size:22px}}
@media(min-width:431px){body{background:#e9e9e9}.home-reference{box-shadow:0 0 30px #00000012}}