/* V3.30 — homepage category collection, isolated from product pages. */
.ht-home .ht330-categories{background:#f5f5f2;padding:76px 0 60px}.ht330-categories .ht-section-heading{margin-bottom:32px}
.ht330-rail{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:2px;overscroll-behavior-x:contain;padding:4px 2px 16px;margin:0 -2px;scrollbar-width:thin;scrollbar-color:#bc2228 #ddd;outline-offset:5px}
.ht330-ready .ht330-rail{scrollbar-width:none}.ht330-ready .ht330-rail::-webkit-scrollbar{display:none}
.ht330-card{position:relative;isolation:isolate;flex:0 0 calc((100% - 60px)/4);min-width:0;height:410px;display:block;overflow:hidden;scroll-snap-align:start;border:1px solid #dedfda;background:#fff;border-radius:5px;text-decoration:none!important;transition:transform .3s,box-shadow .3s,border-color .3s}
.ht330-card:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 35%,#20262908 47%,#2026298a 67%,#202629f5 88%,#202629 100%)}
.ht330-card>img{position:absolute;inset:0;width:100%;height:77%;padding:26px 21px 18px;object-fit:contain;object-position:center;display:block;transition:transform .55s}
.ht330-index{position:absolute;top:17px;left:17px;z-index:2;display:grid;place-items:center;width:29px;height:29px;border:1px solid #dddeda;background:#ffffffdc;color:#5d6363;font-size:10px;font-variant-numeric:tabular-nums}
.ht330-caption{position:absolute;bottom:25px;left:23px;right:23px;z-index:2;color:#fff}.ht330-kicker{display:block;font-size:8px;letter-spacing:1.6px;color:#d7dada;margin-bottom:14px;line-height:1.5}.ht330-caption>div{display:flex;justify-content:space-between;align-items:center;gap:12px}
.ht-home .ht330-caption h3{color:white;font-size:21px;line-height:1.25;letter-spacing:-.5px;font-weight:500;margin:0;overflow-wrap:anywhere}.ht330-arrow{display:grid;place-items:center;flex:0 0 31px;height:31px;background:#ba2027;color:#fff;font-size:19px;transition:background .25s,transform .25s}.ht330-explore{display:block;color:#d3d6d6;font-size:10px;margin-top:14px;line-height:1.6}
.ht330-card:hover,.ht330-card:focus-visible{transform:translateY(-3px);border-color:#8b9495;box-shadow:0 13px 26px #1c232319}.ht330-card:focus-visible{outline:2px solid #bb2026;outline-offset:1px}.ht330-card:hover>img,.ht330-card:focus-visible>img{transform:scale(1.045)}.ht330-card:hover .ht330-arrow{background:#d4252c;transform:translate(2px,-2px)}
.ht330-progress{height:2px;background:#dedfda;margin:11px 0 0;overflow:hidden;position:relative}.ht330-progress>span{display:block;height:100%;width:0;background:#bc2228;position:absolute;left:0;top:0}
.ht330-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:22px}.ht330-bottom>p{margin:0;font-size:11px;color:#747b7c;line-height:1.7}.ht330-controls{display:flex;gap:8px}.ht330-controls[hidden],.ht330-progress[hidden]{display:none!important}
.ht330-controls button{width:42px;height:42px;display:grid;place-items:center;background:transparent;border:1px solid #cdd0cc;color:#292e30;font-size:18px;cursor:pointer;transition:background .2s,color .2s}.ht330-controls button:hover:not(:disabled){background:#242a2c;color:white;border-color:#242a2c}.ht330-controls button:disabled{opacity:.3;cursor:default}
@media(min-width:1500px){.ht330-card{height:440px}}
@media(max-width:1100px){.ht330-card{flex-basis:calc((100% - 40px)/3);height:390px}.ht330-caption{left:19px;right:19px}.ht-home .ht330-caption h3{font-size:20px}}
@media(max-width:720px){.ht-home .ht330-categories{padding:45px 0 36px}.ht330-categories .ht-section-heading{margin-bottom:25px}.ht330-rail{gap:14px}.ht330-card{flex-basis:80%;max-width:330px;height:370px}.ht330-card>img{padding:24px 21px 18px}.ht330-caption{bottom:23px;left:21px;right:21px}.ht-home .ht330-caption h3{font-size:23px}.ht330-kicker{font-size:8px}.ht330-bottom{gap:16px;padding-top:17px}.ht330-bottom>p{max-width:210px;font-size:10px}.ht330-controls button{width:44px;height:44px}.ht330-progress{margin-top:7px}}
@media(prefers-reduced-motion:reduce){.ht330-card,.ht330-card>img,.ht330-arrow,.ht330-controls button{transition:none}.ht330-card:hover,.ht330-card:focus-visible{transform:none}}

/* This original module photo has wide empty side margins; crop only that whitespace. */
.ht330-card>img[src="/images/urunler/v39-57-b037133ca943.png"]{object-fit:cover}