/* Little Cuties V9: faster, brighter, more polished storefront */
:root{
  --lc-pink:#ff4f78;
  --lc-pink-soft:#fff0f5;
  --lc-aqua:#61d2cc;
  --lc-blue:#77bff2;
  --lc-peach:#ffd3b8;
  --lc-gold:#d6a45f;
  --lc-brown:#5b2f26;
  --lc-shadow:0 18px 50px rgba(92,47,38,.10);
}
body{background:linear-gradient(180deg,#fff 0,#fffafc 42%,#fff 100%)}
.site-header{box-shadow:0 10px 30px rgba(92,47,38,.055)}
.site-search{box-shadow:0 8px 24px rgba(255,79,120,.05)}
.nav-row .special,.btn.primary,.add{background:linear-gradient(135deg,#ff6a88,#f22f65)}
.btn.primary,.btn.whatsapp,.add{box-shadow:0 8px 20px rgba(242,47,101,.12)}

/* Hero motion */
.home-hero .hero-stage{overflow:hidden;background:linear-gradient(135deg,#fff3f7,#fffdf9);box-shadow:var(--lc-shadow)}
.home-hero .hero-slide{animation:lcHeroIn .65s ease both}
.home-hero .hero-slide:not(.active){animation:none}
.home-hero .hero-exact picture,.home-hero .hero-exact picture img{display:block;width:100%}
.home-hero .hero-exact picture img{height:auto;object-fit:cover}
.home-hero .hero-alt img{animation:lcFloat 5.8s ease-in-out infinite}
.hero-copy .pill{box-shadow:0 8px 22px rgba(92,47,38,.06)}
.hero-copy h1{font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,.8)}
.hero-nav{transition:transform .25s ease,background .25s ease}
.hero-nav:hover{transform:translateY(-50%) scale(1.08);background:#fff}
.hero-dot{transition:width .25s ease,background .25s ease,transform .25s ease}
.hero-dot.active{transform:scale(1.08)}

/* Luxurious moving accents */
.home-benefit,.promo,.category-bubble,.order-step,.trust-item,.story-card{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.home-benefit:hover,.order-step:hover,.trust-item:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(92,47,38,.08)}
.category-bubble:nth-child(odd) span{animation:lcBob 6s ease-in-out infinite}
.category-bubble:nth-child(even) span{animation:lcBob 6s ease-in-out 1.4s infinite}
.promo img{animation:lcFloat 6.5s ease-in-out infinite}
.promo:nth-child(2) img{animation-delay:1s}.promo:nth-child(3) img{animation-delay:2s}
.story-card>img{animation:lcFloat 7s ease-in-out infinite}
.featured-scroll{scroll-behavior:smooth}
.product-card{background:linear-gradient(180deg,#fff,#fffdfd);box-shadow:0 10px 26px rgba(92,47,38,.045)}
.product-card:hover{transform:translateY(-7px);box-shadow:0 20px 44px rgba(92,47,38,.10)}
.product-media img{transition:transform .5s cubic-bezier(.22,.61,.36,1),opacity .22s ease}
.product-card:hover .product-media img{transform:scale(1.025)}

/* Fast-image presentation */
.product-media img,.detail-media img,.gallery-thumb img,.category-bubble img,.promo img,.story-card img{image-rendering:auto}
.product-media{contain:layout paint style}
.product-media img{object-fit:contain;object-position:center}
.detail-media img{object-fit:contain;object-position:center}
.gallery-thumb img{object-fit:contain;object-position:center}

/* Invoice styling reused by invoice page */
.invoice-shell{padding:44px 0 70px}.invoice-card{max-width:980px;margin:auto;background:#fff;border:1px solid #eee5e8;border-radius:24px;padding:34px;box-shadow:var(--lc-shadow)}
.invoice-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:1px solid #eee5e8}.invoice-head img{width:250px;max-width:48%;height:auto}.invoice-meta{text-align:right}.invoice-meta h1{margin:0;color:var(--lc-brown);font-family:Georgia,serif}.invoice-meta p{margin:4px 0;color:#756d70;font-size:13px}.invoice-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:28px 0}.invoice-box{background:#fff8fa;border:1px solid #f4e5ea;border-radius:16px;padding:18px}.invoice-box h3{margin:0 0 10px;color:var(--lc-brown)}.invoice-table{width:100%;border-collapse:collapse;margin-top:18px}.invoice-table th,.invoice-table td{text-align:left;padding:13px 10px;border-bottom:1px solid #eee5e8;font-size:13px}.invoice-table th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#756d70}.invoice-table td:last-child,.invoice-table th:last-child{text-align:right}.invoice-totals{margin-left:auto;width:min(360px,100%);padding-top:18px}.invoice-totals div{display:flex;justify-content:space-between;padding:8px 0}.invoice-totals .grand{font-size:20px;font-weight:850;border-top:2px solid #f0d9e0;margin-top:6px;padding-top:13px;color:var(--lc-brown)}.invoice-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.invoice-note{margin-top:22px;padding:14px 16px;background:#f6fbfb;border-radius:12px;color:#5f6565;font-size:12px}

/* Shimmer on primary CTAs */
.btn.primary{position:relative;overflow:hidden}.btn.primary:after{content:"";position:absolute;inset:-20% auto -20% -50%;width:32%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:lcShimmer 4.8s ease-in-out infinite}

@keyframes lcHeroIn{from{opacity:.15;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}
@keyframes lcFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes lcBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes lcShimmer{0%,74%{left:-50%}100%{left:135%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
@media(max-width:820px){.invoice-card{padding:22px}.invoice-head{flex-direction:column}.invoice-meta{text-align:left}.invoice-grid{grid-template-columns:1fr}.invoice-head img{max-width:72%}.home-hero .hero-exact picture img{height:auto}}
@media print{#siteChrome,#siteFooter,.invoice-actions,.wa-float{display:none!important}.invoice-shell{padding:0}.invoice-card{box-shadow:none;border:0;max-width:none;padding:0}.invoice-note{border:1px solid #ddd}}
