/* v3.7.1 supplied brand asset, CAPTCHA component and mobile dock repair */

/* Original Script Sell Shop logo with restrained, GPU-friendly motion. */
.brand-logo-link{min-width:0;flex:0 1 255px;width:255px;max-width:255px}
.brand-logo-shell{position:relative;isolation:isolate;display:block;width:100%;line-height:0;filter:drop-shadow(0 8px 18px rgba(76,175,80,.16));animation:brandLogoFloat 4.8s ease-in-out infinite}
.brand-logo-shell img{position:relative;z-index:2;width:100%;height:auto;aspect-ratio:2048/298;object-fit:contain;object-position:left center}
.brand-logo-glow{position:absolute;z-index:3;inset:0;overflow:hidden;pointer-events:none;clip-path:inset(0 round 4px)}
.brand-logo-glow:before{content:"";position:absolute;top:-35%;bottom:-35%;left:-24%;width:13%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);filter:blur(4px);transform:skewX(-18deg);animation:brandLogoSweep 5.2s ease-in-out 1s infinite}
.brand-logo-dot{position:absolute;z-index:4;width:5px;height:5px;border-radius:50%;background:#a9ef57;box-shadow:0 0 0 0 rgba(169,239,87,.45),0 0 10px rgba(169,239,87,.8);pointer-events:none;animation:brandLogoDot 2.4s ease-out infinite}
.brand-logo-dot.dot-one{left:43%;top:7%}.brand-logo-dot.dot-two{right:2%;bottom:10%;animation-delay:1.15s}
.footer-brand.brand-logo-link{width:255px;max-width:100%;margin-bottom:22px}
@keyframes brandLogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes brandLogoSweep{0%,38%{left:-24%;opacity:0}49%{opacity:.7}62%,100%{left:112%;opacity:0}}
@keyframes brandLogoDot{0%{opacity:.9;box-shadow:0 0 0 0 rgba(169,239,87,.5),0 0 10px rgba(169,239,87,.8)}75%,100%{opacity:.25;box-shadow:0 0 0 9px rgba(169,239,87,0),0 0 3px rgba(169,239,87,.2)}}

/* Reference-inspired, reusable CAPTCHA. */
.security-captcha{grid-column:1/-1;min-width:0;min-inline-size:0;width:100%;margin:4px 0;padding:10px 18px 17px;border:1px solid #d6e5df;border-radius:18px;background:linear-gradient(145deg,#fbfdfc,#f5faf8);box-shadow:0 12px 32px rgba(27,81,61,.045)}
.security-captcha legend{max-width:calc(100% - 20px);padding:0 8px;color:#173b30;font-size:12px;font-weight:800}
.security-captcha legend>span{display:inline-flex;align-items:center;gap:9px}
.security-captcha legend i{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#e3f8ef;color:#07956b;font-size:12px}
.security-captcha-intro{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:8px 0 13px;color:#526e65;font-size:11px}
.security-captcha-intro b{flex:0 0 auto;padding:7px 11px;border-radius:999px;background:#e5f8f1;color:#008c67;font-size:9px;letter-spacing:.08em}
.security-captcha-display{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:stretch;margin-bottom:14px}
.security-captcha-code{min-width:0;display:grid;grid-template-columns:repeat(5,minmax(38px,1fr));gap:7px;padding:9px;border:1px solid #d2e8df;border-radius:13px;background:#fff;box-shadow:0 14px 30px rgba(19,111,81,.08)}
.security-captcha-code span{min-width:0;height:48px;display:grid;place-items:center;border:2px solid #9fe1ca;border-radius:12px;background:#eaf9f3;color:#007b5c;font:900 25px/1 Montserrat,Arial,sans-serif;box-shadow:inset 0 1px 0 rgba(255,255,255,.75);transform:rotate(-1.2deg);transition:transform .2s,background .2s}
.security-captcha-code span:nth-child(even){transform:rotate(1.2deg);background:#f1fbf7}.security-captcha-code span:nth-child(3){transform:rotate(-.35deg)}
.security-captcha-refresh{min-width:118px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid #cbdcd5;border-radius:13px;background:#fff;color:#183b30;font-size:10px;font-weight:800;cursor:pointer;transition:.2s}
.security-captcha-refresh i{color:#ed680d;font-size:15px;transition:transform .35s}.security-captcha-refresh:hover{border-color:#82cdb3;background:#f7fcfa}.security-captcha-refresh:hover i,.security-captcha-refresh[aria-busy="true"] i{transform:rotate(180deg)}.security-captcha-refresh:disabled{opacity:.65;cursor:wait}
.security-captcha>label{display:block;margin:2px 0 7px;color:#26483d;font-size:11px;font-weight:800}
.security-captcha-input{min-height:52px!important;border-color:#d4e1dc!important;border-radius:13px!important;background:#fbfdfc!important;text-align:center;font-size:17px!important;font-weight:800!important;letter-spacing:.36em;color:#174638!important}
.security-captcha-input::placeholder{color:#9aaca6;letter-spacing:.26em;font-weight:500}.security-captcha-input:focus{border-color:#43ba94!important;box-shadow:0 0 0 4px rgba(32,175,128,.1)!important}
.security-captcha-note{display:flex;align-items:center;gap:7px;margin-top:9px;color:#718a81;font-size:9px}.security-captcha-note i{color:#36a984}
.security-captcha.captcha-refreshed .security-captcha-code span{animation:captchaCellRefresh .55s ease both}.security-captcha.captcha-refresh-error{border-color:#efaaaa;box-shadow:0 0 0 3px rgba(224,68,68,.08)}
.security-captcha--compact{padding:9px 12px 13px;border-radius:14px}.security-captcha--compact legend i{width:26px;height:26px}.security-captcha--compact .security-captcha-intro{margin-block:5px 9px}.security-captcha--compact .security-captcha-code{gap:5px;padding:7px}.security-captcha--compact .security-captcha-code span{height:40px;border-radius:9px;font-size:20px}.security-captcha--compact .security-captcha-refresh{min-width:102px}.security-captcha--compact .security-captcha-input{min-height:46px!important}
@keyframes captchaCellRefresh{0%{opacity:.15;transform:translateY(-6px) rotate(-2deg)}100%{opacity:1}}

/* Mobile dock: keep every item inside the bar and above the safe area. */
@media(max-width:850px){
  .nav-main>.brand-logo-link{flex-basis:210px;width:210px;max-width:min(210px,calc(100vw - 132px))}
  .mobile-bottom-nav{position:fixed!important;left:50%!important;right:auto!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;z-index:1200!important;width:min(480px,calc(100vw - 24px))!important;max-width:none!important;height:68px!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:center!important;padding:6px!important;overflow:visible!important;border:1px solid rgba(134,159,148,.25)!important;border-radius:21px!important;background:rgba(13,20,20,.97)!important;box-shadow:0 18px 46px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05)!important;transform:translateX(-50%)!important;backdrop-filter:blur(18px)}
  .mobile-bottom-nav>a,.mobile-bottom-nav>button{position:relative!important;min-width:0!important;width:100%!important;height:54px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:4px!important;margin:0!important;padding:5px 2px!important;border:0!important;border-radius:14px!important;background:transparent!important;color:#929da0!important;font:700 8px/1 Montserrat,Arial,sans-serif!important;transform:none!important;overflow:visible!important}
  .mobile-bottom-nav>a>i,.mobile-bottom-nav>button>i{font-size:16px!important;line-height:1!important}.mobile-bottom-nav>a>span,.mobile-bottom-nav>button>span{display:block!important;width:100%!important;overflow:hidden!important;text-align:center;text-overflow:ellipsis;white-space:nowrap}
  .mobile-bottom-nav .active:not(.mobile-cart-dock){background:rgba(77,190,92,.1)!important;color:#75db80!important}.mobile-bottom-nav .active:after{display:none!important;content:none!important}
  .mobile-bottom-nav .mobile-cart-dock{height:61px!important;margin:0!important;padding-top:0!important;color:#f6fff7!important;transform:translateY(-12px)!important;background:transparent!important}
  .mobile-cart-dock>i{flex:0 0 49px!important;width:49px!important;height:49px!important;display:grid!important;place-items:center!important;border:4px solid #17201f!important;border-radius:50%!important;background:linear-gradient(145deg,#63ce69,#36a74a)!important;box-shadow:0 9px 22px rgba(72,192,84,.34)!important;color:#fff!important;font-size:17px!important}
  .mobile-cart-dock>span{margin-top:-1px!important;color:#dce8df!important}.mobile-cart-dock>b{top:-2px!important;right:calc(50% - 29px)!important;border-color:#17201f!important}
  .site-footer{padding-bottom:calc(104px + env(safe-area-inset-bottom))!important}
}

@media(max-width:600px){
  .security-captcha{padding:8px 11px 13px;border-radius:15px}.security-captcha legend{padding-inline:5px}.security-captcha-intro{font-size:9px}.security-captcha-intro b{padding:6px 8px;font-size:8px}
  .security-captcha-display{grid-template-columns:minmax(0,1fr) 84px;gap:8px}.security-captcha-code{grid-template-columns:repeat(5,minmax(31px,1fr));gap:4px;padding:6px}.security-captcha-code span{height:40px;border-radius:9px;font-size:20px}.security-captcha-refresh{min-width:0;padding:7px;font-size:8px;flex-direction:column;gap:4px}.security-captcha-refresh i{font-size:14px}.security-captcha-input{min-height:47px!important;font-size:15px!important}.security-captcha-note{font-size:8px}
  .security-captcha--compact .security-captcha-display{grid-template-columns:minmax(0,1fr)}.security-captcha--compact .security-captcha-refresh{min-height:39px;flex-direction:row}
  .mobile-bottom-nav{bottom:calc(10px + env(safe-area-inset-bottom))!important;width:calc(100vw - 16px)!important;height:66px!important;border-radius:19px!important}.mobile-bottom-nav>a,.mobile-bottom-nav>button{height:52px!important;font-size:7px!important}.mobile-bottom-nav .mobile-cart-dock{height:59px!important;transform:translateY(-11px)!important}
}

@media(max-width:390px){.nav-main>.brand-logo-link{flex-basis:176px;width:176px;max-width:calc(100vw - 122px)}.security-captcha-intro>span{max-width:190px}.security-captcha-display{grid-template-columns:minmax(0,1fr) 72px}.security-captcha-code span{height:37px;font-size:18px}.security-captcha-refresh span{font-size:7px}.mobile-bottom-nav{width:calc(100vw - 12px)!important;padding-inline:4px!important}}
@media(prefers-reduced-motion:reduce){.brand-logo-shell,.brand-logo-glow:before,.brand-logo-dot,.security-captcha.captcha-refreshed .security-captcha-code span{animation:none!important}.security-captcha-refresh i{transition:none}}
@media print{.mobile-bottom-nav{display:none!important}.brand-logo-shell{animation:none}}
