/* Motion layer: reduced automatically for visitors who prefer less animation. */
#app.page-enter { animation: page-in .55s ease; }
.hero-slider { position:relative; min-height:500px; overflow:hidden; background:#1e110b; }
.slide { position:absolute; inset:0; display:block; opacity:0; transform:scale(1.015); transition:opacity .8s ease,transform 1.2s ease; pointer-events:none; }
.slide.active { opacity:1; transform:scale(1); pointer-events:auto; }
.slide-copy { position:relative; z-index:2; width:min(62%,760px); min-height:500px; padding:105px 8% 75px; background:linear-gradient(90deg,rgba(22,11,7,.98) 0%,rgba(38,21,14,.94) 60%,rgba(38,21,14,.52) 82%,transparent 100%); }
.slide-copy h1 { margin:15px 0 20px; font:500 clamp(40px,5vw,66px)/.92 Georgia,serif; letter-spacing:-.03em; }
.slide-copy .copy { max-width:470px; margin-bottom:26px; }
.slide-image { position:absolute; inset:0; z-index:0; background-position:right center; background-repeat:no-repeat; background-size:contain; background-color:#1e110b; filter:saturate(.9) contrast(1.05); }
.slide.active .slide-copy > * { animation: rise .7s both; }
.slide.active .slide-copy h1 { animation-delay:.08s; }
.slide.active .slide-copy .copy { animation-delay:.16s; }
.slide.active .slide-copy .btn { animation-delay:.24s; }
.slider-controls { position:absolute; right:6%; bottom:27px; z-index:3; display:flex; align-items:center; gap:8px; }
.slider-controls button { width:34px; height:34px; border:1px solid #d7aa43; background:#24140ddd; color:#f5e6c6; font-size:18px; }
.slider-dots { display:flex; gap:7px; margin:0 7px; }
.slider-dots button { width:8px; height:8px; padding:0; border-radius:50%; border:0; background:#e7d6b433; }
.slider-dots button.active { background:#e0ad3b; }
.product-tile,.catalog-card { transition:transform .25s ease,box-shadow .25s ease; }
.product-tile:hover,.catalog-card:hover { transform:translateY(-5px); box-shadow:0 14px 28px #2c160d33; }
.quality-cert { animation:rise .6s both; }
.quality-cert:nth-child(2){animation-delay:.08s}.quality-cert:nth-child(3){animation-delay:.16s}.quality-cert:nth-child(4){animation-delay:.24s}.quality-cert:nth-child(5){animation-delay:.32s}
@keyframes page-in { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:none; } }
@keyframes rise { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:none; } }
@media (max-width:720px) { .slide-copy { width:100%; min-height:500px; padding:65px 11%; background:linear-gradient(90deg,rgba(22,11,7,.94),rgba(38,21,14,.62)); } .slide-image { background-size:cover; background-position:center; } }
@media (prefers-reduced-motion:reduce) { *,*:before,*:after { animation-duration:.01ms !important; transition-duration:.01ms !important; scroll-behavior:auto !important; } }
