/*
Theme Name: Alkar Design
Theme URI: https://www.instagram.com/alkar.design
Author: Alkar Design
Description: Interyer dizayn studiyası üçün bej və qəhvəyi tonlarda tək səhifəlik tema.
Version: 1.4
License: GNU General Public License v2 or later
Text Domain: alkar-design
*/
html{scroll-behavior:smooth}
section[id]{scroll-margin-top:16px}
body{margin:0}
a{color:inherit;text-decoration:none}
a:hover{opacity:.7}
header a{color:#3B2A20;text-decoration:none}
header nav a{display:inline-block;padding:10px 20px;border:1px solid #3B2A20;color:#3B2A20;text-decoration:none}
header nav a{position:relative;overflow:hidden;isolation:isolate;transition:color .35s ease}
header nav a::before{content:"";position:absolute;inset:0;background:#3B2A20;transform:translateY(101%);transition:transform .35s ease;z-index:-1}
header nav a:hover,header nav a:focus-visible{background:transparent;color:#F4EDE2;opacity:1}
header nav a:hover::before,header nav a:focus-visible::before{transform:none}
.ph>div[style*="absolute"]{position:static !important}
#ust a,#iletisim a{transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease}
#ust a:hover,#iletisim a:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(59,42,32,.2);opacity:1}
section[id] .ph{transition:transform .5s ease,box-shadow .5s ease}
section[id] .ph:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(59,42,32,.2)}
@keyframes alkarRise{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@keyframes alkarFade{from{opacity:0}to{opacity:1}}
@keyframes alkarArrive{from{opacity:.5;transform:translateY(14px)}to{opacity:1;transform:none}}
#ust>div>*{animation:alkarRise .9s cubic-bezier(.2,.7,.2,1) both}
#ust>div>*:nth-child(2){animation-delay:.12s}
#ust>div>*:nth-child(3){animation-delay:.24s}
#ust>div>*:nth-child(4){animation-delay:.36s}
#ust>img{animation:alkarFade 1.2s ease .3s both}
section[id]:target{animation:alkarArrive .9s ease}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}}
@media (max-width:700px){
header{justify-content:center !important;text-align:center}
header>a{font-size:22px !important}
header nav{gap:8px !important;justify-content:center}
header nav a{padding:8px 12px !important;font-size:11px !important}
section[id]{padding-top:56px !important;padding-bottom:56px !important}
}
.ph{display:flex;align-items:center;justify-content:center;text-align:center;background:#D9C7AE;color:#7A5A44;font-family:'Jost',sans-serif;font-size:13px;letter-spacing:.14em;text-transform:uppercase;box-sizing:border-box;padding:16px}



/* Scroll animasiyaları (main.js ilə) */
html.js .rv{opacity:0;transform:translateY(46px) scale(.985);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1),box-shadow .5s ease;will-change:opacity,transform}
html.js .rv.in{opacity:1;transform:none}
#alkar-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:#8A4F32;transform-origin:0 50%;transform:scaleX(0);z-index:9999;pointer-events:none}
@media (prefers-reduced-motion:reduce){html.js .rv{opacity:1;transform:none}}