/* ANDALUS_SMOOTH_SITE_V1 — see assets/andalus-smooth-v1.js. Transforms + opacity only (no layout while scrolling). */
/* ANDALUS_HDR_GLIDE_V4: the header slide is done by assets/andalus-smooth-v1.js with Web Animations (graphics thread).
   No CSS transition on the header on purpose — it would fight those animations. */
@media (max-width:1024px){
  html body .an-site-header{will-change:transform}
}
/* home page: the models' search/filter bar only exists once a section is chosen (.show — andalus-home-catalog-v29.js),
   as the home page was built (andalus-home-v1a.css .tools{display:none}); andalus-product-tools-v42.css forced it on
   (display:block!important) so it showed — and stuck on top over «خدماتنا» — with no models open (owner 03:31, 03:44) */
html body section#tools.tools.an-product-tools:not(.show){display:none!important}
/* ANDALUS_TOOLS_LEAVE_V1: past the last models the filter bar fades away (assets/andalus-smooth-v1.js adds .an-tools-gone) */
html body .tools.an-tools-gone,html body .an-product-tools.tools.an-tools-gone{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .22s ease,visibility 0s linear .22s!important}
html body .tools,html body .an-product-tools.tools{transition:opacity .22s ease,visibility 0s!important}
/* opening a section in a card: the content unfolds (where the browser can animate it) and fades in everywhere else */
html body .an-cat-card details,html body .an-pd details{interpolate-size:allow-keywords}
@supports selector(::details-content){
  html body .an-cat-card details::details-content,html body .an-pd details::details-content{block-size:0;overflow:clip;transition:block-size .3s cubic-bezier(.22,.8,.24,1),content-visibility .3s allow-discrete}
  html body .an-cat-card details[open]::details-content,html body .an-pd details[open]::details-content{block-size:auto}
}
html body .an-cat-card details[open]>:not(summary),html body .an-pd details[open]>:not(summary){animation:anSmoothIn .26s ease both}
@keyframes anSmoothIn{from{opacity:0;transform:translate3d(0,-4px,0)}to{opacity:1;transform:none}}
/* the buttons inside a card: one clear main action (واتساب), the two «open» rows quiet and the same, «شارك» small */
html body .an-cat-card summary{transition:background-color .18s ease,color .18s ease}
html body .an-cat-card summary:active{background:rgba(111,68,47,.06)}
html body .an-cat-card .an-cat-btn,html body .an-cat-card .an-cat-share{transition:transform .12s ease,background-color .18s ease,box-shadow .18s ease}
html body .an-cat-card .an-cat-btn:active,html body .an-cat-card .an-cat-share:active{transform:scale(.98)}
/* «شارك» is the third action: quiet, smaller, no frame — the green WhatsApp button stays the one main action */
html body .an-cat-card .an-cat-actions-row.pactions>.an-cat-share{min-height:40px!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:#6f442f!important;font-size:14px!important}
html body .an-cat-card .an-cat-actions-row.pactions>.an-cat-share:active{background:rgba(111,68,47,.06)!important}
@media (prefers-reduced-motion:reduce){
  html body .an-site-header,html body .tools,html body .an-product-tools.tools{transition:none!important}
  html body .an-cat-card details::details-content,html body .an-pd details::details-content{transition:none!important}
  html body .an-cat-card details[open]>:not(summary),html body .an-pd details[open]>:not(summary){animation:none!important}
}