@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap");

:root{--ink:#332e31;--soft:#737078;--coral:#bd5552;--blue:#245f78;--line:#e8d8c4;--cream:#fff9ef}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--ink);font:16px/1.45 "Nunito",ui-rounded,system-ui,sans-serif}
html body .lc-bag-link{display:none!important}
button,input,select{font:inherit}
.offer-banner{display:flex;min-height:34px;align-items:center;justify-content:center;padding:7px 18px;background-color:#194d63;background-image:linear-gradient(rgba(25,77,99,.84),rgba(25,77,99,.84)),url("/little-chapter-banner-stars.jpg");background-position:center 42%;background-size:auto,220px auto;color:#fff;font-size:12px;letter-spacing:.015em;text-align:center}
.checkout-header{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:12px;max-width:740px;height:72px;margin:auto;padding:0 24px;border-bottom:1px solid rgba(36,95,120,.12);background:#fff}
.back-link{color:var(--ink);font-size:42px;line-height:.75;text-decoration:none}
.checkout-header .lc-logo{justify-self:center;width:132px}
.secure-note{display:flex;align-items:center;gap:5px;margin:0;color:#858186;font-size:13px;white-space:nowrap}
.secure-note svg{width:15px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
.store-category-nav{display:flex;justify-content:center;gap:28px;max-width:740px;margin:auto;padding:10px 24px;border-bottom:1px solid #eee3d9}
.store-category-nav a{color:#695b52;font-size:14px;font-weight:700;text-decoration:none}
main{max-width:740px;margin:38px auto 0;padding:0 24px 80px}
h1,h2{color:var(--blue)}
h1{margin:0;font-size:clamp(32px,7vw,40px);line-height:1.1}
.intro{margin:6px 0 28px;color:var(--soft)}
.bag-item{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid #e8ddd2}
.bag-photo{width:100px;height:120px;object-fit:contain;border-radius:12px;background:#f5eee7}
.bag-item h2{margin:0 0 5px;font-size:20px}
.bag-item p{margin:3px 0;color:#776f69;font-size:14px}
.item-top{display:flex;justify-content:space-between;gap:12px}
.item-price{color:var(--blue);font-weight:800;white-space:nowrap}
.item-actions{display:flex;gap:20px;margin-top:14px}
.text-button{min-height:32px;padding:0;border:0;background:none;color:var(--blue);text-decoration:underline;cursor:pointer}
.copies{display:flex;align-items:center;gap:10px;margin-top:14px;color:#695f57;font-size:14px}
.copies select{width:70px;padding:8px}
.recommendations{margin:28px 0 38px;padding:22px 0;border-block:1px solid #eadfd4}
.recommendations-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:15px}
.recommendations-heading h2{margin:0;font-size:21px}
.recommendations-heading span{color:var(--soft);font-size:11px}
.recommendation-row{display:grid;grid-auto-columns:190px;grid-auto-flow:column;gap:14px;overflow-x:auto;padding:2px 2px 13px;scroll-snap-type:x proximity;scrollbar-color:#d6c3b0 transparent}
.recommendation-card{display:grid;grid-template-rows:148px 1fr;min-height:274px;overflow:hidden;border:1px solid #e6d8ca;border-radius:16px;background:#fff;scroll-snap-align:start;box-shadow:0 7px 20px rgba(74,54,39,.06)}
.recommendation-card>img{width:100%;height:148px;object-fit:contain;background:#fbf6ef}
.recommendation-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding:12px}
.recommendation-copy h3{margin:0;color:var(--blue);font-size:15px;line-height:1.25}
.recommendation-copy p{margin:5px 0 0;font-size:14px;font-weight:800}
.recommendation-copy small{margin-top:2px;color:var(--soft);font-size:10px}
.recommendation-copy a,.recommendation-copy button{margin-top:auto;min-height:35px;padding:8px 14px;border:0;border-radius:999px;background:var(--blue);color:#fff;font:inherit;font-size:13px;font-weight:800;text-decoration:none;cursor:pointer}
.recommendation-copy button.added{background:#56816d}
form{padding:26px;border:1px solid var(--line);border-radius:22px;background:#fffdf8;box-shadow:0 12px 34px rgba(74,54,39,.06)}
form h2{margin:0 0 18px}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label{display:grid;gap:6px;color:#695f57;font-size:14px;font-weight:700}
.wide{grid-column:1/-1}
input,select{width:100%;min-height:48px;padding:10px 12px;border:1px solid #ddcdbc;border-radius:10px;background:#fff;color:var(--ink)}
input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #89b7c8;outline-offset:3px}
.discount{margin-top:22px}
.discount summary{color:var(--blue);cursor:pointer;font-weight:700}
.discount label{margin-top:12px}
.discount-rule{display:block;margin-top:10px;color:var(--soft);font-size:12px;line-height:1.5}
.discount-message{min-height:0;margin:9px 0 0;color:#286f5b;font-size:13px;font-weight:800;line-height:1.45}
.discount-message:empty{display:none}
.cost-lines [data-discount-row]{color:#286f5b;font-weight:800}
.cost-lines{margin-top:28px;padding-top:18px;border-top:1px solid #eadfd4}
.cost-lines p{display:flex;justify-content:space-between;margin:7px 0;color:#695f57}
.total{display:flex;justify-content:space-between;align-items:center;margin:12px 0 0;color:var(--blue);font-size:23px;font-weight:800}
.shipping{margin:7px 0 20px;color:var(--soft);font-size:13px;text-align:right}
.hk-delivery-notice{margin:20px 0 0;padding:14px 15px;border:1px solid #e5c99f;border-radius:12px;background:#fff7e9;color:#695438}
.hk-delivery-notice strong{display:block;color:#8a3f2d;font-size:14px}
.hk-delivery-notice p{margin:5px 0 0;font-size:13px;line-height:1.5}
.checkout-agreement{margin:16px 0;color:var(--soft);font-size:12px;line-height:1.5}
.checkout-agreement a{color:var(--blue);font-weight:800}
button[type=submit],#pay-card{display:block;width:100%;padding:15px;border:0;border-radius:12px;background:var(--coral);color:#fff;font-size:17px;font-weight:800;cursor:pointer}
button:disabled{opacity:.55;cursor:wait}
#paypal{margin-top:14px}
.market-language-toggle{width:38px;min-width:38px;height:38px;min-height:38px;padding:0;border:1px solid #e4d9cf;border-radius:50%;background:#fffaf4;color:#286078;font:800 12px/1 inherit;cursor:pointer}
#status:empty{display:none}
#status{padding:16px;border-radius:12px;background:#f6eee4}
#quote-note{color:#6e675e;font-size:14px}
[hidden]{display:none!important}
@media(max-width:520px){.offer-banner{font-size:11px}.checkout-header{grid-template-columns:28px minmax(0,1fr) auto;padding:0 16px}.checkout-header .lc-logo{width:112px}.secure-note{display:none}.store-category-nav{gap:22px;padding:9px 16px}main{margin-top:28px;padding:0 18px 50px}.bag-item{grid-template-columns:76px 1fr;gap:14px}.bag-photo{width:76px;height:100px}.fields{grid-template-columns:1fr}.wide{grid-column:auto}form{padding:20px}.item-top{flex-wrap:wrap;gap:4px}.copies{align-items:flex-start;flex-wrap:wrap}.recommendation-row{grid-auto-columns:166px}.recommendation-card{grid-template-rows:132px 1fr;min-height:254px}.recommendation-card>img{height:132px}.recommendations-heading span{display:none}}
@media(max-width:360px){.secure-note{width:24px;overflow:hidden;color:transparent;gap:0}.secure-note svg{flex:0 0 16px;color:#858186}.checkout-header .lc-logo{width:104px}}

.recommendation-card button { border:0; border-radius:999px; background:#bf5755; color:#fff; padding:9px 22px; font-size:14px;font-weight:800; cursor:pointer; } .pending-details{font-size:12px;color:#97612e!important}.confirmed-design{display:grid;gap:12px;padding:18px 0;border-bottom:1px solid #e8d8c4}.confirmed-design a{width:fit-content;background:#bf5755;color:white;padding:12px 18px;border-radius:12px;text-decoration:none}.confirmed-design span{color:#286078}.paid-details-note{padding:12px;background:#fff4e3;border-radius:12px;color:#286078}

.recommendations-heading span{display:block!important;font-size:12px}.recommendations-heading{flex-wrap:wrap;gap:5px}.confirmed-design strong{overflow-wrap:anywhere}.recommendation-card button:disabled{cursor:not-allowed}