/* Tevzo.in v9.1.4 — premium motion polish
   Clean commerce first: motion is subtle, transform/opacity only where possible. */
:root{
  --a914-ease:cubic-bezier(.22,1,.36,1);
  --a914-shadow:0 22px 60px rgba(20,20,20,.10);
  --a914-shadow-soft:0 12px 34px rgba(20,20,20,.07);
}

/* Header: premium glass only after the user starts scrolling. */
.a901-header{transition:box-shadow .35s var(--a914-ease),background-color .35s var(--a914-ease),border-color .35s var(--a914-ease),transform .35s var(--a914-ease)}
.a901-header.a914-scrolled{background:rgba(255,255,255,.88)!important;border-color:rgba(225,225,220,.72)!important;box-shadow:0 10px 34px rgba(20,20,20,.07);backdrop-filter:blur(22px) saturate(180%)}
.a901-nav a{position:relative}
.a901-nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:-9px;height:1.5px;border-radius:999px;background:#ef3e4a;transition:left .25s var(--a914-ease),right .25s var(--a914-ease)}
.a901-nav a:hover:after{left:0;right:0}
.a901-tool{transition:transform .22s var(--a914-ease),background .22s ease,color .22s ease}
.a901-tool:hover{transform:translateY(-2px)}

/* Hero: cinematic, not flashy. */
.a912-hero{isolation:isolate;box-shadow:var(--a914-shadow);border:1px solid rgba(255,255,255,.65);transform:translateZ(0)}
.a912-hero:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.12),transparent 31%,transparent 70%,rgba(255,255,255,.05));pointer-events:none;opacity:.5}
.a912-hero-media{overflow:hidden}
.a912-hero-media img{transform:scale(1.018);will-change:transform;transition:transform .18s linear;animation:a914HeroBreath 14s ease-in-out infinite alternate}
@keyframes a914HeroBreath{from{transform:scale(1.018)}to{transform:scale(1.055)}}
.a912-hero-copy>span,.a912-hero-copy h1,.a912-hero-copy p,.a912-hero-actions{opacity:0;transform:translateY(18px);animation:a914HeroIn .82s var(--a914-ease) forwards}
.a912-hero-copy h1{animation-delay:.08s}.a912-hero-copy p{animation-delay:.16s}.a912-hero-actions{animation-delay:.24s}
@keyframes a914HeroIn{to{opacity:1;transform:translateY(0)}}
.a912-hero h1{text-wrap:balance;text-shadow:0 3px 28px rgba(0,0,0,.14)}
.a912-btn{position:relative;overflow:hidden;transition:transform .24s var(--a914-ease),box-shadow .24s var(--a914-ease),background-color .24s ease,border-color .24s ease}
.a912-btn:before{content:"";position:absolute;top:-50%;bottom:-50%;left:-55%;width:32%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:left .55s var(--a914-ease);pointer-events:none}
.a912-btn:hover:before{left:125%}
.a912-hero .a912-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.18)}
.a912-hero .a912-btn-ghost:hover{transform:translateY(-2px);background:rgba(255,255,255,.17);border-color:rgba(255,255,255,.62)}

/* Premium section rhythm and reveal. */
.a912-section-head{transition:opacity .7s var(--a914-ease),transform .7s var(--a914-ease)}
.a914-reveal{opacity:0;transform:translateY(22px);transition:opacity .72s var(--a914-ease),transform .72s var(--a914-ease)}
.a914-reveal.a914-in{opacity:1;transform:translateY(0)}
.a914-stagger>a,.a914-stagger>article,.a914-stagger>div{opacity:0;transform:translateY(20px);transition:opacity .66s var(--a914-ease),transform .66s var(--a914-ease)}
.a914-stagger.a914-in>a,.a914-stagger.a914-in>article,.a914-stagger.a914-in>div{opacity:1;transform:translateY(0)}
.a914-stagger.a914-in>:nth-child(2){transition-delay:.07s}.a914-stagger.a914-in>:nth-child(3){transition-delay:.14s}.a914-stagger.a914-in>:nth-child(4){transition-delay:.21s}

/* Category cards: depth on intent, still clean at rest. */
.a912-collection{box-shadow:0 1px 0 rgba(20,20,20,.05);transition:transform .4s var(--a914-ease),box-shadow .4s var(--a914-ease)}
.a912-collection img{transition:transform .65s var(--a914-ease),filter .4s ease}
.a912-collection>div{transition:transform .4s var(--a914-ease)}
.a912-collection:after{transition:opacity .35s ease}
@media (hover:hover) and (pointer:fine){
  .a912-collection:hover{transform:translateY(-7px);box-shadow:0 22px 46px rgba(20,20,20,.13)}
  .a912-collection:hover img{transform:scale(1.055)}
  .a912-collection:hover>div{transform:translateY(-3px)}
}
.a912-collection span{display:inline-flex;align-items:center;gap:7px}
.a912-collection span:after{content:"";width:16px;height:1px;background:currentColor;transition:width .3s var(--a914-ease)}
.a912-collection:hover span:after{width:28px}

/* Product cards: luxury retail micro-motion. */
.a912-product{transition:transform .38s var(--a914-ease)}
.a912-product-image{box-shadow:0 1px 0 rgba(20,20,20,.05);transition:box-shadow .38s var(--a914-ease),transform .38s var(--a914-ease)}
.a912-product-image img{transition:transform .65s var(--a914-ease),filter .35s ease!important}
.a912-product-info h3{transition:color .2s ease}
@media (hover:hover) and (pointer:fine){
  .a912-product:hover{transform:translateY(-5px)}
  .a912-product:hover .a912-product-image{box-shadow:0 18px 38px rgba(20,20,20,.10)}
  .a912-product:hover .a912-product-image img{transform:scale(1.045)!important}
  .a912-product:hover .a912-product-info h3{color:#ef3e4a!important}
}
.a912-product-image>span{box-shadow:0 6px 18px rgba(0,0,0,.08)}

/* Trust strip: crisp card treatment rather than another loud section. */
.a912-trust{background:rgba(255,255,255,.58);border-radius:18px;padding:19px 10px;border:1px solid rgba(222,222,216,.92);box-shadow:0 10px 34px rgba(20,20,20,.035);overflow:hidden}
.a912-trust>div{transition:transform .28s var(--a914-ease)}
@media (hover:hover) and (pointer:fine){.a912-trust>div:hover{transform:translateY(-2px)}}

/* Footer and app dock polish. */
.a901-footer a{transition:color .2s ease,transform .2s var(--a914-ease)}
.a901-footer a:hover{transform:translateX(2px)}
.a901-tabbar{transition:box-shadow .28s ease,transform .28s var(--a914-ease)}
.a901-tabbar.a914-tab-pop{animation:a914Dock .42s var(--a914-ease)}
@keyframes a914Dock{50%{transform:translateY(-3px) scale(.995)}}
.a901-design-tab i{transition:transform .28s var(--a914-ease),box-shadow .28s ease!important}
.a901-design-tab:active i{transform:rotate(0) scale(.94)!important}

@media(max-width:900px){
  /* Mobile: card-like hero gives a native shopping app feel without increasing page length. */
  .a912-home{padding-top:0!important}
  .a912-hero{height:380px!important;width:calc(100% - 20px);margin:10px 10px 0;border-radius:23px!important;box-shadow:0 14px 38px rgba(20,20,20,.12)}
  .a912-hero-media img{object-position:center 22%;animation-duration:16s}
  .a912-hero-copy{left:16px!important;right:16px!important;bottom:16px!important}
  .a912-hero h1{font-size:32px!important;max-width:290px!important}
  .a912-hero p{font-size:10px!important;max-width:292px!important}
  .a912-hero-actions{margin-top:12px!important}
  .a912-btn{min-height:40px!important}

  /* Categories become one compact swipe rail instead of a tall grid. */
  .a912-section{padding-top:34px!important}
  .a912-collections{display:flex!important;overflow-x:auto;gap:10px;margin-right:-14px;padding-right:14px;padding-bottom:4px;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .a912-collections::-webkit-scrollbar{display:none}
  .a912-collection,.a912-collection:first-child{flex:0 0 72vw!important;max-width:270px;height:205px!important;grid-column:auto!important;border-radius:18px!important;scroll-snap-align:start}
  .a912-collection h3{font-size:19px!important}
  .a912-collection p{font-size:9px!important}

  .a912-product{flex-basis:43vw!important}
  .a912-products{padding-bottom:4px}
  .a912-trust{margin-top:34px!important;border-radius:16px!important;padding:0!important;background:#fff}

  /* Give the dock just enough depth to float, not dominate. */
  .a901-tabbar{background:rgba(255,255,255,.92)!important;box-shadow:0 14px 34px rgba(20,20,20,.14)!important;backdrop-filter:blur(20px) saturate(180%)!important}
}

@media(max-width:520px){
  .a912-hero{height:360px!important}
  .a912-hero h1{font-size:30px!important}
  .a912-collection,.a912-collection:first-child{flex-basis:74vw!important;height:198px!important}
}
@media(max-width:380px){
  .a912-hero{height:342px!important}
  .a912-hero h1{font-size:28px!important}
}

/* Accessibility and battery-friendly motion fallback. */
@media(prefers-reduced-motion:reduce){
  .a912-hero-media img,.a912-hero-copy>span,.a912-hero-copy h1,.a912-hero-copy p,.a912-hero-actions,.a901-tabbar.a914-tab-pop{animation:none!important}
  .a912-hero-copy>span,.a912-hero-copy h1,.a912-hero-copy p,.a912-hero-actions,.a914-reveal,.a914-stagger>a,.a914-stagger>article,.a914-stagger>div{opacity:1!important;transform:none!important;transition:none!important}
  *{scroll-behavior:auto!important}
}
@media (hover:hover) and (pointer:fine) and (min-width:901px){
  .a912-hero-media{transform:translate(var(--a914-x,0),var(--a914-y,0));transition:transform .45s var(--a914-ease)}
}