/* Custom Modern Home Page Styles */
:root {
  --home-bg: #f8f9fb;
  --home-surface: #ffffff;
  --home-border: #e3e8ef;
  --home-radius: 18px;
  --home-shadow-sm: 0 2px 4px rgba(0,0,0,.04);
  --home-shadow: 0 4px 14px -2px rgba(0,0,0,.08);
  --home-gradient: linear-gradient(120deg,#031424,#083a52 65%);
  --home-accent: #ff9902;
}

body.home-modern { background: var(--home-bg); }

/* Top hero slider */
.home-top-slider-wrapper { width:100%; position:relative; margin:0 0 2.5rem; }
.home-top-slider { width:100%; height: clamp(420px,60vh,620px); border-radius:10px; overflow:hidden; position:relative; box-shadow:none; }
.home-top-slider .swiper-wrapper { height:100%; }
.home-top-slider .swiper-slide { height:100%; }
.home-top-slide { position:relative; inset:0; width:100%; height:100%; display:flex; align-items:flex-end; padding: clamp(2rem,4vw,3.5rem); background:#031424 center/cover no-repeat; color:#fff; }
.home-top-slide, .home-top-slide .slide-content { border-radius:10px !important; overflow:hidden; }
.home-top-slide:before { content:""; position:absolute; inset:0; background: var(--slide-bg) center/cover no-repeat; }
.home-top-slide .slide-content { position:relative; z-index:2; max-width:740px;
  /* Reverted to lighter semi-transparent gradient (keeps image visible) */
  background: linear-gradient(145deg,rgba(3,20,36,.62),rgba(3,20,36,.42));
  border:1px solid rgba(255,255,255,.18);
  padding:1.55rem 1.75rem 2.25rem;
  -webkit-backdrop-filter:blur(2px);
  backdrop-filter:blur(2px);
  box-shadow:none;
  display:flex; flex-direction:column;
}
.home-top-slide .tag { display:inline-block; background:rgba(255,255,255,.15); color:#fff; font-size:.65rem; letter-spacing:1.5px; padding:.45rem .7rem; border-radius:10px; font-weight:600; margin-bottom:1rem; -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); }
.home-top-slide .title { font-size: clamp(2.2rem,5vw,3.6rem); font-weight:700; line-height:1.02; letter-spacing:-.6px; margin:0 0 1.25rem; }
.home-top-slide .title { text-shadow:0 4px 14px rgba(0,0,0,.45); }
.home-top-slide .slide-sub { font-size: clamp(.95rem,1.4vw,1.15rem); max-width:60ch; color:rgba(255,255,255,.80); margin:0 0 1.4rem; }
.home-top-slider--banners .price-line.banner { gap:1.2rem; }
.home-top-slider--banners .price-line.banner { background:rgba(3,20,36,.88); padding:1rem 1.25rem; border-radius:10px; border:1px solid rgba(255,255,255,.12); -webkit-backdrop-filter:none; backdrop-filter:none; display:inline-flex; align-items:center; }
.home-top-slider--banners .price-line.banner .price { color:#fff; font-weight:600; }
.home-top-slider--banners .price-line.banner .price strong { color:var(--home-accent); font-weight:700; }
.home-top-slider--banners .home-top-slide .slide-content { position:relative; left:auto; bottom:auto; z-index:2; overflow:visible; display:flex; flex-direction:column; max-width:760px; }
.home-top-slider--banners .home-top-slide .slide-content { min-height:280px; }
.home-top-slider--banners .home-top-slide .slide-content .title { display:block; }
.home-top-slider--banners .home-top-slide .slide-content .slide-sub { display:block; }

/* Unified panel styling applied to all .home-top-slide .slide-content above */
.home-top-slide .slide-content .title { margin-top:0; }
.home-top-slide .slide-content .slide-sub { color:rgba(255,255,255,.88)!important; }
.home-top-slider--banners .home-top-slide { padding: clamp(2rem,4vw,3.5rem); display:flex; align-items:center; }
.home-top-slider--banners .home-top-slide .price-line.banner { position:static; margin-top:1.3rem; }
.home-top-slider--banners .home-top-slide .price-line.banner.price-first { margin-top:.85rem; margin-bottom:1.2rem; }
.home-top-slider--banners .home-top-slide .price-line.banner.banner-bottom { margin-top:auto; }
.home-top-slider--banners .home-top-slide .slide-content .price-line.banner.banner-bottom { position:relative; }
.home-top-slider--banners .banner-slide .slide-content .title { text-shadow:0 3px 14px rgba(0,0,0,.55); }
/* Force ensure banner text shows (in case Swiper fade / opacity collisions) */
.home-top-slider--banners .home-top-slide .slide-content, 
.home-top-slider--banners .home-top-slide .slide-content * { opacity:1 !important; visibility:visible !important; }
/* Force white text inside banner slides (admin content may have default black) */
.home-top-slider--banners .banner-slide .slide-content h1,
.home-top-slider--banners .banner-slide .slide-content h2,
.home-top-slider--banners .banner-slide .slide-content h3,
.home-top-slider--banners .banner-slide .slide-content h4,
.home-top-slider--banners .banner-slide .slide-content h5,
.home-top-slider--banners .banner-slide .slide-content h6,
.home-top-slider--banners .banner-slide .slide-content p,
.home-top-slider--banners .banner-slide .slide-content span,
.home-top-slider--banners .banner-slide .slide-content li,
.home-top-slider--banners .banner-slide .slide-content a:not(.banner-cta) { color:#fff !important; }
.home-top-slider--banners .banner-slide .slide-content p { color:#ffffff !important; }
.home-top-slider--banners .banner-slide .slide-content a:not(.banner-cta) { text-decoration:underline; text-underline-offset:3px; color:#fff !important; }
.banner-cta { background:var(--home-accent); color:#fff; text-decoration:none; padding:.95rem 1.5rem; border-radius:10px; font-weight:600; font-size:.9rem; display:inline-flex; align-items:center; gap:.55rem; box-shadow:none; }
.banner-cta { border-radius:10px !important; }
.banner-cta:hover { filter:brightness(.92); }
.banner-slide .banner-secondary { position:absolute; right:4%; bottom:0; top:0; display:flex; align-items:flex-end; pointer-events:none; }
.banner-slide .banner-secondary img { max-height:100%; width:auto; object-fit:contain; filter:drop-shadow(0 10px 30px rgba(0,0,0,.5)); }
@media (max-width:900px){ .banner-slide .banner-secondary{display:none;} }
.home-top-slide .title a { color:#fff; text-decoration:none; }
.home-top-slide .price-line { display:flex; align-items:center; gap:1.1rem; flex-wrap:wrap; }
.home-top-slide .price { font-size: clamp(1.4rem,3vw,2.2rem); font-weight:700; color:var(--home-accent); text-shadow:0 3px 10px rgba(0,0,0,.35); }
.home-top-slide button.add { background:var(--home-accent); color:#fff; border:0; padding:.95rem 1.5rem; border-radius:16px; font-weight:600; font-size:.9rem; display:inline-flex; gap:.55rem; box-shadow:none; }
.home-top-slide button.add:hover { filter:brightness(.92); }
.home-top-slider-pagination { position:absolute; left:0; right:0; bottom:14px; display:flex; justify-content:center; gap:.55rem; z-index:10; }
.home-top-slider-pagination .swiper-pagination-bullet { width:10px; height:10px; background:rgba(255,255,255,.55); opacity:1; border-radius:30px; transition:.35s; }
.home-top-slider-pagination .swiper-pagination-bullet-active { width:34px; background:var(--home-accent); }
.home-top-slider-nav { position:absolute; top:50%; transform:translateY(-50%); width:46px; height:46px; border-radius:50%; background:rgba(255,255,255,.15); color:#fff; display:flex; align-items:center; justify-content:center; z-index:11; cursor:pointer; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); transition:.35s; }
.home-top-slider-nav:hover { background:rgba(255,255,255,.3); }
.home-top-slider-nav.prev { left:20px; }
.home-top-slider-nav.next { right:20px; }
@media (max-width:760px){
  .home-top-slider-nav { display:none; }
  .home-top-slide { padding:2rem 1.25rem 2.75rem; }
}

/* Rounded banner corners & no shadow (updated per request) */
.home-top-slider { border-radius:10px !important; box-shadow:none !important; }

.home-hero { position:relative; overflow:hidden; border-radius: var(--home-radius); background: var(--home-gradient); color:#fff; padding: clamp(2.5rem,6vw,5rem) clamp(1.5rem,4vw,4rem); display:flex; flex-direction:column; gap:2.25rem; box-shadow:none; }
.home-hero:before, .home-hero:after { content:""; position:absolute; inset:0; background: radial-gradient(circle at 85% 15%,rgba(255,255,255,.18),transparent 60%), radial-gradient(circle at 10% 90%,rgba(255,255,255,.08),transparent 70%); pointer-events:none; }
.home-hero-inner { max-width: 1020px; position:relative; z-index:2; }
.home-hero h1 { font-size: clamp(2.4rem,5vw,3.6rem); line-height:1.05; font-weight:700; letter-spacing:-.5px; margin:0; }
.home-hero p.lead { font-size: clamp(1.05rem,1.5vw,1.25rem); color:rgba(255,255,255,.82); max-width:52ch; }
.home-hero .hero-actions { display:flex; flex-wrap:wrap; gap:.85rem; margin-top:.75rem; }

.search-large { background: rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.25); display:flex; gap:.75rem; padding:.75rem 1rem; border-radius: 14px; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); width:100%; max-width:640px; box-shadow:none; }
.search-large input { background:transparent; border:0; outline:none; flex:1; color:#fff; font-size:1rem; font-weight:500; }
.search-large input::placeholder { color:rgba(255,255,255,.55); }
.search-large button { background: var(--home-accent); color:#fff; font-weight:600; border:0; padding:.85rem 1.35rem; border-radius:10px; display:inline-flex; align-items:center; gap:.5rem; font-size:.95rem; box-shadow:none; }
.search-large button:hover { filter:brightness(.92); }

/* Section wrapper */
.hm-section { margin-top: clamp(2.5rem,5vw,4.5rem); }
.hm-section-header { display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; margin-bottom:1.4rem; }
.hm-section-header h2 { font-size:1.6rem; font-weight:600; letter-spacing:-.3px; margin:0; }
.hm-section-header .subtitle { color:#5f6b7a; font-size:.85rem; text-transform:uppercase; letter-spacing:1.5px; font-weight:600; margin-left:.35rem; }
.title-stack { display:flex; flex-direction:column; gap:.6rem; }
.title-divider { width:72px; height:4px; border-radius:4px; background:#FF9902; box-shadow:none; }
.view-all-link { font-size:.85rem; font-weight:600; text-decoration:none; background:#031424; color:#fff; padding:.55rem .95rem; border-radius:30px; display:inline-flex; align-items:center; gap:.4rem; box-shadow:none; }
.view-all-link:hover { background:#05293a; }

/* Category Pills */
.cat-pills { display:flex; gap:.65rem; flex-wrap:wrap; }
.cat-pill { --pill-bg: var(--home-surface); background:linear-gradient(#fff,#f8fafc); border:1px solid var(--home-border); padding:.55rem .9rem; border-radius:40px; font-size:.8rem; font-weight:600; color:#1d2939; display:inline-flex; align-items:center; gap:.45rem; box-shadow:none; position:relative; }
.cat-pill span.count { background:#031424; color:#fff; font-size:.65rem; padding:.25rem .45rem; border-radius:20px; font-weight:500; }
.cat-pill:hover { border-color:#031424; }

/* Product Carousel (horizontal scroll) */
.scroll-x { display:grid; grid-auto-flow:column; grid-auto-columns: clamp(220px,17vw,300px); gap:1.35rem; overflow-x:auto; padding-bottom:.75rem; /* scrollbar-width:thin; */ scroll-snap-type:x mandatory; }
.scroll-x::-webkit-scrollbar { height:8px; }
.scroll-x::-webkit-scrollbar-track { background: #eef1f5; border-radius:20px; }
.scroll-x::-webkit-scrollbar-thumb { background:#b3becb; border-radius:20px; }
.scroll-x > * { scroll-snap-align:start; }

/* Stilurile .product-card au fost mutate în product-cards-shared.css pentru unificare. */

/* Deal stripe */
.deal-stripe { position:relative; color:#fff; border-radius:10px; padding: clamp(1.8rem,3.2vw,2.5rem) clamp(1.5rem,3vw,2.6rem); overflow:hidden; display:flex; flex-direction:column; gap:1.25rem; box-shadow:none;
  background: linear-gradient(140deg,rgba(3,20,36,.88) 0%,rgba(3,20,36,.72) 55%,rgba(3,20,36,.58) 100%);
  border:1px solid rgba(255,255,255,.10);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.deal-stripe:before { content:""; position:absolute; inset:0; pointer-events:none; mix-blend-mode:overlay;
  background:
    radial-gradient(circle at 14% 18%,rgba(255,255,255,.18),rgba(255,255,255,0) 55%),
    linear-gradient(115deg,rgba(255,255,255,.08),rgba(255,255,255,0) 35%),
    radial-gradient(circle at 88% 82%,rgba(255,255,255,.12),rgba(255,255,255,0) 60%),
    repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0 6px,rgba(255,255,255,0) 6px 14px);
  opacity:.9;
}
.deal-stripe h3 { font-size: clamp(1.5rem,3vw,2.15rem); margin:0; font-weight:700; letter-spacing:-.5px; color:#ffffff; }
.deal-stripe h3 { text-shadow:0 4px 14px rgba(0,0,0,.45); }
.deal-meta { display:flex; flex-wrap:wrap; gap:1.4rem; font-size:.75rem; text-transform:uppercase; letter-spacing:1.5px; font-weight:600; color:#c7d0da; }
/* Badge styles moved from removed inline block */
.deal-meta .badge-offer, .deal-meta .badge-stock { display:inline-block; padding:.45rem .85rem; border-radius:30px; font-size:.62rem; letter-spacing:1px; font-weight:600; -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); border:1px solid rgba(255,255,255,.18); }
.deal-meta .badge-offer { background:linear-gradient(135deg,#ffb347 0%,#ff9902 55%,#ff7a00 100%); color:#031424; box-shadow:0 4px 12px -4px rgba(255,153,2,.55); }
.deal-meta .badge-stock { background:linear-gradient(135deg,#29c468 0%,#149246 55%,#0d6d34 100%); color:#e9fff2; box-shadow:0 4px 12px -4px rgba(20,146,70,.5); }
.countdown-box { display:flex; gap:.65rem; }
/* Countdown segments updated to solid light background (#F2F4F7) */
.timer-seg { background:#F2F4F7; padding:.7rem .85rem .75rem; border-radius:10px; text-align:center; min-width:66px; border:1px solid #d1d9e0; color:#031424; box-shadow:0 2px 4px -1px rgba(0,0,0,.08); }
.timer-seg .num { font-weight:700; font-size:1.28rem; display:block; line-height:1.05; color:#031424; letter-spacing:.5px; }
.timer-seg .lbl { font-size:.55rem; letter-spacing:1.65px; opacity:.85; color:#425466; margin-top:4px; }
@media (max-width:800px){
  .timer-seg { min-width:60px; padding:.6rem .75rem .65rem; }
  .timer-seg .num { font-size:1.18rem; }
}
@media (max-width:600px){
  .countdown-box { gap:.5rem; }
  .timer-seg { min-width:54px; padding:.55rem .65rem .6rem; }
  .timer-seg .num { font-size:1.08rem; }
  .timer-seg .lbl { font-size:.5rem; }
}

/* Optional progress bar (add element with class .deal-progress > span) */
.deal-progress { position:relative; height:8px; background:rgba(255,255,255,.15); border-radius:6px; overflow:hidden; margin-top:.35rem; }
.deal-progress span { position:absolute; inset:0; width:var(--deal-progress,50%); background:linear-gradient(90deg,var(--home-accent),#ffc451); border-radius:inherit; transition:width .6s ease; }

/* Adjust deal actions spacing */
.deal-actions { margin-top:.4rem; }
.deal-actions a { box-shadow:none; border:1px solid rgba(0,0,0,0); }
.deal-actions a.more { background:rgba(255,255,255,.14); color:#fff; border:1px solid rgba(255,255,255,.18); }
.deal-actions a.more:hover { background:rgba(255,255,255,.22); }
.deal-actions { display:flex; flex-wrap:wrap; gap:.8rem; }
.deal-actions a { background:var(--home-accent); color:#fff; padding:.85rem 1.3rem; border-radius:10px; font-weight:600; font-size:.85rem; text-decoration:none; display:inline-flex; align-items:center; gap:.6rem; box-shadow:none; }
.deal-actions a.more { background:#fff; color:#031424; }
.deal-actions a:hover { filter:brightness(.92); }
.deal-image { position:absolute; inset:0 0 0 auto; display:flex; align-items:center; justify-content:flex-end; padding-right:min(4vw,3rem); pointer-events:none; }
.deal-image img { height:100%; max-height:340px; filter: drop-shadow(0 10px 22px rgba(0,0,0,.35)); }

/* Brands row */
.brands-row { display:grid; grid-auto-flow:column; grid-auto-columns:180px; overflow-x:auto; gap:1.15rem; padding:.75rem 0 1.25rem; /* scrollbar-width:thin; */ }
.brands-row::-webkit-scrollbar { height:8px; }
.brands-row::-webkit-scrollbar-track { background: #eef1f5; border-radius:20px; }
.brands-row::-webkit-scrollbar-thumb { background:#b3becb; border-radius:20px; }
.brand-card { background:#031424; border:1px solid #031424; border-radius:18px; padding:1rem 1.2rem; height:90px; display:flex; align-items:center; justify-content:center; box-shadow:none; transition:.3s box-shadow,.3s transform, .3s background; color:#fff; }
.brand-card span { color:#fff; }
.brand-card img { max-height:42px; max-width:100%; object-fit:contain; filter:none; opacity:1; transition:.4s transform; }
.brand-card:hover { box-shadow:none; transform:translateY(-3px); background:#06283d; }
.brand-card:hover img { transform:scale(1.05); }

/* Newsletter */
.newsletter-box { background: var(--home-gradient); color:#fff; border-radius: 30px; padding: clamp(2.2rem,4.5vw,3.2rem); position:relative; overflow:hidden; display:flex; flex-direction:column; gap:1.2rem; box-shadow:none; }
.newsletter-gradient-alt { background: linear-gradient(135deg,#031424,#052035 55%,#083a52); }

/* Promo banner styles removed (section deleted) */

/* Product grid */
.product-grid { --grid-min:220px; display:grid; gap:1.55rem; grid-template-columns:repeat(auto-fill,minmax(var(--grid-min),1fr)); }
@media (min-width:1400px){ .product-grid { --grid-min:240px; } }
.newsletter-box:before { content:""; position:absolute; inset:0; background: radial-gradient(circle at 80% 25%,rgba(255,255,255,.25),transparent 60%); pointer-events:none; }
.newsletter-box h3 { margin:0; font-size: clamp(1.8rem,3vw,2.4rem); font-weight:700; letter-spacing:-.5px; }
.newsletter-form { display:flex; flex-wrap:wrap; gap:.75rem; }
.newsletter-form input { flex:1; background: rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.35); padding:.9rem 1rem; color:#fff; border-radius:14px; font-weight:500; min-width:260px; }
.newsletter-form input::placeholder { color:rgba(255,255,255,.55); }
.newsletter-form button { background:#fff; color:#031424; border:0; padding:.9rem 1.4rem; border-radius:14px; font-weight:600; display:inline-flex; align-items:center; gap:.5rem; }
.newsletter-form button:hover { background:#f2f2f2; }

/* Utility */
.container-narrow { max-width:1500px; margin-inline:auto; padding-inline:clamp(1.5rem,5vw,3rem); }
.divider-soft { height:1px; background:linear-gradient(to right,rgba(0,0,0,0),#d0d7e1,rgba(0,0,0,0)); margin:3rem 0; }

@media (max-width: 860px){
  .deal-image { position:static; padding-right:0; margin-top:1rem; }
  .deal-stripe { padding:2rem 1.5rem; }
}

/* === Banner Visibility Adjustments (improved contrast) === */
/* Lighten the main overlay only for banner slider */
.home-top-slider--banners .home-top-slide:before { 
  /* Remove global darkening; show original image */
  background: var(--slide-bg) center/cover no-repeat; 
}
/* Height constraint kept only for banner variant */
.home-top-slider--banners .home-top-slide .slide-content { height:400px; min-height:400px; max-width:760px; }
/* Stronger readable title & subtitle */
.home-top-slider--banners .home-top-slide .slide-content .title { 
  color:#ffffff !important; 
  text-shadow:0 4px 18px rgba(0,0,0,.55), 0 0 2px rgba(0,0,0,.65);
}
.home-top-slider--banners .home-top-slide .slide-content .slide-sub { 
  color:#f2f6f9 !important; 
  text-shadow:0 2px 10px rgba(0,0,0,.55);
}
/* Extra ensure any inline dark color is overridden */
.home-top-slider--banners .home-top-slide .slide-content *[style*="color:#000"],
.home-top-slider--banners .home-top-slide .slide-content *[style*="color: #000"],
.home-top-slider--banners .home-top-slide .slide-content *[style*="color:black"] { color:#fff !important; }

/* === Final uniform banner card adjustments (size + lighter color) === */
.home-top-slider--banners .home-top-slide:before { 
  /* Final: no full-slide overlay, only panel dark */
  background: var(--slide-bg) center/cover no-repeat; 
}
.home-top-slider--banners .home-top-slide .slide-content { padding:1.9rem 2.05rem 2.55rem; border-radius:10px !important; }
/* Removed forced solid background: keep same semi-transparent panel for banners */
.home-top-slider--banners .home-top-slide .slide-content .title { text-shadow:0 3px 12px rgba(0,0,0,.45); font-size:clamp(2rem,4.2vw,3.1rem); }
.home-top-slider--banners .home-top-slide .slide-content .slide-sub { text-shadow:0 2px 8px rgba(0,0,0,.4); }
.home-top-slider--banners .home-top-slide .price-line.banner.banner-bottom { margin-top:auto; }
@media (max-width:760px){
  /* Mobile: keep desktop style but scale padding & text slightly */
  .home-top-slider--banners .home-top-slide .slide-content { 
    height:400px; min-height:400px; padding:1.5rem 1.55rem 2.1rem; 
  }
  .home-top-slider--banners .home-top-slide .slide-content .title { font-size: clamp(1.7rem,7vw,2.15rem); }
  .home-top-slider--banners .home-top-slide .slide-content .slide-sub { font-size: .9rem; }
  .home-top-slider--banners .home-top-slide .price-line.banner.banner-bottom { margin-top:auto; }
}

/* === Redesigned Scroll To Top Button (modern glass + progress) === */
body .scroll-top-btn { /* override legacy main.css */
  width:56px; height:56px; border-radius:16px; background:linear-gradient(145deg,rgba(3,20,36,.85),rgba(3,20,36,.6));
  border:1px solid rgba(255,255,255,.18); padding:0; display:flex; align-items:center; justify-content:center;
  box-shadow:0 6px 20px -6px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.06);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  flex-direction:row; gap:0; right:22px; bottom:22px; transition:background .35s, transform .35s, box-shadow .35s, bottom .5s;
}
body .scroll-top-btn i, body .scroll-top-btn .arrow-up { margin:0; color:#fff; font-size:20px; line-height:1; }
body .scroll-top-btn:hover { background:linear-gradient(145deg,rgba(3,20,36,.92),rgba(3,20,36,.72)); bottom:26px; }
body .scroll-top-btn:focus-visible { outline:2px solid var(--home-accent); outline-offset:3px; }
/* Progress ring using conic gradient; JS updates --scroll-progress (0% - 100%) */
body .scroll-top-btn:after { content:""; position:absolute; inset:0; border-radius:inherit; padding:2px; background:
  conic-gradient(var(--home-accent) var(--scroll-progress,0%), rgba(255,255,255,.12) 0);
  -webkit-mask: radial-gradient(circle at center, transparent 62%, #000 63%);
          mask: radial-gradient(circle at center, transparent 62%, #000 63%);
  pointer-events:none; transition:background .2s linear;
}
/* Appear animation refinement */
body .scroll-top-btn.jumpTop { box-shadow:0 10px 28px -8px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.08); }
@media (max-width:680px){ body .scroll-top-btn { width:50px; height:50px; border-radius:14px; right:14px; bottom:14px; } }