/* Homepage collection: independent product layers above lightweight ornamental patterns. */
.inci-products{
  --inci-collection-ink:#082b5c;
  --inci-collection-accent:#ffd000;
  padding:clamp(44px,4.3vw,65px) 24px clamp(49px,4.2vw,65px);
  background:#fdfcf9 url('../images/backgrounds/inci-mermer-kesintisiz.webp') center top / 1650px auto repeat;
  color:var(--inci-collection-ink);
  isolation:isolate;
}
.inci-products__canvas{width:min(100%,1240px);margin-inline:auto}
.inci-products__heading{text-align:center;margin:0 auto clamp(18px,2vw,26px);max-width:850px}
.inci-products__eyebrow{font-size:clamp(12px,1.03vw,15px);letter-spacing:.22em;font-weight:800;display:flex;align-items:center;flex-direction:column;gap:13px}
.inci-products__eyebrow::before{content:"";width:81px;height:4px;background:#ffce00;border-radius:9px}
.inci-products__heading h2{margin:0;font-size:clamp(31px,3vw,49px);font-weight:600;line-height:1.19;letter-spacing:-.052em;text-wrap:balance}
.inci-products__heading h2 span{color:#e7b600;font-weight:600}
.inci-products__heading p{margin:0;font-size:clamp(14px,1.13vw,17px);line-height:1.58;color:#45566c;font-weight:500}
.inci-collection{display:flex;width:100%;height:clamp(405px,35vw,470px);overflow:hidden;isolation:isolate;box-shadow:0 22px 46px rgba(9,35,75,.12);background:#0c3673}
.inci-collection__panel{position:relative;isolation:isolate;min-width:0;flex:1 1 0%;overflow:hidden;transition:flex-grow .66s cubic-bezier(.23,.75,.25,1);background-color:#12377c;--collection-type:#fff}
.inci-collection__panel::before{content:"";position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;transform:scale(1.02);transition:transform .7s ease}
.inci-collection__panel::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.08),transparent 35%,rgba(0,0,0,.045) 100%)}
.inci-collection__panel--sunflower::before{background-image:url('../images/home-collection/kapak-desen-aycicek.webp')}
.inci-collection__panel--corn::before{background-image:url('../images/home-collection/kapak-desen-misir.webp')}
.inci-collection__panel--other::before{background-image:url('../images/home-collection/kapak-desen-diger.webp')}
.inci-collection__panel--corn{--collection-type:#142d4e}
.inci-collection__panel.is-open{flex-grow:4.35}
.inci-collection__panel.is-open::before{transform:scale(1)}
.inci-collection__trigger{appearance:none;-webkit-appearance:none;color:var(--collection-type);position:absolute;left:0;top:0;z-index:4;width:100%;height:100%;padding:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;text-align:center;border:0;background:transparent;font:inherit;transition:height .25s}
.inci-collection__trigger:focus-visible{outline:3px solid #fff;outline-offset:-7px}
.inci-collection__panel-title{margin:26px 8px 0;font-size:clamp(18px,1.45vw,23px);line-height:1.23;font-weight:800;letter-spacing:-.04em;text-shadow:0 1px 9px #00000012;white-space:nowrap;transition:margin .45s ease,transform .45s ease}
.inci-collection__hint{position:absolute;bottom:21px;display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:.01em;font-size:12px;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s;pointer-events:none}
.inci-collection__panel:hover:not(.is-open) .inci-collection__hint{opacity:1;transform:translateY(0)}
.inci-collection__hint span{font-size:19px}
.inci-collection__cover{position:absolute;z-index:2;display:block;width:72%;max-width:244px;height:66%;object-fit:contain;object-position:center;top:24%;left:50%;transform:translateX(-50%);filter:drop-shadow(0 18px 17px rgba(5,16,32,.16));pointer-events:none;user-select:none;transition:opacity .22s ease, transform .58s cubic-bezier(.23,.75,.25,1), filter .3s ease}
.inci-collection__panel--corn .inci-collection__cover{width:68%;max-width:236px;height:66%;top:24%}
.inci-collection__panel--other .inci-collection__cover{width:86%;max-width:290px;height:57%;top:32%;filter:drop-shadow(0 25px 20px rgba(10,17,29,.19))}
.inci-collection__panel:not(.is-open):hover .inci-collection__cover{transform:translateX(-50%) scale(1.035);filter:drop-shadow(0 23px 17px rgba(4,11,34,.23))}
.inci-collection__panel.is-open .inci-collection__cover{opacity:0;transform:translateX(-60%) scale(.91);visibility:hidden;transition:opacity .23s ease, transform .38s ease,visibility 0s .23s}
.inci-collection__panel.is-open .inci-collection__trigger{height:77px;align-items:flex-start;text-align:left}
.inci-collection__panel.is-open .inci-collection__panel-title{margin:23px 26px 0;font-size:clamp(21px,1.9vw,26px)}
.inci-collection__panel.is-open .inci-collection__hint{display:none}
.inci-collection__inside{position:absolute;inset:80px 0 11px;display:flex;flex-direction:column;min-width:0;visibility:hidden;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .24s ease,transform .32s ease,visibility 0s .24s}
.inci-collection__panel.is-open .inci-collection__inside{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition:opacity .34s ease .20s,transform .34s ease .20s,visibility 0s}
.inci-collection__scroller{display:flex;align-items:stretch;gap:12px;min-width:0;min-height:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scroll-behavior:smooth;scrollbar-width:none;padding:3px 23px 8px;flex:1}
.inci-collection__scroller::-webkit-scrollbar{display:none}
.inci-collection__scroller:focus-visible{outline:2px solid #fff;outline-offset:-3px}
.inci-collection__item{flex:0 0 clamp(152px,13.8vw,186px);min-width:0;height:100%;max-height:318px;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#172c46;overflow:hidden;scroll-snap-align:start;background:rgba(255,255,255,.975);border-radius:12px;box-shadow:0 3px 13px rgba(14,23,38,.07);transition:transform .23s ease,box-shadow .23s ease}
.inci-collection__item:hover{transform:translateY(-5px);box-shadow:0 16px 32px rgba(6,20,44,.16)}
.inci-collection__item:focus-visible{outline:3px solid #ffca05;outline-offset:-3px}
.inci-collection__item-figure{width:100%;height:188px;min-height:188px;flex:0 0 188px;display:flex;align-items:center;justify-content:center;padding:14px 14px 6px}
.inci-collection__item-figure img{display:block;max-height:100%;max-width:100%;width:100%;height:100%;object-fit:contain;object-position:center center;filter:drop-shadow(0 10px 8px #00000016);transition:transform .3s ease}
.inci-collection__item:hover .inci-collection__item-figure img{transform:scale(1.035)}
.inci-collection__item-name{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;font-weight:800;font-size:clamp(12px,.95vw,14px);line-height:1.3;letter-spacing:-.026em;padding:0 10px 4px;min-height:44px}
.inci-collection__item-action{font-size:10px;font-weight:700;color:#64748b;margin-top:1px;padding-bottom:12px}
.inci-collection__item-action span{color:#0e3c83}
.inci-collection__foot{display:flex;align-items:center;gap:12px;padding:0 23px;min-height:40px}
.inci-collection__track{position:relative;display:block;height:8px;border-radius:99px;flex:1;max-width:475px;background:#ffffff60;overflow:hidden}
.inci-collection__progress{position:absolute;left:0;top:0;bottom:0;width:45%;background:#ffffffbd;border-radius:99px;transition:width .15s,transform .15s}
.inci-collection__arrows{display:flex;gap:6px}
.inci-collection__arrow{width:32px;height:32px;border-radius:50%;border:1px solid #ffffffa0;background:#ffffff1f;color:var(--collection-type);font-size:19px;line-height:1;cursor:pointer;transition:background .2s}
.inci-collection__arrow:hover,.inci-collection__arrow:focus-visible{background:#ffffff5a;outline:0}
.inci-collection__more{font-weight:800;color:var(--collection-type);font-size:13px;white-space:nowrap;text-decoration:none}
.inci-collection__more:hover,.inci-collection__more:focus-visible{text-decoration:underline;text-underline-offset:4px}
.inci-products__bottom{display:none}
.inci-products__cta{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-width:288px;min-height:55px;padding:12px 26px;border-radius:99px;background:#ffcc00;color:#06295b;text-decoration:none;font-size:16px;font-weight:800;letter-spacing:-.02em;transition:background .23s,transform .23s,box-shadow .23s}
.inci-products__cta:hover{background:#f4c000;box-shadow:0 11px 23px #0b2c602a;transform:translateY(-2px)}
.inci-products__cta:focus-visible{outline:3px solid #082b5c;outline-offset:4px}
@media(max-width:1100px) and (min-width:761px){
 .inci-products{padding-inline:17px}
 .inci-collection{height:415px}
 .inci-collection__panel-title{font-size:clamp(16px,1.65vw,23px)}
 .inci-collection__panel.is-open .inci-collection__panel-title{margin-left:20px;font-size:22px}
 .inci-collection__scroller{padding-inline:18px;gap:10px}
 .inci-collection__item{flex-basis:156px}
 .inci-collection__foot{padding-inline:16px;gap:8px}
 .inci-collection__more{font-size:12px}
}
@media(max-width:760px){
 .inci-products{padding:43px 14px 54px}
 .inci-products__heading{margin-bottom:18px}
 .inci-products__eyebrow{letter-spacing:.16em;font-size:12px}
 .inci-products__heading h2{font-size:clamp(27px,7.6vw,36px);margin:0}
 .inci-products__heading p{font-size:14px;line-height:1.6;max-width:520px;margin:auto}
 .inci-collection{height:auto;display:flex;flex-direction:column;overflow:visible;box-shadow:0 14px 40px #091f3a19;gap:0}
  .inci-collection__panel{flex:none;width:100%;height:174px;min-height:0;transition:height .45s cubic-bezier(.23,.75,.25,1)}
 .inci-collection__panel.is-open{height:386px}
 .inci-collection__panel::before{background-size:cover;background-position:center}
 .inci-collection__trigger{width:100%;height:100%;text-align:left;align-items:flex-start}
 .inci-collection__panel-title{white-space:normal;margin:23px 16px 0 21px;font-size:22px;max-width:55%;text-align:left}
 .inci-collection__cover{height:79%;width:39%;max-width:163px;left:auto;right:9%;top:10%;transform:none}
 .inci-collection__panel--other .inci-collection__cover{height:70%;width:52%;max-width:210px;right:4%;top:19%}
 .inci-collection__panel:not(.is-open):hover .inci-collection__cover{transform:scale(1.03)}
 .inci-collection__hint{bottom:21px;left:21px;opacity:1;transform:none;font-size:12px}
 .inci-collection__panel.is-open .inci-collection__trigger{height:66px}
 .inci-collection__panel.is-open .inci-collection__panel-title{font-size:22px;margin:19px 18px 0 20px;max-width:none}
 .inci-collection__panel.is-open .inci-collection__cover{transform:translateX(10px) scale(.92)}
 .inci-collection__inside{inset:67px 0 9px}
 .inci-collection__scroller{padding:2px 15px 7px;gap:10px}
 .inci-collection__item{flex-basis:164px;max-height:274px}
 .inci-collection__item-figure{min-height:152px;height:152px;flex-basis:152px;padding:10px 12px 6px}
 .inci-collection__item-name{font-size:12px;padding:0 9px;min-height:34px}
 .inci-collection__item-action{font-size:10px}
 .inci-collection__foot{min-height:40px;padding:0 17px;gap:12px}
 .inci-collection__more{font-size:12px}
 .inci-collection__arrow{height:28px;width:28px;font-size:17px}
 .inci-products__bottom{margin-top:25px}
 .inci-products__cta{min-height:55px;width:min(100%,300px);font-size:15px}
}
@media(max-width:390px){
 .inci-collection__panel{height:158px}
 .inci-collection__panel-title{font-size:20px}
 .inci-collection__panel.is-open .inci-collection__panel-title{font-size:20px}
 .inci-collection__panel.is-open{height:366px}
 .inci-collection__item{flex-basis:154px;max-height:252px}
 .inci-collection__foot{gap:8px}
 .inci-collection__more{font-size:11px}
 .inci-collection__scroller{padding-inline:12px}
}
@media(prefers-reduced-motion:reduce){
 .inci-products *, .inci-products *::before,.inci-products *::after{transition-duration:.01ms!important;scroll-behavior:auto!important;animation:none!important}
}

/* 2026-10-12 compact showcase polish: equal idle cards, contained imagery and clean spacing. */
.inci-collection__panel{backface-visibility:hidden}
.inci-collection__panel--sunflower,.inci-collection__panel--corn,.inci-collection__panel--other{outline:0}
.inci-collection__cover{image-rendering:auto}
.inci-collection__item-figure img{image-rendering:auto;-webkit-backface-visibility:hidden}
.inci-collection__item-name{overflow-wrap:anywhere}
.inci-collection__arrow:disabled{opacity:.38;cursor:default}
@media (min-width:761px){
 .inci-collection__panel{flex-basis:0}
 .inci-collection__panel-title{max-width:calc(100% - 12px);overflow:hidden;text-overflow:ellipsis}
 .inci-collection__panel.is-open .inci-collection__panel-title{max-width:calc(100% - 50px)}
}
@media (max-width:760px){
 .inci-collection__panel-title{overflow:visible;text-overflow:clip}
 .inci-collection__item{box-shadow:0 3px 10px rgba(14,23,38,.08)}
}

/* 2026-10-13 size normalization utilities */
.inci-collection__cover.is-cover-tall{width:70%;height:68%;top:23%}
.inci-collection__cover.is-cover-wide{width:86%;height:58%;top:31%}
.inci-collection__item-figure img.is-product-tall{width:76%}
.inci-collection__item-figure img.is-product-standard{width:84%}
.inci-collection__item-figure img.is-product-wide{width:92%}
.inci-collection__item-figure img.is-product-can{width:88%}
.inci-collection__item-figure img.is-product-tub{width:98%}
@media(max-width:760px){
 .inci-collection__item-figure img.is-product-tall{width:74%}
 .inci-collection__item-figure img.is-product-standard{width:82%}
 .inci-collection__item-figure img.is-product-wide{width:90%}
 .inci-collection__item-figure img.is-product-can{width:86%}
 .inci-collection__item-figure img.is-product-tub{width:96%}
}

.inci-products__eyebrow,.inci-products__heading>p{display:none;}


/* 21.10.2026 — Home collection: four complete desktop cards, balanced packshots.
   Original product packaging is preserved; transparent canvas padding was trimmed
   from the corresponding home-collection assets. */
.inci-collection__item-figure{overflow:hidden}
.inci-collection__item-figure img{object-fit:contain;object-position:center center}
/* The opened panel is a fluid flex child: use its own viewport, not a fixed card size.
   This prevents the cut-off fifth card seen on wide desktop displays. */
@media (min-width:1101px){
  .inci-collection__scroller{gap:12px;margin-inline:23px;padding-inline:0}
  .inci-collection__item{flex:0 0 calc((100% - 36px)/4);max-width:none}
}
@media (min-width:761px) and (max-width:1100px){
  .inci-collection__scroller{gap:10px;margin-inline:18px;padding-inline:0}
  .inci-collection__item{flex:0 0 calc((100% - 20px)/3);max-width:none}
}

/* Individually approved İnci product photography - pixel-identical original logos and packaging.
   Each packshot uses an 800x960 standard white canvas with aligned bottle baselines.
   Override legacy per-package width styles only on these new home collection cards. */
.inci-collection__item-figure img.inci-collection__product-packshot{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:cover;
  object-position:center 51%;
  filter:none;
}
.inci-collection__item-figure:has(.inci-collection__product-packshot){
  padding:2px 4px 0;
}
@media(max-width:760px){
  .inci-collection__item-figure:has(.inci-collection__product-packshot){padding:3px 4px 0}
}
/* Match the individual packshot canvas to the card surface, avoiding photo-edge stripes. */
.inci-collection__item:has(.inci-collection__product-packshot){background:#fff}