ak-product-zoom{display:block;position:relative;width:100%;height:100%}
.akz-source{display:block;position:relative;overflow:hidden;width:100%;height:100%;min-height:250px;aspect-ratio:var(--preview-ratio);padding:0;border:0;border-radius:6px;background:transparent;cursor:crosshair;color:#173d46;touch-action:pan-y}
.ak-store .akz-source>.akz-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;max-width:none;transform:none}
.akz-source:focus-visible{outline:2px solid #a2824e;outline-offset:-3px}
.akz-lens{position:absolute;left:0;top:0;border:1px solid #fff9;outline:1px solid #173d464d;background:#fff3;border-radius:7px;box-shadow:0 0 0 1px #fff3 inset;pointer-events:none;opacity:0;transition:opacity .22s}
.akz-hint{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:8px 13px;max-width:calc(100% - 22px);width:max-content;background:#f8f4eae8;backdrop-filter:blur(8px);border:1px solid #c6b59499;border-radius:30px;font-size:9px;line-height:1.5;pointer-events:none;transition:opacity .25s}
.akz-hint>span:first-child{font-size:20px;line-height:1}.akz-hint-touch{display:none}
.akz-panel{position:fixed;z-index:35;display:flex;flex-direction:column;box-sizing:border-box;padding:12px;background:#f8f4eb;border:1px solid #bba987;border-radius:15px;box-shadow:0 18px 55px #173d4633;opacity:0;visibility:hidden;transform:translateX(-7px);pointer-events:none;transition:opacity .28s,transform .35s,visibility .28s;color:#173d46}
.akz-panel.is-open{visibility:visible;opacity:1;transform:none}.akz-panel-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:4px 4px 13px;font-size:10px;letter-spacing:.08em}.akz-panel-top>span:last-child{font-size:9px;letter-spacing:0;border:1px solid #c8b794;padding:3px 7px;border-radius:12px}.akz-panel p{font-size:9px;line-height:1.6;margin:12px 4px 1px;color:#728171}.akz-detail{position:relative;flex:1;min-height:0;overflow:hidden;background:#eae2d5;border-radius:7px}.akz-detail img,.ak-store .akz-inplace img{position:absolute;left:0;top:0;max-width:none!important;object-fit:fill!important;pointer-events:none;transform-origin:0 0}
.akz-inplace{position:absolute;inset:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility .3s;background:#ece5d8}
ak-product-zoom[data-active] .akz-hint{opacity:0}ak-product-zoom[data-active][data-mode=side] .akz-lens{opacity:1}ak-product-zoom[data-active][data-mode=inside] .akz-inplace{opacity:1;visibility:visible}ak-product-zoom[data-active][data-mode=inside] .akz-source{touch-action:none;cursor:zoom-out}
@media(hover:none),(pointer:coarse){.akz-hint-desktop{display:none}.akz-hint-touch{display:inline}.akz-source{cursor:zoom-in}}
@media(prefers-reduced-motion:reduce){.akz-panel,.akz-lens,.akz-inplace,.akz-hint{transition:none}}