/** v1.9.7 — Ürün Grupları, referans görselden yeniden yazıldı. */
.okn-section.okn-categories.okn-categories--lux{
  --okn-lux-gold:#c28b3a; position:relative; isolation:isolate;
  overflow:hidden; margin:0; padding:44px 0 105px;
  background:
   radial-gradient(ellipse 33% 28% at 0% 37%,rgba(200,172,129,.16),transparent 95%),
   radial-gradient(ellipse 38% 28% at 100% 54%,rgba(224,188,127,.17),transparent 95%),
   radial-gradient(ellipse 55% 55% at 51% 60%,#fffdf9 5%,#faf5ee 92%);
  color:#09283b;
}
.okn-categories--lux .okn-cat-lux-container{position:relative;z-index:2; width:min(1110px,calc(100% - 56px))}
.okn-categories--lux .okn-cat-lux-decoration{position:absolute;z-index:0;pointer-events:none;background-repeat:no-repeat}
.okn-categories--lux .okn-cat-lux-decoration--top{
  top:0;right:0;width:clamp(190px,29vw,490px);height:clamp(93px,12vw,195px);
  background-image:url('../images/category-marble-top.webp');background-size:cover;background-position:right top;
  clip-path:ellipse(96% 69% at 73% 0%);mask-image:linear-gradient(90deg,transparent 0%,#000 35%);opacity:.57;
}
.okn-categories--lux .okn-cat-lux-decoration--bottom{
  bottom:0;left:0;width:clamp(145px,21vw,340px);height:clamp(145px,20vw,300px);
  background-image:url('../images/category-marble-bottom.webp');background-size:cover;background-position:left bottom;
  clip-path:ellipse(98% 58% at 0% 100%);mask-image:linear-gradient(90deg,#000 30%,transparent 100%);opacity:.42;
}
.okn-categories--lux .okn-cat-lux-top-wave{position:absolute;z-index:0;top:0;left:0;width:100%;height:205px;pointer-events:none;opacity:.65}
.okn-categories--lux .okn-cat-lux-bottom-wave{position:absolute;z-index:1;bottom:-1px;left:0;width:100%;height:105px;pointer-events:none}
.okn-categories--lux .okn-cat-lux-header{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:clamp(35px,5vw,100px);align-items:center;margin:0 0 36px}
.okn-categories--lux .okn-cat-lux-eyebrow{display:flex;align-items:center;gap:16px;letter-spacing:.14em;font-size:13px;font-weight:600;color:#a96c1e;text-transform:uppercase;line-height:1.2;margin:0 0 18px}
.okn-categories--lux .okn-cat-lux-eyebrow::before{content:"";width:44px;height:2px;flex:0 0 44px;background:#b88336}
.okn-categories--lux .okn-cat-lux-title h2{font:500 clamp(37px,4.2vw,60px)/1.04 var(--okn-serif,Georgia,serif);letter-spacing:-.035em;color:#0a293f;max-width:600px;margin:0}
.okn-categories--lux .okn-cat-lux-title .okn-cat-lux-highlight{display:block;color:#b07b34}
.okn-categories--lux .okn-cat-lux-intro{padding:28px 0 0;max-width:475px}
.okn-categories--lux .okn-cat-lux-intro p{font-size:15px;line-height:1.55;color:#5c6470;margin:0;max-width:440px;font-weight:400}
.okn-categories--lux .okn-cat-lux-intro>span{display:block;width:46px;height:2px;background:#e2b269;margin-top:18px}
.okn-categories--lux .okn-cat-lux-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;position:relative;z-index:2}
.okn-categories--lux .okn-cat-lux-card{min-width:0;overflow:hidden;border:0;border-radius:12px;background:rgba(255,255,255,.93);box-shadow:0 14px 35px rgba(94,65,37,.10);display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}
.okn-categories--lux .okn-cat-lux-card:hover{transform:translateY(-4px);box-shadow:0 20px 38px rgba(94,65,37,.17)}
.okn-categories--lux .okn-cat-lux-image{width:100%;height:auto;aspect-ratio:1.89;overflow:hidden;display:block;flex:none;background:#e7ded1;border-radius:0}
.okn-categories--lux .okn-cat-lux-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .38s ease}
.okn-categories--lux .okn-cat-lux-card:hover .okn-cat-lux-image img{transform:scale(1.05)}
.okn-categories--lux .okn-cat-lux-body{padding:12px 19px 17px;flex:1;display:flex;flex-direction:column;min-height:129px}
.okn-categories--lux .okn-cat-lux-body h3{font:600 clamp(17px,1.5vw,20px)/1.2 var(--okn-serif,Georgia,serif);margin:0 0 8px;letter-spacing:-.02em;color:#0b2a40}
.okn-categories--lux .okn-cat-lux-body h3 a:hover{color:#a3742d}
.okn-categories--lux .okn-cat-lux-rule{width:40px;height:1px;background:#c89142;display:block;margin:0 0 8px}
.okn-categories--lux .okn-cat-lux-body-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex:1}
.okn-categories--lux .okn-cat-lux-body p{font-size:12px;line-height:1.55;color:#636a72;margin:0;min-height:0;flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
.okn-categories--lux .okn-cat-lux-arrow{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ffebba,#f3cf87);color:#102c3b;transition:background .2s ease,transform .2s ease}
.okn-categories--lux .okn-cat-lux-arrow svg{width:17px;height:17px}
.okn-categories--lux .okn-cat-lux-arrow:hover{background:#e3ac53;transform:translateX(2px)}
.okn-categories--lux .okn-cat-lux-image .okn-image-placeholder{height:100%;min-height:0}
@media(max-width:1050px){
  .okn-categories--lux .okn-cat-lux-container{width:min(100% - 44px,1020px)}
  .okn-categories--lux .okn-cat-lux-title h2{font-size:clamp(35px,4.5vw,50px)}
  .okn-categories--lux .okn-cat-lux-header{gap:26px}
  .okn-categories--lux .okn-cat-lux-body{padding:12px 14px 15px}
}
@media(max-width:790px){
  .okn-section.okn-categories.okn-categories--lux{padding:44px 0 88px}
  .okn-categories--lux .okn-cat-lux-header{grid-template-columns:1fr;gap:9px;margin-bottom:25px}
  .okn-categories--lux .okn-cat-lux-intro{padding:0;max-width:560px}
  .okn-categories--lux .okn-cat-lux-intro p{font-size:14px}
  .okn-categories--lux .okn-cat-lux-title h2{font-size:clamp(37px,7vw,52px)}
  .okn-categories--lux .okn-cat-lux-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .okn-categories--lux .okn-cat-lux-body{min-height:136px}
  .okn-categories--lux .okn-cat-lux-body h3{font-size:17px}
}
@media(max-width:540px){
  .okn-section.okn-categories.okn-categories--lux{padding:36px 0 86px}
  .okn-categories--lux .okn-cat-lux-container{width:calc(100% - 32px)}
  .okn-categories--lux .okn-cat-lux-eyebrow{font-size:11px;gap:11px;margin-bottom:14px}
  .okn-categories--lux .okn-cat-lux-eyebrow::before{width:32px;flex-basis:32px}
  .okn-categories--lux .okn-cat-lux-title h2{font-size:clamp(34px,9.3vw,46px)}
  .okn-categories--lux .okn-cat-lux-intro p{font-size:13px;line-height:1.65}
  .okn-categories--lux .okn-cat-lux-grid{grid-template-columns:1fr;gap:16px}
  .okn-categories--lux .okn-cat-lux-image{aspect-ratio:1.75}
  .okn-categories--lux .okn-cat-lux-body{padding:13px 16px 17px;min-height:111px}
  .okn-categories--lux .okn-cat-lux-body h3{font-size:19px}
  .okn-categories--lux .okn-cat-lux-body p{font-size:12px}
  .okn-categories--lux .okn-cat-lux-bottom-wave{height:62px}
  .okn-categories--lux .okn-cat-lux-decoration--top{width:55vw;height:110px;opacity:.23}
}
@media(prefers-reduced-motion:reduce){.okn-categories--lux .okn-cat-lux-card,.okn-categories--lux .okn-cat-lux-image img,.okn-categories--lux .okn-cat-lux-arrow{transition:none}}
