.brand-logo-image{display:block;max-width:180px;max-height:48px;object-fit:contain}
.product-card{position:relative}
.product-card .ajax-cart-form{position:absolute;right:14px;bottom:92px;z-index:8}
.product-card .ajax-cart-form .quick-add{position:static;display:grid;place-items:center}
.product-card:hover .ajax-cart-form .quick-add{opacity:1;transform:none}
.ajax-cart-form button:disabled,.newsletter-form button:disabled{opacity:.5;cursor:wait}
.catalog-search{display:flex;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#0d0d0d;overflow:hidden}
.catalog-search input{width:210px;background:transparent;color:#fff;border:0;outline:0;padding:12px 14px}
.catalog-search button{align-self:stretch;width:44px;border:0;background:var(--accent);color:#fff;cursor:pointer}
.size-choice input{position:absolute;opacity:0;pointer-events:none}
.size-choice input:checked + .size-btn{background:linear-gradient(180deg,var(--accent-2),var(--accent));border-color:transparent}
.size-choice{display:inline-flex;cursor:pointer}
.product-description p{color:#aaa;margin:0 0 12px}
.content-page{max-width:1040px;padding:clamp(28px,5vw,70px);font-size:16px;color:#bbb}
.content-page h2,.content-page h3{color:#fff;letter-spacing:-.03em}
.content-page h2{font-size:clamp(34px,5vw,60px)}
.content-page a{color:var(--accent)}
.server-flash{position:fixed;right:22px;top:125px;z-index:120;max-width:380px;padding:15px 18px;border-radius:15px;background:#fff;color:#080808;font-size:13px;font-weight:700;opacity:0;transform:translateY(-12px);transition:.3s;box-shadow:0 15px 50px rgba(0,0,0,.45)}
.server-flash.error{background:#ff2a2a;color:#fff}.server-flash.show{opacity:1;transform:none}
.toast.error{background:#ff2a2a;color:#fff}
.order-success{min-height:70vh;display:grid;place-items:center}.order-success p{font:16px "Courier New",monospace;color:#bbb;margin:30px 0}.order-success strong{color:#fff}
.cart-list form{display:grid;gap:16px}
.cart-item .qty input{min-width:0}
.cart-item .remove{font-size:12px}
.page-hero .container{position:relative;z-index:2}
@media(max-width:760px){.catalog-search{margin-top:12px}.catalog-search input{width:100%}.product-card .ajax-cart-form{bottom:86px}.server-flash{left:14px;right:14px;top:110px}.brand-logo-image{max-width:130px}.hero-copy h1{font-size:56px}}

/* FBRC commerce UX: lightweight cross-browser motion */
.site-loader,.page-transition,.cursor-dot,.cursor-ring{display:none!important}
.tilt-card,.magnetic{transform:none!important;will-change:auto!important}
.product-card,.collection-card,.look-card,.feature-image,.btn,.quick-add{transition:transform .32s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s,background .3s,opacity .3s}
.product-card:hover{transform:translate3d(0,-6px,0)}
.product-card:hover .inner{border-color:rgba(255,255,255,.16);box-shadow:0 18px 45px rgba(0,0,0,.42),0 0 24px rgba(255,42,42,.08)}
.collection-card:hover,.look-card:hover,.feature-image:hover{transform:translate3d(0,-4px,0)}
.btn:hover{transform:translate3d(0,-2px,0)}

/* Skeleton loading instead of fullscreen loader */
.media-skeleton{position:relative;overflow:hidden;background:#111}
.media-skeleton::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(105deg,#101010 20%,#242424 42%,#101010 64%);background-size:220% 100%;animation:fbrcSkeleton 1.25s linear infinite;transition:opacity .3s ease}
.media-skeleton.skeleton-ready::after{opacity:0;animation:none}
.media-skeleton>img{opacity:0;transition:opacity .35s ease,transform .55s cubic-bezier(.2,.8,.2,1)}
.media-skeleton.skeleton-ready>img{opacity:1}
@keyframes fbrcSkeleton{to{background-position:-220% 0}}
.image-switching{opacity:.2!important;transform:scale(.985)!important}

/* Size availability: stock counts stay private in admin */
.size-choice.is-unavailable{cursor:not-allowed;opacity:.38}
.size-choice.is-unavailable .size-btn{background:#151515!important;color:#666!important;border-color:#292929!important;text-decoration:line-through;box-shadow:none!important}
.size-choice.is-unavailable input{pointer-events:none}
.size-choice input:disabled+.size-btn{cursor:not-allowed}
.size-choice input:checked+.size-btn{background:linear-gradient(180deg,var(--accent-2),var(--accent));border-color:transparent;color:#fff}

/* Tracking */
.tracking-layout{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);gap:28px;align-items:start}
.tracking-form,.tracking-empty,.tracking-card{padding:30px;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));box-shadow:0 18px 55px rgba(0,0,0,.34)}
.tracking-form h2{font-size:clamp(30px,4vw,52px);line-height:.95;margin:12px 0 28px;letter-spacing:-.04em}
.tracking-form .field{margin-bottom:16px}
.tracking-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:#666;font:10px "Courier New",monospace;letter-spacing:.16em}
.tracking-divider::before,.tracking-divider::after{content:"";height:1px;flex:1;background:rgba(255,255,255,.08)}
.tracking-results{display:grid;gap:18px}
.tracking-empty{min-height:440px;display:grid;place-content:center;text-align:center}
.tracking-empty h3{font-size:25px;margin:22px 0 8px}.tracking-empty p{color:#898989;max-width:470px}
.tracking-radar{width:96px;height:96px;border:1px solid rgba(255,42,42,.28);border-radius:50%;margin:auto;position:relative;background:radial-gradient(circle,rgba(255,42,42,.18),transparent 60%)}
.tracking-radar::before,.tracking-radar::after{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.1);border-radius:50%}.tracking-radar::after{inset:32px}
.tracking-radar i{position:absolute;left:50%;top:50%;width:46%;height:1px;transform-origin:left;background:linear-gradient(90deg,var(--accent),transparent);animation:trackingScan 2.6s linear infinite}
@keyframes trackingScan{to{transform:rotate(360deg)}}
.tracking-card-head,.tracking-meta{display:flex;justify-content:space-between;gap:16px;align-items:center}
.tracking-card-head>div span{display:block;color:#777;font:10px "Courier New",monospace;letter-spacing:.12em;text-transform:uppercase}.tracking-card-head>div strong{font-size:22px}
.tracking-current{padding:9px 12px;border-radius:999px;background:rgba(255,42,42,.12);border:1px solid rgba(255,42,42,.25);font-size:12px;font-weight:800}
.tracking-meta{margin:18px 0 25px;padding:14px 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);color:#999}
.tracking-timeline{display:grid;gap:0}.tracking-step{position:relative;display:grid;grid-template-columns:22px 1fr;gap:14px;padding-bottom:24px}.tracking-step:not(:last-child)::after{content:"";position:absolute;left:6px;top:14px;bottom:0;width:1px;background:rgba(255,255,255,.13)}.tracking-step i{width:13px;height:13px;border-radius:50%;margin-top:3px;background:#5b5b5b;box-shadow:0 0 0 5px rgba(255,255,255,.035)}.tracking-step.done i,.tracking-step.active i{background:var(--accent);box-shadow:0 0 0 5px rgba(255,42,42,.1),0 0 18px rgba(255,42,42,.38)}.tracking-step strong,.tracking-step span{display:block}.tracking-step span{margin-top:4px;color:#777;font-size:12px}
.tracking-code-box{max-width:560px;margin:28px auto;padding:22px;border-radius:22px;border:1px solid rgba(255,42,42,.28);background:rgba(255,42,42,.075)}.tracking-code-box span,.tracking-code-box small{display:block}.tracking-code-box span{font:10px "Courier New",monospace;letter-spacing:.14em;text-transform:uppercase;color:#aaa}.tracking-code-box strong{display:block;margin:10px 0;font:800 clamp(24px,5vw,42px) "Courier New",monospace;letter-spacing:.16em}.tracking-code-box small{color:#999;margin-top:12px}.copy-code{border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#111;color:#fff;padding:9px 13px;cursor:pointer}.success-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.telegram-btn{border-color:#229ed9!important}

/* Checkout delivery selector and loading buttons */
.checkout-form select{width:100%}
.submit-loading{position:relative}.submit-loading i{display:none;width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:fbrcSpin .7s linear infinite}.submit-loading.is-loading i{display:block}.submit-loading.is-loading span{opacity:.72}
.ajax-cart-form button.is-loading::before,.ajax-newsletter button.is-loading::before{content:"";display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:fbrcSpin .7s linear infinite}
@keyframes fbrcSpin{to{transform:rotate(360deg)}}

/* Admin size stock */
.size-stock-admin{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#090909}
.size-stock-field{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:9px;border:1px solid #252525;border-radius:10px}.size-stock-field span{font-weight:900}.size-stock-field input{min-width:0}
.size-stock-mini{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.size-stock-mini span{padding:3px 6px;border-radius:6px;background:#173420;color:#baf7c7;font:10px "Courier New",monospace}.size-stock-mini span.zero{background:#321919;color:#ffb3b3}

@media(max-width:900px){
  .tracking-layout{grid-template-columns:1fr}
  .tracking-empty{min-height:300px}
}
@media(max-width:760px){
  .product-card:hover,.collection-card:hover,.look-card:hover,.feature-image:hover,.btn:hover{transform:none}
  .thumbs{display:flex!important;grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding:2px 2px 8px;order:2;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .thumbs::-webkit-scrollbar{display:none}.thumb{flex:0 0 88px;scroll-snap-align:start}
  .tracking-form,.tracking-empty,.tracking-card{padding:21px;border-radius:22px}
  .tracking-card-head{align-items:flex-start;flex-direction:column}.tracking-current{align-self:flex-start}
  .order-track-link{display:none}
}
@media(prefers-reduced-motion:reduce){
  .media-skeleton::after,.tracking-radar i{animation:none}
}

/* Hero motion without pointer tracking */
.hero-copy h1{animation:fbrcHeroTitle .9s cubic-bezier(.16,1,.3,1) both;animation-delay:.12s}
@keyframes fbrcHeroTitle{from{opacity:0;transform:translate3d(0,28px,0);letter-spacing:-.03em}to{opacity:1;transform:none}}
.hero-panel.main{animation:panelFloatMain 6s 1s ease-in-out infinite alternate}
.hero-panel.small-left{animation:panelFloatLeft 5.4s 1.2s ease-in-out infinite alternate}
.hero-panel.small-right{animation:panelFloatRight 6.2s .8s ease-in-out infinite alternate}
body:not(.page-ready) .hero-copy h1{opacity:1}
@supports not (backdrop-filter:blur(2px)){.site-header,.catalog-toolbar,.floating-label,.quick-add{background:#090909!important}}

/* Mobile performance profile: preserve motion while avoiding expensive GPU layers */
@media(max-width:760px){
  .site-header,.catalog-toolbar,.floating-label,.quick-add{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .hero-panel,.product-card,.collection-card,.look-card,.feature-image{transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}
  .hero-panel.main{animation-duration:8s}
  .hero-panel.small-left{animation-duration:7.2s}
  .hero-panel.small-right{animation-duration:8.4s}
  .media-skeleton::after{animation-duration:1.5s}
}

/* Safe fallback: content must never remain hidden if animation APIs are unavailable */
.no-motion .reveal,.no-motion .media-skeleton>img{opacity:1!important;transform:none!important;filter:none!important}
.no-motion .media-skeleton::after{display:none!important}
