/* ===== KATEGORİ 3 + 3 KESİN DÜZEN ===== */
.ps27h-home .ps27h-category-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
grid-auto-rows:auto!important;
gap:14px!important
}
.ps27h-home .ps27h-category,
.ps27h-home .ps27h-category:nth-child(1),
.ps27h-home .ps27h-category:nth-child(2),
.ps27h-home .ps27h-category:nth-child(3),
.ps27h-home .ps27h-category:nth-child(4),
.ps27h-home .ps27h-category:nth-child(5),
.ps27h-home .ps27h-category:nth-child(6){
grid-column:auto!important;
grid-row:auto!important;
width:100%!important;
height:auto!important;
min-width:0!important;
min-height:0!important;
margin:0!important;
aspect-ratio:16/10!important
}
.ps27h-home .ps27h-category img{
width:100%!important;
height:100%!important;
object-fit:cover!important
}
.ps27h-home .ps27h-category-info{
left:0!important;
right:0!important;
bottom:0!important;
padding:40px 20px 17px!important;
background:linear-gradient(180deg,transparent,rgba(0,0,0,.72))!important
}

/* TABLET */
@media(max-width:1024px){
.ps27h-home .ps27h-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.ps27h-home .ps27h-category,.ps27h-home .ps27h-category:nth-child(n){aspect-ratio:4/5!important}
.ps27h-home .ps27h-category-info{padding:30px 12px 11px!important}
.ps27h-home .ps27h-category-info h3{font-size:clamp(17px,2.7vw,26px)!important}
}

/* TELEFON */
@media(max-width:560px){
.ps27h-home .ps27h-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.ps27h-home .ps27h-category,.ps27h-home .ps27h-category:nth-child(n){aspect-ratio:4/5!important}
.ps27h-home .ps27h-category-info{padding:24px 9px 9px!important}
.ps27h-home .ps27h-category-info h3{font-size:15px!important;line-height:1.05!important}
.ps27h-home .ps27h-category-info p{font-size:7px!important}
.ps27h-home .ps27h-category-info span{font-size:14px!important}
}
/* KATEGORİ KART BOYU - TABLET İLE AYNI */
.ps27h-home .ps27h-category,
.ps27h-home .ps27h-category:nth-child(n){
aspect-ratio:4/5!important;
height:auto!important;
}

.ps27h-home .ps27h-category img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center!important;
}



/* ===== PS27 MOBİL KESİN DÜZELTME ===== */
.ps27h-home{container-type:inline-size}

/* DAR ALAN / MOBİL */
@container(max-width:600px){

/* HERO / BANNER */
.ps27h-hero{padding:12px 0 18px!important}
.ps27h-hero-head{padding-bottom:10px!important}
.ps27h-hero-head p,.ps27h-hero-head span{font-size:8px!important;letter-spacing:.08em!important}

.ps27h-hero-stage{
width:100%!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
aspect-ratio:430/240!important;
overflow:hidden!important
}

.ps27h-hero-image{
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center!important
}

.ps27h-hero-copy{
left:15px!important;
right:auto!important;
bottom:14px!important;
top:auto!important;
width:58%!important;
max-width:235px!important
}

.ps27h-kicker{
margin:0 0 5px!important;
font-size:7px!important;
line-height:1.15!important;
letter-spacing:.08em!important
}

.ps27h-hero-copy h1{
margin:0!important;
font-size:clamp(27px,8vw,34px)!important;
line-height:.84!important;
letter-spacing:-.055em!important
}

.ps27h-hero-copy h1 em{
display:block!important;
margin-left:7px!important;
white-space:nowrap!important
}

.ps27h-hero-desc{display:none!important}

.ps27h-hero-actions{
margin-top:8px!important
}

.ps27h-hero-actions .ps27h-btn{
min-height:30px!important;
padding:0 9px!important;
gap:7px!important;
font-size:7px!important;
white-space:nowrap!important
}


/* YENİ GELENLER BAŞLIK */
.ps27h-new{
padding:62px 0 72px!important
}

.ps27h-new-head{
width:calc(100% - 28px)!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
align-items:end!important;
gap:12px!important;
margin:0 auto 30px!important
}

.ps27h-new-head h2{
font-size:clamp(36px,10vw,44px)!important;
line-height:.88!important
}

.ps27h-new-side{
display:flex!important;
align-items:flex-end!important;
gap:8px!important
}

.ps27h-new-side strong{
font-size:40px!important;
line-height:.75!important
}

.ps27h-new-side span{
font-size:7px!important;
line-height:1.35!important
}


/* ÜRÜNLER 2 SÜTUN */
.ps27h-product-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
grid-auto-flow:row!important;
gap:27px 10px!important;
width:calc(100% - 28px)!important;
margin-left:auto!important;
margin-right:auto!important
}

.ps27h-product-grid .ps27h-product-card,
.ps27h-product-grid .ps27h-product-card:nth-child(n){
display:flex!important;
flex-direction:column!important;
width:100%!important;
min-width:0!important;
margin:0!important
}

.ps27h-product-media{
width:100%!important;
aspect-ratio:4/5!important
}

.ps27h-product-media img{
width:100%!important;
height:100%!important;
object-fit:cover!important
}

.ps27h-product-info{
display:block!important;
width:100%!important;
min-width:0!important;
padding-top:9px!important
}

.ps27h-product-info>div:first-child{
width:100%!important;
min-width:0!important
}

.ps27h-product-info p{
margin:0 0 4px!important;
font-size:8px!important;
line-height:1.2!important;
white-space:normal!important
}

.ps27h-product-info h3{
width:100%!important;
min-height:0!important;
margin:0!important;
font-size:14px!important;
line-height:1.08!important;
word-break:normal!important;
overflow-wrap:break-word!important;
hyphens:none!important
}

.ps27h-product-info h3 a{
display:block!important;
color:inherit!important
}

.ps27h-product-price{
display:flex!important;
align-items:center!important;
gap:6px!important;
margin-top:7px!important;
text-align:left!important;
white-space:normal!important
}

.ps27h-product-price del{
display:inline!important;
margin:0!important;
font-size:10px!important
}

.ps27h-product-price strong{
display:inline!important;
font-size:13px!important
}

.ps27h-product-add{
width:100%!important;
min-height:38px!important;
margin-top:10px!important;
padding:5px!important;
font-size:9px!important
}

.ps27h-product-badge{
font-size:7px!important;
padding:5px 6px!important;
max-width:62%!important
}

.ps27h-fav{
width:32px!important;
height:32px!important
}

}

/* NORMAL MEDIA QUERY YEDEĞİ */
@media(max-width:560px){

.ps27h-home .ps27h-hero-stage{
width:100%!important;
aspect-ratio:430/240!important
}

.ps27h-home .ps27h-hero-copy{
left:15px!important;
bottom:14px!important;
top:auto!important;
width:58%!important;
max-width:235px!important
}

.ps27h-home .ps27h-hero-copy h1{
font-size:clamp(27px,8vw,34px)!important;
line-height:.84!important
}

.ps27h-home .ps27h-hero-copy h1 em{
margin-left:7px!important
}

.ps27h-home .ps27h-hero-desc{
display:none!important
}

.ps27h-home .ps27h-product-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:27px 10px!important
}

.ps27h-home .ps27h-product-info{
display:block!important
}

.ps27h-home .ps27h-product-info h3{
font-size:14px!important;
line-height:1.08!important;
word-break:normal!important;
overflow-wrap:break-word!important
}

}