/* ==============================================
   SHOOPY — Professional Mobile-Only Design
   ============================================== */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{font-size:14px;-webkit-text-size-adjust:100%}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#f5f5f7;color:#1d1d1f;line-height:1.55;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto;display:block}
button{font-family:inherit}

/* ===== MOBILE CONTAINER ===== */
.mobile-container{max-width:480px;margin:0 auto;background:#fff;min-height:100vh;position:relative;box-shadow:0 0 40px rgba(0,0,0,0.06);padding-bottom:68px}

/* ===== ADS ===== */
.ad-slot{width:100%;text-align:center}
.ad-top-banner{background:#fafafa;border-bottom:1px solid #eee;position:sticky;top:0;z-index:100}
.ad-placeholder{padding:6px;color:#c8c8c8;font-size:0.65rem;text-transform:uppercase;letter-spacing:1px;min-height:40px;display:flex;align-items:center;justify-content:center}
.ad-mid-display{margin:6px 0;background:#fafafa;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}
.interstitial-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.8);z-index:9999;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}
.interstitial-content{position:relative;width:88%;max-width:400px;background:#fff;border-radius:20px;overflow:hidden;min-height:280px}
.interstitial-close{position:absolute;top:10px;right:14px;background:rgba(0,0,0,0.5);color:#fff;border:none;font-size:1.4rem;width:34px;height:34px;border-radius:50%;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;line-height:1}
.ad-interstitial-inner{min-height:280px}

/* ===== HEADER ===== */
.site-header{background:#fff;padding:12px 16px 10px;position:sticky;top:40px;z-index:90;border-bottom:1px solid #f0f0f0}
.header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.logo{font-size:1.55rem;font-weight:800;color:#ff3b30;letter-spacing:-0.5px}
.header-icons{display:flex;gap:14px;align-items:center}
.h-icon{position:relative;color:#333;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#f5f5f7;transition:background .2s}
.h-icon:hover{background:#eee}
.h-icon svg{width:20px;height:20px}
.h-badge{position:absolute;top:-2px;right:-2px;background:#ff3b30;color:#fff;font-size:0.58rem;font-weight:700;min-width:17px;height:17px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #fff}

/* Search */
.search-form{display:flex;align-items:center;background:#f5f5f7;border-radius:10px;padding:0 12px;border:1.5px solid transparent;transition:border-color .2s}
.search-form:focus-within{border-color:#ff3b30;background:#fff}
.search-icon{flex-shrink:0;margin-right:8px}
.search-input{flex:1;padding:10px 0;border:none;font-size:0.88rem;background:transparent;outline:none;color:#333}
.search-input::placeholder{color:#aaa}

/* ===== TOAST ===== */
.toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%) translateY(20px);background:#1d1d1f;color:#fff;padding:11px 22px;border-radius:12px;font-size:0.82rem;font-weight:600;z-index:9999;box-shadow:0 8px 30px rgba(0,0,0,0.2);opacity:0;transition:all .3s;pointer-events:none;max-width:340px;text-align:center}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* ===== PROMO BAR ===== */
.promo-bar{background:#1d1d1f;color:#ffd60a;text-align:center;padding:7px 14px;font-size:0.72rem;font-weight:600;overflow:hidden;letter-spacing:.3px}
.promo-bar .marquee{display:inline-block;white-space:nowrap;animation:marquee 22s linear infinite}
@keyframes marquee{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}

/* ===== SECTION ===== */
.section-header{padding:16px 16px 6px;display:flex;justify-content:space-between;align-items:center}
.section-header h2{font-size:1.05rem;font-weight:700;color:#1d1d1f}
.section-badge{font-size:0.62rem;font-weight:700;color:#fff;background:#ff3b30;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}

/* ===== PRODUCT GRID — Fully clickable cards, NO buttons ===== */
.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:8px 12px}

.product-card{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #f0f0f0;transition:all .2s;display:flex;flex-direction:column;cursor:pointer;position:relative}
.product-card:active{transform:scale(0.98);box-shadow:0 2px 16px rgba(0,0,0,0.08)}

.product-card .card-link{display:flex;flex-direction:column;height:100%;color:inherit}

.card-img{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#f8f8fa}
.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.product-card:hover .card-img img{transform:scale(1.03)}
.discount-tag{position:absolute;top:8px;left:8px;background:#ff3b30;color:#fff;font-size:0.62rem;font-weight:700;padding:3px 8px;border-radius:6px}
.fav-btn{position:absolute;top:8px;right:8px;background:rgba(255,255,255,.92);border:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;box-shadow:0 1px 4px rgba(0,0,0,.08);transition:all .2s}
.fav-btn:hover{transform:scale(1.1)}
.fav-btn svg{width:16px;height:16px;stroke:#bbb;fill:none;stroke-width:2;transition:all .2s}
.fav-btn.active svg{stroke:#ff3b30;fill:#ff3b30}

.card-info{padding:10px 10px 12px;flex:1;display:flex;flex-direction:column}
.card-brand{font-size:0.62rem;color:#8e8e93;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}
.card-name{font-size:0.8rem;font-weight:600;color:#1d1d1f;line-height:1.35;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.card-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px;margin-bottom:4px}
.card-price-now{font-size:1.02rem;font-weight:800;color:#1d1d1f}
.card-price-was{font-size:0.72rem;color:#8e8e93;text-decoration:line-through}
.card-price-off{font-size:0.68rem;color:#34c759;font-weight:700}

.card-delivery{font-size:0.66rem;color:#8e8e93;margin-bottom:4px}
.card-rating{display:flex;align-items:center;gap:4px;margin-top:auto}
.card-rating-val{font-size:0.68rem;font-weight:700;color:#fff;background:#34c759;padding:1px 6px;border-radius:4px}
.card-rating-count{font-size:0.62rem;color:#8e8e93}

/* ===== PRODUCT DETAIL ===== */
.pd-page{padding-bottom:8px}

/* Image Gallery / Carousel */
.pd-gallery{position:relative;width:100%;background:#f8f8fa;overflow:hidden}
.pd-gallery-scroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.pd-gallery-scroll::-webkit-scrollbar{display:none}
.pd-gallery-slide{min-width:100%;scroll-snap-align:start;aspect-ratio:1;display:flex;align-items:center;justify-content:center}
.pd-gallery-slide img{width:100%;height:100%;object-fit:contain}
.pd-gallery-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:6px}
.pd-gallery-dot{width:8px;height:8px;border-radius:50%;background:rgba(0,0,0,.15);transition:all .2s;cursor:pointer}
.pd-gallery-dot.active{background:#ff3b30;width:20px;border-radius:4px}
.pd-img-counter{position:absolute;bottom:12px;right:12px;background:rgba(0,0,0,.5);color:#fff;font-size:0.65rem;font-weight:600;padding:3px 9px;border-radius:12px}

.pd-body{padding:16px}
.pd-brand{font-size:0.72rem;color:#8e8e93;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
.pd-name{font-size:1.2rem;font-weight:700;color:#1d1d1f;line-height:1.35;margin-bottom:10px}

.pd-rating{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.pd-rating-badge{font-size:0.78rem;font-weight:700;color:#fff;background:#34c759;padding:2px 8px;border-radius:5px}
.pd-rating-stars{color:#ffc107;font-size:0.82rem;letter-spacing:-1px}
.pd-rating-count{font-size:0.78rem;color:#8e8e93}

.pd-price-block{background:#f5f5f7;border-radius:12px;padding:14px 16px;margin-bottom:14px}
.pd-price-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.pd-price-now{font-size:1.7rem;font-weight:800;color:#1d1d1f}
.pd-price-was{font-size:1rem;color:#8e8e93;text-decoration:line-through}
.pd-price-off-tag{font-size:0.82rem;font-weight:700;color:#34c759}
.pd-offer{font-size:0.78rem;color:#34c759;font-weight:600;margin-top:4px}
.pd-tax{font-size:0.68rem;color:#8e8e93;margin-top:2px}

.pd-features{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.pd-feat{background:#f5f5f7;color:#636366;font-size:0.72rem;font-weight:600;padding:6px 12px;border-radius:8px;display:flex;align-items:center;gap:4px}

.pd-desc{color:#636366;font-size:0.88rem;line-height:1.7;margin-bottom:16px}

/* Urgency */
.pd-urgency{background:#fff9eb;border:1px solid #ffe9a0;border-radius:12px;padding:12px 14px;margin-bottom:16px}
.urgency-item{display:flex;align-items:center;gap:6px;color:#b25000;font-weight:600;font-size:0.78rem;padding:3px 0}

/* PD Action Buttons — Add to Cart + Buy Now SAME style, side by side */
.pd-actions{display:flex;gap:10px;margin-bottom:16px}
.pd-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:14px;border:none;border-radius:12px;font-size:0.95rem;font-weight:700;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.3px}
.pd-btn:active{transform:scale(0.97)}
.pd-btn-cart{background:#1d1d1f;color:#fff}
.pd-btn-cart:hover{background:#333}
.pd-btn-buy{background:#ff3b30;color:#fff}
.pd-btn-buy:hover{background:#e0342b}
.pd-btn svg{width:18px;height:18px;flex-shrink:0}

/* Fav on PD */
.pd-fav-btn{display:flex;align-items:center;justify-content:center;width:52px;background:#f5f5f7;border:none;border-radius:12px;cursor:pointer;flex-shrink:0;transition:all .2s}
.pd-fav-btn svg{width:22px;height:22px;stroke:#8e8e93;fill:none;stroke-width:2;transition:all .2s}
.pd-fav-btn.active{background:#fff0f0}
.pd-fav-btn.active svg{stroke:#ff3b30;fill:#ff3b30}

/* Reviews */
.pd-reviews-section{padding:16px;border-top:8px solid #f5f5f7}
.pd-reviews-section h3{font-size:1rem;font-weight:700;margin-bottom:12px}
.review-card{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #f0f0f0}
.review-card:last-child{border-bottom:none}
.review-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#f0f0f0}
.review-avatar img{width:100%;height:100%;object-fit:cover}
.review-body{flex:1;min-width:0}
.review-stars{color:#ffc107;font-size:0.72rem;margin-bottom:2px;letter-spacing:-1px}
.review-text{font-size:0.82rem;color:#1d1d1f;line-height:1.4}
.review-author{font-size:0.68rem;color:#8e8e93;margin-top:2px}

/* Suggested Products */
.pd-suggested{padding:16px;border-top:8px solid #f5f5f7}
.pd-suggested h3{font-size:1rem;font-weight:700;margin-bottom:12px}
.suggested-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.suggested-scroll::-webkit-scrollbar{display:none}
.suggested-card{min-width:140px;max-width:140px;flex-shrink:0;background:#fff;border-radius:10px;border:1px solid #f0f0f0;overflow:hidden}
.suggested-card:active{transform:scale(0.97)}
.suggested-card img{width:100%;aspect-ratio:1;object-fit:cover;background:#f8f8fa}
.suggested-info{padding:8px}
.suggested-name{font-size:0.72rem;font-weight:600;color:#1d1d1f;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;margin-bottom:4px}
.suggested-price{font-size:0.85rem;font-weight:800;color:#1d1d1f}
.suggested-was{font-size:0.65rem;color:#8e8e93;text-decoration:line-through;margin-left:4px}

/* ===== CART ===== */
.cart-page,.wishlist-page{padding:16px}
.cart-page h2,.wishlist-page h2{font-size:1.1rem;font-weight:700;margin-bottom:14px}
.cart-item{display:flex;gap:12px;padding:14px;background:#f9f9fb;border-radius:12px;margin-bottom:10px;position:relative}
.cart-item img{width:72px;height:72px;object-fit:cover;border-radius:10px;background:#eee}
.cart-item-info{flex:1}
.cart-item-info h4{font-size:0.85rem;font-weight:600;color:#1d1d1f;margin-bottom:2px}
.cart-item-info h4 a{color:#1d1d1f}
.cart-item-info .price{font-size:1rem;font-weight:700;color:#ff3b30}
.cart-item-actions{display:flex;align-items:center;gap:10px;margin-top:8px}
.cart-qty-btn{width:30px;height:30px;border:1.5px solid #d1d1d6;background:#fff;border-radius:8px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:600;color:#333}
.cart-qty-val{font-size:0.9rem;font-weight:700;min-width:22px;text-align:center}
.cart-remove{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;color:#c7c7cc;padding:4px}
.cart-remove svg{width:18px;height:18px}
.cart-remove:hover{color:#ff3b30}
.cart-empty,.wishlist-empty{text-align:center;padding:60px 20px;color:#8e8e93}
.cart-empty .empty-icon,.wishlist-empty .empty-icon{font-size:3rem;margin-bottom:12px}
.cart-total-bar{background:#1d1d1f;border-radius:14px;padding:16px 18px;color:#fff;display:flex;justify-content:space-between;align-items:center;margin:16px 0}
.cart-total-bar .total-label{font-size:0.82rem;color:#aeaeb2}
.cart-total-bar .total-amount{font-size:1.4rem;font-weight:800}
.cart-total-bar .checkout-link{background:#ff3b30;color:#fff;padding:10px 22px;border-radius:10px;font-weight:700;font-size:0.88rem}

/* ===== WISHLIST ===== */
.wishlist-item{display:flex;gap:12px;padding:14px;background:#f9f9fb;border-radius:12px;margin-bottom:10px;position:relative}
.wishlist-item img{width:72px;height:72px;object-fit:cover;border-radius:10px;background:#eee}
.wishlist-item-info{flex:1}
.wishlist-item-info h4{font-size:0.85rem;font-weight:600;margin-bottom:4px}
.wishlist-item-info .price{font-size:0.95rem;font-weight:700;color:#ff3b30}
.wishlist-item-info .was{font-size:0.72rem;color:#8e8e93;text-decoration:line-through;margin-left:4px}
.wishlist-item-btns{display:flex;gap:8px;margin-top:8px}
.wishlist-item-btns .wbtn{padding:7px 14px;border:none;border-radius:8px;font-size:0.75rem;font-weight:700;cursor:pointer}
.wbtn-cart{background:#1d1d1f;color:#fff}
.wbtn-view{background:#f5f5f7;color:#333}
.wishlist-remove{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;color:#c7c7cc;padding:4px}
.wishlist-remove svg{width:18px;height:18px}

/* ===== CHECKOUT ===== */
.checkout-container{padding:20px 16px}
.step-indicator{display:flex;justify-content:center;align-items:center;gap:4px;padding:14px 16px;background:#f9f9fb;border-bottom:1px solid #f0f0f0}
.step-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.68rem;font-weight:700;background:#e5e5ea;color:#8e8e93;transition:all .2s}
.step-dot.active{background:#ff3b30;color:#fff}
.step-dot.completed{background:#34c759;color:#fff}
.step-line{width:16px;height:2px;background:#e5e5ea}
.step-line.completed{background:#34c759}
.checkout-title{font-size:1.15rem;font-weight:700;margin-bottom:18px;text-align:center}

.form-group{margin-bottom:16px}
.form-group label{display:block;font-size:0.82rem;font-weight:600;color:#636366;margin-bottom:6px}
.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 14px;border:1.5px solid #d1d1d6;border-radius:10px;font-size:0.9rem;color:#1d1d1f;background:#fff;outline:none;transition:border-color .2s;font-family:inherit}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#ff3b30}

.qty-selector{display:flex;align-items:center;gap:0;margin:16px 0}
.qty-btn{width:46px;height:46px;border:1.5px solid #d1d1d6;background:#f9f9fb;font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#333}
.qty-btn:first-child{border-radius:10px 0 0 10px}
.qty-btn:last-child{border-radius:0 10px 10px 0}
.qty-input{width:64px;height:46px;border:1.5px solid #d1d1d6;border-left:none;border-right:none;text-align:center;font-size:1.1rem;font-weight:700;background:#fff;outline:none;-moz-appearance:textfield}
.qty-input::-webkit-inner-spin-button,.qty-input::-webkit-outer-spin-button{-webkit-appearance:none}

.order-summary{background:#f9f9fb;border-radius:12px;padding:16px;margin:14px 0}
.order-row{display:flex;justify-content:space-between;padding:7px 0;font-size:0.88rem;color:#636366}
.order-row.total{border-top:2px solid #e5e5ea;margin-top:8px;padding-top:12px;font-size:1.1rem;font-weight:800;color:#1d1d1f}
.order-row .value{font-weight:600;color:#1d1d1f}

.cod-box{background:linear-gradient(135deg,#e8f8ec,#d4efdc);border:2px solid #86d69b;border-radius:14px;padding:22px;text-align:center;margin:16px 0}
.cod-icon{font-size:2.2rem;margin-bottom:6px}
.cod-title{font-size:1.05rem;font-weight:700;color:#1a7d36}
.cod-desc{font-size:0.82rem;color:#636366;margin-top:4px}

.info-block{background:#f9f9fb;border-radius:12px;padding:16px;margin:12px 0}
.info-block h4{font-size:0.75rem;color:#8e8e93;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-weight:700}
.info-block p{font-size:0.88rem;color:#1d1d1f;padding:2px 0}

.btn-next{display:block;width:100%;background:#ff3b30;color:#fff;text-align:center;font-weight:700;font-size:1rem;padding:15px;border:none;border-radius:12px;cursor:pointer;text-transform:uppercase;letter-spacing:.3px;margin-top:14px;transition:background .2s}
.btn-next:hover{background:#e0342b}
.btn-confirm{display:block;width:100%;background:#34c759;color:#fff;text-align:center;font-weight:700;font-size:1.05rem;padding:16px;border:none;border-radius:12px;cursor:pointer;text-transform:uppercase;margin-top:16px;transition:background .2s}
.btn-confirm:hover{background:#2bb34a}

.thank-you{text-align:center;padding:40px 20px}
.thank-you .check-icon{width:80px;height:80px;background:#34c759;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.2rem;color:#fff;margin:0 auto 16px}
.thank-you h2{font-size:1.35rem;color:#34c759;margin-bottom:8px}
.thank-you .order-id{background:#f0f4ff;display:inline-block;padding:8px 18px;border-radius:8px;font-size:0.88rem;font-weight:600;color:#0066cc;margin:10px 0}
.thank-you p{font-size:0.9rem;color:#636366;margin:4px 0}
.btn-home{display:inline-block;background:#ff3b30;color:#fff;font-weight:700;font-size:0.88rem;padding:12px 32px;border-radius:10px;margin-top:22px}

.checkout-product-mini{display:flex;gap:12px;padding:14px;background:#f9f9fb;border-radius:12px;margin-bottom:16px}
.checkout-product-mini img{width:72px;height:72px;object-fit:cover;border-radius:10px;background:#eee}
.checkout-product-mini .info h4{font-size:0.85rem;font-weight:600;margin-bottom:4px}
.checkout-product-mini .info .price{font-size:1.05rem;font-weight:700;color:#ff3b30}

/* ===== STATIC PAGES (About, Privacy, Terms, Contact) ===== */
.static-page{padding:24px 20px 32px}
.static-page h1{font-size:1.25rem;font-weight:700;color:#1d1d1f;margin-bottom:18px;padding-bottom:14px;border-bottom:2px solid #f0f0f0}
.static-page h2{font-size:1rem;font-weight:700;color:#1d1d1f;margin:22px 0 10px}
.static-page p{font-size:0.88rem;color:#636366;line-height:1.8;margin-bottom:12px}
.static-page ul{margin:10px 0 16px 24px;font-size:0.88rem;color:#636366;line-height:2}
.static-page ul li{margin-bottom:2px}
.static-page .contact-card{background:#f9f9fb;border:1px solid #f0f0f0;border-radius:14px;padding:20px;margin:16px 0}
.static-page .contact-card p{margin:8px 0;font-size:0.9rem;color:#1d1d1f}
.static-page .highlight-box{background:linear-gradient(135deg,#f0f4ff,#e8f0fe);border:1px solid #c5d7f7;border-radius:14px;padding:20px;margin:20px 0;text-align:center}
.static-page .highlight-box p{color:#1d1d1f}
.btn-inline{display:inline-block;background:#ff3b30;color:#fff;font-weight:700;font-size:0.82rem;padding:10px 24px;border-radius:10px;margin-top:12px;transition:background .2s}
.btn-inline:hover{background:#e0342b}

/* ===== ALERTS ===== */
.alert{padding:12px 16px;border-radius:10px;font-size:0.82rem;font-weight:600;margin-bottom:14px}
.alert-success{background:#e8f8ec;color:#1a7d36;border:1px solid #a8dbb5}
.alert-error{background:#fce8e8;color:#c62828;border:1px solid #f2a8a8}

/* ===== SEARCH ===== */
.search-results-info{padding:12px 16px;font-size:0.85rem;color:#636366;background:#f9f9fb;border-bottom:1px solid #f0f0f0}
.search-results-info strong{color:#ff3b30}
.no-results{text-align:center;padding:60px 20px;color:#8e8e93}
.no-results .empty-icon{font-size:3rem;margin-bottom:12px}

/* ===== FOOTER ===== */
.site-footer{background:#1d1d1f;color:#aeaeb2;padding:24px 20px;text-align:center}
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #333}
.footer-links a{color:#ff6961;font-size:0.78rem;font-weight:600;transition:color .2s}
.footer-links a:hover{color:#ff3b30}
.footer-brand p{font-size:0.78rem;margin:3px 0;color:#d1d1d6}
.footer-sub{font-size:0.72rem!important;color:#8e8e93!important;margin-top:6px!important}
.footer-copy{margin-top:12px;font-size:0.65rem;color:#636366}

/* ===== BOTTOM NAV ===== */
.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;background:#fff;border-top:1px solid #f0f0f0;display:flex;z-index:95;box-shadow:0 -2px 12px rgba(0,0,0,0.04)}
.bnav{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0 6px;color:#8e8e93;font-size:0.6rem;font-weight:600;transition:color .2s;gap:2px}
.bnav svg{transition:all .2s}
.bnav.active{color:#ff3b30}
.bnav.active svg{stroke:#ff3b30}

/* ===== ADMIN ===== */
.admin-body{background:#f5f5f7}
.admin-container{max-width:480px;margin:0 auto;background:#fff;min-height:100vh}
.admin-header{background:#1d1d1f;color:#fff;padding:14px 18px;display:flex;justify-content:space-between;align-items:center}
.admin-header h1{font-size:1.08rem;font-weight:700}
.admin-header a{color:#ff6961;font-size:0.78rem;font-weight:600;margin-left:10px}
.admin-login{padding:60px 24px;text-align:center}
.admin-login h2{font-size:1.2rem;margin-bottom:24px}
.admin-login .form-group{text-align:left}
.admin-stats{display:flex;gap:10px;padding:14px 16px}
.admin-stat{flex:1;border-radius:12px;padding:16px;text-align:center}
.admin-stat.green{background:#e8f8ec}
.admin-stat.orange{background:#fff4e6}
.admin-stat-val{font-size:1.35rem;font-weight:800}
.admin-stat.green .admin-stat-val{color:#1a7d36}
.admin-stat.orange .admin-stat-val{color:#b25000}
.admin-stat-label{font-size:0.68rem;color:#636366;margin-top:2px}
.admin-nav{display:flex;border-bottom:2px solid #f0f0f0}
.admin-nav a{flex:1;text-align:center;padding:12px;font-size:0.82rem;font-weight:600;color:#8e8e93;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}
.admin-nav a.active{color:#ff3b30;border-bottom-color:#ff3b30}
.admin-content{padding:16px}
.admin-card{background:#f9f9fb;border-radius:12px;padding:14px 16px;margin-bottom:10px;border:1px solid #f0f0f0}
.admin-card h4{font-size:0.88rem;color:#1d1d1f;margin-bottom:4px;font-weight:600}
.admin-card p{font-size:0.78rem;color:#8e8e93}
.admin-card .actions{display:flex;gap:8px;margin-top:10px}
.admin-btn{padding:7px 16px;border:none;border-radius:8px;font-size:0.75rem;font-weight:600;cursor:pointer;transition:all .15s}
.admin-btn-primary{background:#ff3b30;color:#fff}
.admin-btn-primary:hover{background:#e0342b}
.admin-btn-sm{background:#e5e5ea;color:#636366}
.admin-btn-danger{background:#fce8e8;color:#c62828}
textarea.code-area{width:100%;min-height:120px;font-family:'SF Mono','Courier New',monospace;font-size:0.8rem;padding:12px;border:1.5px solid #d1d1d6;border-radius:10px;background:#fafafa;color:#333;outline:none;resize:vertical}
textarea.code-area:focus{border-color:#ff3b30}
.img-list{margin:8px 0;display:flex;flex-wrap:wrap;gap:4px}
.img-list span{font-size:0.68rem;background:#e5e5ea;padding:2px 8px;border-radius:4px;color:#636366}

html,body{overflow-x:hidden}