/* Approved design 02. All rules are scoped to the new delivery section. */
.delivery-album{width:100%;padding:35px clamp(19px,5cqw,72px) 28px;background:#dff3fd;color:#184765;overflow:hidden}
.delivery-album-inner{max-width:420px;margin-inline:auto;container-type:inline-size}
.delivery-album .delivery-heading{padding:0 3px 18px}
.delivery-album .delivery-kicker{font:8px/1.5 Arial,sans-serif;letter-spacing:.16em;color:#4b92ba;display:flex;align-items:center;gap:7px}
.delivery-album .delivery-kicker span{height:1px;width:19px;background:currentColor}
.delivery-album .delivery-heading h2{font:500 32px/1.35 var(--serif);letter-spacing:.07em;margin:8px 0;display:inline-block;position:relative;z-index:0;color:#147cb6}
.delivery-album .delivery-heading h2:after{content:'';position:absolute;bottom:0;left:-2px;right:-3px;height:8px;background:#fff078;z-index:-1;transform:skewX(-10deg)}
.delivery-album .delivery-intro{font-size:11px;line-height:1.7;letter-spacing:.03em;color:#5e8195}
.delivery-album .manga-reader{margin:0 auto;max-width:none;padding:0 6px 0 0}
.delivery-album .manga-direction{font-size:9px;letter-spacing:.02em;margin:0 0 14px;color:#4d8cab}
.delivery-album .manga-direction>span{font-size:14px;margin-left:5px}
.delivery-album .manga-stage{aspect-ratio:.77;background:#fff;border-radius:3px 3px 2px 2px}
.delivery-album .manga-book:before{inset:7px -7px -7px 7px;box-shadow:0 10px 19px #234c6116}
.delivery-album .manga-book:after{inset:3px -3px -3px 3px}
.delivery-album .manga-book:before,.delivery-album .manga-book:after{border-right:2px solid #238cbf}
.delivery-album .delivery-page.manga-front{display:flex;flex-direction:column;gap:0;padding:0;background:#fff;border:0;border-right:7px solid #197db5}
.delivery-album .delivery-page-header{order:0;display:flex;justify-content:space-between;align-items:center;font:7px/1.4 Arial,sans-serif;letter-spacing:.1em;background:#197db5;color:#eaf8ff;padding:12px 13px;border:0}
.delivery-album .delivery-page-header>span:first-child{font:8px Georgia,serif;letter-spacing:.08em}
.delivery-album .product-photo{order:1;width:100%;aspect-ratio:1;min-height:0;flex:1;overflow:hidden;border:0;border-radius:0;background:#eff5f8;position:relative}
.delivery-album .product-photo img{width:100%;height:100%;object-fit:contain;pointer-events:none}
.delivery-album .page-title{order:2;display:flex;align-items:center;padding:14px 15px 2px;gap:11px;position:relative;flex-shrink:0}
.delivery-album .item-no{font:34px/1 Georgia,serif;color:#1a97d9}
.delivery-album .page-title small{display:block;font-size:7px;line-height:1.5;color:#7293a6;letter-spacing:.07em}
.delivery-album .page-title h3{font:600 clamp(15px,5.1cqw,20px)/1.5 var(--sans);white-space:nowrap}
.delivery-album .delivery-caption{order:3;position:relative;flex-shrink:0;padding:6px 15px 11px;min-height:55px}
.delivery-album .delivery-caption p{font-size:11px;line-height:1.9;color:#53768b}
.delivery-album .manga-page-footer{order:4;flex-shrink:0;background:#f0f8fc;min-height:24px;color:#7394a7}
.delivery-album .manga-folio{font-size:9px}
.delivery-album .manga-swipe{font-size:7px;right:13px;bottom:8px}
.delivery-album .manga-back{display:flex;justify-content:center;align-items:center;background:linear-gradient(90deg,#135880,#1d8fc8 20%,#2399d5);color:#ffffffbc;border-color:#197db5;font:italic 25px Georgia,serif}
.delivery-album .manga-controls{margin-top:23px;gap:8px}
.delivery-album .manga-controls button{min-width:77px;min-height:40px;font-size:11px;gap:8px;background:#ffffffb3}
.delivery-album .manga-status{font-size:13px}
.delivery-album .manga-controls .manga-next{background:#209ddd;border-color:#209ddd;color:#fff}
.delivery-album .manga-next:hover:not(:disabled){background:#1387c3}
.delivery-album .manga-page-index{margin-top:5px;gap:2px}
.delivery-album .manga-page-index button{width:36px;height:36px;font-size:9px}
.delivery-album .manga-page-index button:after{left:7px;right:7px;bottom:4px}
.delivery-album .delivery-brand{font:italic 10px/1.8 Georgia,serif;letter-spacing:.09em;color:#8ba6b5;text-align:center;padding-top:9px}
@media(max-width:700px){.delivery-album{padding:29px 19px 18px}.delivery-album .delivery-caption p{font-size:10px}}
@media(max-width:340px){.delivery-album .manga-stage{aspect-ratio:.72}.delivery-album .delivery-heading h2{font-size:30px}.delivery-album .delivery-page-header{font-size:6px}.delivery-album .delivery-page-header>span:first-child{font-size:7px}.delivery-album .manga-direction{font-size:8px}.delivery-album .manga-controls button{min-width:70px}.delivery-album .manga-page-index button{width:30px}}