body.items-page { background:#fffdf7; background-image:linear-gradient(#a8c7dc24 1px,transparent 1px),linear-gradient(90deg,#a8c7dc24 1px,transparent 1px); background-size:23px 23px; color:#3f4c58; }
.items-page .items-ref-page { margin-top:0; padding-top:100px; }
.items-page .items-ref-heading { padding:35px 24px 24px !important; background:transparent; }
.items-page .items-ref-heading-inner { max-width:1060px; margin:auto; position:relative; }
.items-page .items-ref-title-row { display:flex; gap:22px; align-items:center; }
.items-page .items-ref-number { font:italic 42px Georgia,serif !important; color:#d88e7e; }
.items-page .items-ref-title-text h1 { font-family:'Darumadrop One',sans-serif; font-size:80px !important; line-height:1; color:#d88e7e; transform:rotate(-3deg); }
.items-page .items-ref-title-text p { font-size:15px; color:#527e9b; margin-top:15px; }
.items-page .items-ref-paw { display:none; }
.items-page .items-ref-description { font-size:14px; line-height:1.9; margin-top:24px; }
.items-page .page-update-note { position:absolute; top:24px; right:0; width:115px; height:115px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:5px; background:#f4deee; border:0; border-radius:47% 42% 48% 39%; box-shadow:none; transform:rotate(8deg); }
.items-page .page-update-note:before { content:''; position:absolute; width:100%; height:65%; left:0; top:-43%; background:radial-gradient(ellipse 11% 23% at 12% 64%,#f4deee 96%,transparent 100%),radial-gradient(ellipse 12% 26% at 37% 32%,#f4deee 96%,transparent 100%),radial-gradient(ellipse 12% 26% at 65% 32%,#f4deee 96%,transparent 100%),radial-gradient(ellipse 11% 23% at 89% 64%,#f4deee 96%,transparent 100%); border:0; box-shadow:none; border-radius:0; transform:none; }
.items-page .page-update-note:after { display:none; }
.items-page .page-update-note strong { font-size:20px; }
.items-page .page-update-note-small,.items-page .page-update-note-ja { font-size:10px; }
.items-page .items-ref-filter { background:transparent; padding:15px 24px 25px; }
.items-page .items-ref-filter-inner { max-width:1060px; margin:auto; }
.items-page .items-filter-button { border:0; border-radius:20px 13px 24px 15px; background:#f2eee5; color:#527e9b; min-height:44px; }
.items-page .items-filter-button.active { background:#dceaf5; color:#3e6279; }
.items-order-note { max-width:1060px; margin:15px auto 25px; padding:0 20px; font-size:13px; color:#637e90; }
.items-page .items-ref-list-section { padding:0 24px 40px; }
.items-page .items-ref-list-inner { max-width:1060px; margin:auto; }
.items-page .items-ref-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px 24px; }
.items-page .items-ref-card { padding:0; background:transparent; border:0; box-shadow:none; transform:none; min-width:0; }
.items-page .items-ref-card-top { color:#527e9b; border:0; }
.items-page .items-ref-flip-front { background:#f5f0e7; border-radius:26px 17px 29px 19px; padding:14px; }
.items-page .items-ref-image { height:225px; background:#fffefa; border-radius:20px 13px 22px 15px; padding:10px; }
.items-page .items-ref-image img { width:100%; height:100%; object-fit:contain; }
.items-page .items-ref-info { padding:16px 4px 8px; }
.items-page .items-ref-info h2 { font-size:15px; line-height:1.8; color:#3f4c58; }
.items-page .items-ref-flip-back { border:0; border-radius:26px 17px 29px 19px; box-shadow:none; }
.items-page .items-ref-recommendation { font-size:13px; line-height:1.9; }
.items-page .items-ref-back-links a { font-size:13px; min-height:44px; }
.items-page .items-ref-note { background:transparent; }
@media(max-width:820px) {
 .items-page .items-ref-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
 .items-page .items-ref-page { padding-top:94px; }
 .items-page .items-ref-heading { padding:28px 18px 20px !important; }
 .items-page .items-ref-number { display:none; }
 .items-page .items-ref-title-text h1 { font-size:62px !important; }
 .items-page .items-ref-title-text p { font-size:13px; }
 .items-page .page-update-note { top:15px; width:85px; height:85px; }
 .items-page .page-update-note strong { font-size:16px; }
 .items-page .page-update-note-small,.items-page .page-update-note-ja { font-size:8px; }
 .items-page .items-ref-description { font-size:12px; margin-top:28px; }
 .items-page .items-ref-filter { padding:10px 16px 20px; }
 .items-page .items-ref-filter-row { flex-wrap:wrap; gap:8px; }
 .items-page .items-filter-buttons { flex-wrap:wrap; gap:7px; }
 .items-page .items-filter-button { font-size:12px; }
 .items-page .items-ref-list-section { padding:0 20px 25px; }
 .items-page .items-ref-grid { grid-template-columns:1fr; gap:30px; max-width:410px; margin:auto; }
 .items-page .items-ref-image { height:235px; }
 .items-page .items-ref-flip-front,.items-page .items-ref-flip-back { min-height:430px; }
 .items-page .items-ref-recommendation { font-size:13px; line-height:1.9; }
 .items-page .items-ref-flip-back h3 { font-size:14px; }
 .items-page .items-ref-flip-back :is(.items-ref-shop-link,.items-ref-blog-link),.items-page .items-ref-flip-back-button { font-size:13px; min-height:44px; }
}

/* Open cards: recommendations and actions are visible without flipping. */
.items-page .item-open-card { height:100%; background:#f7f2e9; border-radius:28px 18px 30px 20px; padding:12px; display:flex; flex-direction:column; }
.items-page .item-open-photo { position:relative; height:220px; background:#fffefa; border-radius:22px 15px 24px 17px; padding:12px; }
.items-page .item-open-photo img { width:100%; height:100%; object-fit:contain; }
.items-page .item-open-body { padding:16px 8px 4px; display:flex; flex-direction:column; flex:1; }
.items-page .item-open-body h2 { margin:10px 0 6px; font-size:16px; line-height:1.7; color:#3f4c58; }
.items-page .item-open-price { margin:0 0 12px; font-size:13px; color:#687783; }
.items-page .item-open-note { margin:0 0 18px; font-size:13px; line-height:1.9; color:#4b5962; overflow-wrap:anywhere; }
.items-page .item-open-links { display:flex; flex-direction:column; gap:8px; margin-top:auto; }
.items-page .item-open-links a { display:flex; align-items:center; justify-content:center; min-height:44px; padding:10px 12px; font-size:13px; line-height:1.5; text-decoration:none; border:0; border-radius:16px 21px 15px 19px; color:#466b82; background:#e3edf4; }
.items-page .item-open-links .items-ref-shop-link { background:#f0dedb; color:#80594e; }
.items-page .item-open-body .item-like { position:static; margin:12px 0 0; align-self:flex-end; }
.items-page .items-ref-filter-row { padding:0!important; margin:0 0 10px!important; border:0!important; gap:10px; }
.items-page .items-filter-buttons { display:flex!important; flex-wrap:wrap; gap:6px!important; }
.items-page .items-filter-button { width:auto!important; height:auto!important; min-height:44px!important; padding:8px 13px!important; display:inline-flex!important; flex-direction:row!important; align-items:center; justify-content:center; gap:5px!important; font-size:12px!important; }
.items-page .items-category-icon { font-size:16px!important; line-height:1!important; margin:0!important; }
.items-page .items-category-text { font-size:12px!important; }
.items-page .items-ref-filter-label { font-size:10px!important; width:70px; }
@media(max-width:600px) {
 .items-page .items-ref-page { padding-top:76px!important; }
 .items-page .items-ref-heading { padding:22px 20px 12px!important; }
 .items-page .items-ref-title-text h1 { font-size:52px!important; }
 .items-page .items-ref-title-text p { margin-top:8px!important; font-size:12px!important; }
 .items-page .page-update-note { top:14px; width:65px; height:65px; }
 .items-page .page-update-note strong { font-size:12px; }
 .items-page .page-update-note-small,.items-page .page-update-note-ja { font-size:7px; }
 .items-page .items-ref-description { margin:14px 0 0!important; font-size:11px; line-height:1.7; }
 .items-page .items-ref-filter { padding:8px 20px 0!important; border:0!important; }
 .items-page .items-ref-filter-row { display:block!important; }
 .items-page .items-ref-filter-label { display:none!important; }
 .items-page .items-order-note { margin:4px auto 16px; font-size:11px; }
 .items-page .items-ref-grid { gap:20px; }
 .items-page .item-open-photo { height:190px; }
}
.items-page .items-category-icon { width:auto!important; height:auto!important; flex:none; }
.items-page .items-category-text { white-space:nowrap; }
.items-page .items-ref-filter-inner { padding:0!important; border:0!important; }
.items-page .items-ref-description { padding-top:0!important; border:0!important; }
@media(max-width:600px) { .items-page .items-ref-page { padding-top:14px!important; } }
/* Keep the paw beside the title, with copy safely below it. */
@media(max-width:600px) {
 .items-page .items-ref-title-row { min-height:102px; padding-right:78px; }
 .items-page .items-ref-description { margin-top:8px!important; }
 .items-page .items-ref-list-section { padding-left:12px; padding-right:12px; }
 .items-page .items-ref-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 10px; max-width:none; }
 .items-page .item-open-card { padding:7px; border-radius:21px 15px 23px 16px; }
 .items-page .item-open-photo { height:auto; aspect-ratio:1; padding:7px; border-radius:17px 12px 19px 13px; }
 .items-page .item-open-body { padding:10px 3px 3px; }
 .items-page .item-open-body h2 { font-size:13px; line-height:1.65; margin:8px 0; overflow-wrap:anywhere; }
 .items-page .item-open-note { font-size:12px; line-height:1.75; margin-bottom:12px; }
 .items-page .item-open-price { font-size:12px; }
 .items-page .item-open-links a { font-size:11px; padding:8px 3px; min-height:44px; }
 .items-page .item-open-body .items-ref-meta { display:flex!important; flex-wrap:wrap; align-items:center; gap:5px; }
 .items-page .item-open-body .item-dog { margin:0; }
 .items-page .item-open-photo .items-ref-new { font-size:10px; padding:4px 6px; left:0; top:0; }
}
@media(max-width:600px) {
 .items-page .page-update-note { min-width:0!important; min-height:0!important; height:65px!important; width:65px!important; padding:5px!important; }
 .items-page .items-ref-description { position:relative; }
}

@media(max-width:600px) {
 .items-page .items-category-buttons { flex-wrap:nowrap!important; overflow-x:auto; padding-bottom:5px; }
 .items-page .items-category-button { flex-shrink:0; }
}

/* Keep images, placeholders and long names inside each card. */
.items-page .item-open-card { box-sizing:border-box; min-width:0; }
.items-page .item-open-photo { box-sizing:border-box; flex:none; min-width:0; }
.items-page .item-open-photo img { position:absolute; inset:12px; display:block; width:calc(100% - 24px); height:calc(100% - 24px); max-width:100%; object-fit:contain; }
.items-page .item-open-photo .items-ref-no-image { width:100%; height:100%; aspect-ratio:auto; border-radius:inherit; }
.items-page .item-open-body { min-width:0; }
.items-page .item-open-body h2, .items-page .item-open-links a { overflow-wrap:anywhere; }
@media(max-width:600px) {
 .items-page .item-open-photo img { inset:7px; width:calc(100% - 14px); height:calc(100% - 14px); }
}