/* Iooli merchandise product page */
.ip-main{padding:clamp(28px,4vw,56px) 0 clamp(48px,6vw,88px);background:linear-gradient(180deg,var(--im-cream) 0%,var(--im-ivory) 60%)}
.ip-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,80px);align-items:start}
.ip-gallery{position:sticky;top:96px}
.ip-stage{aspect-ratio:1;border-radius:28px;overflow:hidden;background:#F3EDE4;box-shadow:0 30px 60px -40px rgba(66,39,26,.45)}
.ip-stage img{width:100%;height:100%;object-fit:cover}
.ip-thumbs{display:flex;gap:10px;margin-top:14px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.ip-thumbs button{flex:none;width:72px;aspect-ratio:1;border-radius:14px;overflow:hidden;border:2px solid transparent;padding:0;background:#F3EDE4;cursor:pointer}
.ip-thumbs button[aria-current=true]{border-color:var(--im-rose)}
.ip-thumbs img{width:100%;height:100%;object-fit:cover}
.ip-mock{font-size:13.5px;color:var(--im-cocoa-2);margin:10px 0 0}
.ip-info .im-h1{font-size:clamp(32px,3.4vw,48px)}
.ip-price{font-size:24px;font-weight:600;margin:14px 0 0}
.ip-intro{font-size:17px;line-height:1.65;color:var(--im-cocoa-2);margin:16px 0 0;max-width:52ch}
.ip-form{display:grid;gap:18px;margin-top:26px}
.ip-opt{border:0;margin:0;padding:0}
.ip-opt legend{font-weight:600;font-size:15px;margin-bottom:10px}
.ip-opt legend span{font-weight:400;color:var(--im-cocoa-2)}
.ip-pills{display:flex;flex-wrap:wrap;gap:8px}
.ip-pill{position:relative}
.ip-pill input{position:absolute;opacity:0;inset:0;cursor:pointer}
.ip-pill span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--im-line-2);background:#fff;font-size:15px;transition:border-color .2s,background-color .2s}
.ip-pill input:checked+span{border-color:var(--im-cocoa);background:var(--im-cocoa);color:var(--im-ivory)}
.ip-pill input:focus-visible+span{outline:2.5px solid var(--im-sage);outline-offset:2px}
.ip-pill.is-off span{opacity:.45;text-decoration:line-through}
.ip-personal{padding:18px 20px;border-radius:20px;background:var(--im-rose-soft);border:1px solid #E6CFC3}
.ip-personal__t{font-family:var(--im-serif);font-size:22px;margin:0 0 4px}
.ip-personal .im-apps button,.ip-personal .im-apps a{min-height:50px;border-radius:999px!important}
.ip-safe{padding:14px 16px;border-radius:14px;background:var(--im-sage-soft);border-left:3px solid var(--im-sage);font-size:15px;color:#33402F}
.ip-add{width:100%;min-height:56px;font-size:17px}
.ip-trust{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:8px;font-size:15px;color:var(--im-cocoa-2)}
.ip-trust span{color:var(--im-clay);margin-right:8px}
.ip-acc{margin-top:26px}
.ip-desc table{width:100%;border-collapse:collapse;margin:8px 0 16px;font-size:14px;display:block;overflow-x:auto}
.ip-desc th,.ip-desc td{padding:8px 10px!important;border-top:1px solid var(--im-line)!important;color:var(--im-cocoa-2)!important;font-size:14px!important;text-align:left}
@media (max-width:990px){.ip-grid{grid-template-columns:1fr}.ip-gallery{position:static}}
.ip-how{padding:clamp(56px,7vw,100px) 0;background:var(--im-oat)}
.ip-steps{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,3vw,40px)}
.ip-steps li{background:var(--im-ivory);border-radius:24px;padding:28px;text-align:center}
.ip-steps span{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--im-rose);color:#fff;font-family:var(--im-serif);font-size:20px}
.ip-steps h3{font-family:var(--im-serif);font-weight:400;font-size:24px;margin:14px 0 6px}
.ip-steps p{margin:0;color:var(--im-cocoa-2)}
@media (max-width:760px){.ip-steps{grid-template-columns:1fr}}
.ip-band{margin:0}
.ip-rel{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:860px){.ip-rel{grid-template-columns:repeat(2,minmax(0,1fr))}}