.sticky-atc{--sticky-atc-panel-radius-safe: min(var(--sticky-atc-panel-radius, 16px), 999px);--sticky-atc-floating-width: min( calc(100vw - 40px) , max(420px, calc(300px + (var(--sticky-atc-panel-radius-safe) * 3))) );position:fixed;right:20px;bottom:20px;z-index:150;width:var(--sticky-atc-floating-width);padding-block:clamp(14px,calc(12px + (var(--sticky-atc-panel-radius-safe) * .05)),20px);padding-inline:clamp(14px,calc(14px + (var(--sticky-atc-panel-radius-safe) * .18)),30px);display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;background:color-mix(in srgb,var(--bg) 97%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--border) 10%,transparent);border-radius:var(--sticky-atc-panel-radius-safe);box-shadow:0 18px 48px color-mix(in srgb,var(--fg) 16%,transparent);transform:translate3d(0,calc(100% + 24px),0);transition:transform .4s cubic-bezier(.22,1,.36,1)}.sticky-atc.visible{transform:translateZ(0)}.sticky-atc .sticky-info{min-width:0}.sticky-atc--layout-style_1 .sticky-btn{grid-column:1 / -1;width:100%}.sticky-atc--layout-style_1:not(:has(.sticky-thumb)){grid-template-columns:minmax(0,1fr) auto}.sticky-atc--layout-style_2{--sticky-atc-floating-width: min( calc(100vw - 40px) , 550px);grid-template-columns:80px minmax(150px,1fr) auto;grid-template-rows:auto auto;column-gap:16px;row-gap:2px;padding:16px}.sticky-atc--layout-style_2 .sticky-thumb{grid-column:1;grid-row:1 / -1;width:80px;height:80px;border-radius:max(0px,calc(var(--sticky-atc-panel-radius-safe) * .65))}.sticky-atc--layout-style_2 .sticky-info{grid-column:2;grid-row:1;align-self:end}.sticky-atc--layout-style_2 .sticky-price{grid-column:2;grid-row:2;align-self:start;font-size:18px}.sticky-atc--layout-style_2 .sticky-title{font-size:16px}.sticky-atc--layout-style_2 .sticky-btn{grid-column:3;grid-row:1 / -1;align-self:center;min-width:160px;min-height:64px;margin-inline-end:4px;padding:14px 28px;border-radius:var(--btn-radius, 0px)}.sticky-atc--layout-style_2:not(:has(.sticky-thumb)){grid-template-columns:minmax(180px,1fr) auto}.sticky-atc--layout-style_2:not(:has(.sticky-thumb)) :is(.sticky-info,.sticky-price){grid-column:1}.sticky-atc--layout-style_2:not(:has(.sticky-thumb)) .sticky-btn{grid-column:2}.sticky-thumb{width:52px;height:52px;object-fit:cover;flex-shrink:0}.sticky-info{flex:1;min-width:0}.sticky-title{font-size:14px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-variant{font-size:12px;color:var(--muted)}.sticky-price{font-size:16px;font-weight:500;flex-shrink:0}.sticky-btn{padding:12px 28px;background:var(--fg);color:var(--inv-fg);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;flex-shrink:0;border:none;cursor:pointer;font-family:inherit;transition:background .25s}.sticky-btn:hover{background:var(--inv-bg)}body[data-button-hover-animation=true] .sticky-btn:hover:not(:disabled),body[data-button-hover-animation=true] .sticky-btn:focus-visible:not(:disabled){background:var(--fg);color:var(--button-slide-fill-color, var(--inv-fg))}.sticky-btn.is-disabled,.sticky-btn:disabled{background:var(--border);color:var(--muted);cursor:not-allowed}.sticky-btn.is-disabled:hover,.sticky-btn:disabled:hover{background:var(--border)}@media(max-width:767px){.sticky-atc{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:auto;padding:10px 12px;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--border) 10%,transparent);border-radius:var(--sticky-atc-panel-radius-safe);box-shadow:0 14px 36px color-mix(in srgb,var(--fg) 14%,transparent);transform:translate3d(0,calc(100% + 24px),0)}.sticky-atc.visible{transform:translateZ(0)}.sticky-atc--layout-style_1 .sticky-btn{grid-column:4;grid-row:1;width:auto}.sticky-atc--layout-style_2{grid-template-columns:52px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:10px;row-gap:0}.sticky-atc--layout-style_2 .sticky-thumb{width:52px;height:52px}.sticky-atc--layout-style_2 .sticky-title{font-size:12px}.sticky-atc--layout-style_2 .sticky-price{font-size:14px}.sticky-atc--layout-style_2 .sticky-btn{min-width:0;min-height:44px;margin-inline-end:0;padding:11px 14px}.sticky-thumb{width:44px;height:44px}.sticky-atc .sticky-info{display:block;min-width:0}.sticky-title{font-size:12px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-variant{margin-top:4px;font-size:11px;line-height:1.3;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.sticky-price{font-size:14px}.sticky-btn{padding:11px 18px;flex-shrink:0}}.sticky-aksiyon{display:flex;flex-direction:column;gap:6px;align-self:center}.sticky-atc--layout-style_1 .sticky-aksiyon{grid-column:1 / -1}.sticky-atc--layout-style_2 .sticky-aksiyon{grid-column:3;grid-row:1 / 3}.sticky-atc--layout-style_2:not(:has(.sticky-thumb)) .sticky-aksiyon{grid-column:2}.sticky-aksiyon .sticky-btn{width:100%;margin-inline-end:0}.sticky-beden{display:block}.sticky-beden select{width:100%;min-height:36px;padding:6px 28px 6px 10px;border:1px solid var(--fg);border-radius:var(--btn-radius, 0px);background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23111' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 10px center;color:var(--fg);font:inherit;font-size:16px;-webkit-appearance:none;appearance:none;cursor:pointer}@media(max-width:767px){.sticky-atc--layout-style_1 .sticky-aksiyon{grid-column:4;grid-row:1}.sticky-beden select{min-height:34px;font-size:16px;padding-block:4px}}.sticky-atc.sticky-atc--layout-style_2{grid-template-rows:auto auto auto;align-content:center}.sticky-atc.sticky-atc--layout-style_2 .sticky-thumb{grid-column:1;grid-row:1 / 4;align-self:center}.sticky-atc.sticky-atc--layout-style_2 .sticky-info{grid-column:2;grid-row:1;align-self:end}.sticky-atc.sticky-atc--layout-style_2 .sticky-price{grid-column:2;grid-row:2}.sticky-atc.sticky-atc--layout-style_2 .kampanya-fiyat--sticky{grid-column:2;grid-row:3;margin-top:2px;align-self:start}.sticky-atc.sticky-atc--layout-style_2 .sticky-aksiyon{grid-column:3;grid-row:1 / 4;align-self:center}.sticky-atc.sticky-atc--layout-style_2:not(:has(.sticky-thumb)) :is(.sticky-info,.sticky-price,.kampanya-fiyat--sticky){grid-column:1}.sticky-atc.sticky-atc--layout-style_2:not(:has(.sticky-thumb)) .sticky-aksiyon{grid-column:2}@media(max-width:767px){.sticky-atc.sticky-atc--layout-style_2{column-gap:6px;padding:10px}.sticky-atc.sticky-atc--layout-style_2 .sticky-aksiyon{width:122px}.sticky-atc.sticky-atc--layout-style_2 .sticky-beden select{padding:6px 22px 6px 8px;background-position:right 8px center}.sticky-atc.sticky-atc--layout-style_2 .sticky-btn{padding:10px 8px;min-height:40px;letter-spacing:.06em}.sticky-atc.sticky-atc--layout-style_2 .kampanya-fiyat--sticky .kampanya-fiyat__satir{gap:2px}.sticky-atc.sticky-atc--layout-style_2 .kampanya-fiyat--sticky .kampanya-fiyat__ad{font-size:10px;letter-spacing:-.02em}.sticky-atc.sticky-atc--layout-style_2 .kampanya-fiyat--sticky .kampanya-fiyat__tutar{font-size:12px;letter-spacing:-.02em}.sticky-atc.sticky-atc--layout-style_2 .kampanya-fiyat--sticky .kampanya-fiyat__rozet{font-size:9px;padding:2px 3px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/product-sticky-atc.css.map */