.home-panel-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.home-loop{min-width:0;padding:24px;background:#f6efdf;border:1px solid #e6dac1;border-radius:26px}
.home-loop:nth-child(2){background:#fff0cb}
.home-loop h3{margin:0;font-size:1.5rem}
.loop-price{margin:5px 0 18px;color:var(--blue);font-weight:700}
.loop-window{touch-action:pan-y;cursor:grab;min-width:0;display:grid;overflow:hidden;isolation:isolate}
.loop-window:active{cursor:grabbing}
.loop-slide{margin:0;grid-area:1/1;min-width:0;width:100%}
.loop-slide img{width:100%;height:360px;object-fit:contain;background:#eee7dc;border-radius:16px;user-select:none;-webkit-user-drag:none}
.loop-slide figcaption{padding-top:14px;min-height:85px}
.loop-slide strong{display:block;font-size:1rem;line-height:1.5}
.loop-controls{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:18px}
.loop-controls button{border:1px solid var(--blue);border-radius:50%;width:44px;height:44px;background:transparent;color:var(--blue);font-size:1.25rem;cursor:pointer;flex-shrink:0}
.loop-position{text-align:center}
.loop-count{display:block;font-size:.85rem;font-weight:600}
.loop-dots{display:flex;justify-content:center}
.loop-dots button{width:28px;height:28px;border:0;font-size:0;position:relative}
.loop-dots button:after{content:'';position:absolute;width:7px;height:7px;left:10px;top:10px;border-radius:50%;background:#9cafa9}
.loop-dots button[aria-pressed=true]:after{background:var(--blue);transform:scale(1.4)}
.loop-help{font-size:.85rem;margin-top:18px;margin-bottom:0}
@media(max-width:760px){.home-panel-pair{gap:12px}.home-loop{padding:12px;border-radius:18px}.home-loop h3{font-size:1.05rem}.loop-price{font-size:.85rem;line-height:1.5;min-height:40px}.loop-slide img{height:240px;border-radius:10px}.loop-slide strong{font-size:.875rem}.loop-slide .example-link{font-size:.8rem}.loop-slide figcaption{min-height:110px}.loop-controls{gap:0}.loop-controls>button{width:34px;height:40px}.loop-dots button{width:18px;height:24px}.loop-dots button:after{left:6px;top:9px;width:6px;height:6px}.loop-count{font-size:.8rem}}
@media(max-width:380px){.home-loop{padding:8px}.loop-slide img{height:190px}.loop-controls>button{width:30px}.loop-dots button{width:15px}.loop-dots button:after{left:4px}}