/* detail-page "対応可能な加工・オプション" gallery, reused on order pages */
.pvc-services-grid {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 8px;
      }

      .pvc-service-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 7px;
        min-height: 110px;
        padding: 10px 6px;
        border-radius: 14px;
        background: #fff;
        border: 1px solid rgba(50, 74, 124, 0.16);
        text-align: center;
      }

      .pvc-service-item img {
        width: 58px;
        height: 58px;
        object-fit: contain;
      }

      .pvc-service-item span {
        font-size: 0.85rem;
        line-height: 1.4;
        font-weight: 600;
        color: #24324b;
      }

      .pvc-service-notes {
        margin-top: 11px;
        font-size: 0.8rem;
        line-height: 1.65;
        color: #667085;
      }
/* Scoped processing gallery: preserve the source artwork and product details. */
.processing-gallery{background:#f5f5f7!important;padding:88px 0!important;scroll-margin-top:90px}
.processing-gallery .container{max-width:1200px!important;padding-left:32px!important;padding-right:32px!important}
.processing-gallery .pvc-services-card{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.processing-gallery .pvc-compact-heading{font-size:clamp(26px,3.4vw,40px)!important;line-height:1.25!important;letter-spacing:-.035em;color:#1d1d1f!important;font-weight:700!important;margin:0 0 20px!important;text-align:left!important}
.processing-gallery .pvc-services-intro{font-size:16px!important;line-height:1.8!important;color:#6e6e73!important;max-width:720px;margin:0 0 36px!important}
.processing-gallery .pvc-services-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}
.processing-gallery .pvc-service-item{position:relative;display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:flex-start!important;min-width:0;min-height:295px;padding:28px!important;background:#fff!important;border:0!important;border-radius:26px!important;box-shadow:none!important;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}
.processing-gallery .processing-fee-badge{position:relative;display:inline-block;color:#6e6e73;font-size:11px!important;font-weight:600;letter-spacing:.02em;line-height:1.6!important;background:#f5f5f7;padding:5px 10px;border-radius:20px;text-align:left!important}
.processing-gallery .processing-fee-badge.is-paid{background:#faf4e9;color:#806331}
.processing-gallery .pvc-service-item>.fx-art{height:158px!important;min-height:158px;margin:8px 0 18px!important;transform:scale(1.12);transition:transform .6s cubic-bezier(.2,.7,.2,1);width:100%!important}
.processing-gallery .pvc-service-item>span:last-child{font-size:17px!important;line-height:1.5!important;font-weight:600!important;letter-spacing:-.02em;color:#1d1d1f!important;text-align:left!important}
.processing-gallery .pvc-service-notes{font-size:12px!important;line-height:1.9!important;color:#6e6e73!important;margin-top:28px!important;padding:0 4px!important}
@media(hover:hover){.processing-gallery .pvc-service-item:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000009!important}.processing-gallery .pvc-service-item:hover>.fx-art{transform:scale(1.18)}}
@media(max-width:900px){.processing-gallery .pvc-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.processing-gallery{padding:52px 0!important}.processing-gallery .container{padding-left:20px!important;padding-right:20px!important}.processing-gallery .pvc-services-grid{display:flex!important;overflow-x:auto;gap:14px!important;scroll-snap-type:x mandatory;padding:4px 0 16px;overscroll-behavior-x:contain}.processing-gallery .pvc-service-item{flex:0 0 82%;scroll-snap-align:center;min-height:280px;padding:24px!important}.processing-gallery .pvc-services-intro{font-size:14px!important;margin-bottom:24px!important}}
@media(prefers-reduced-motion:reduce){.processing-gallery *{transition:none!important;scroll-behavior:auto!important}}


.pvc-services-grid .fx-art{display:flex;align-items:center;justify-content:center;width:100%;height:104px;font-size:0}
.pvc-services-grid .fx-card{position:relative;display:block;width:148px;height:94px;border-radius:10px;border:1px solid #c5cee0;background:linear-gradient(145deg,#f4f7ff,#dfe7fb);box-shadow:0 4px 10px rgba(40,60,110,.14);overflow:hidden}
.pvc-services-grid .fx-card.fx-dark{background:linear-gradient(145deg,#3a4760,#222b3e);border-color:#1b2233}
.pvc-services-grid .fx-trio{display:flex;gap:8px;align-items:center;justify-content:center}
.pvc-services-grid .fx-mini{width:62px;height:40px;border-radius:6px;box-shadow:0 3px 7px rgba(40,60,110,.14)}
.pvc-services-grid .fx-card b{position:absolute;display:block}
.pvc-services-grid .fx-sign{left:7px;right:7px;top:14px;height:12px;border:1px solid #98a3b5;background:#fff;border-radius:2px}
.pvc-services-grid .fx-sign.is-clear{background:repeating-conic-gradient(#cfd6e0 0 25%,#fff 0 50%) 0 0/6px 6px;border-style:dashed}
.pvc-services-grid .fx-num{left:14px;bottom:14px;font:700 22px/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.14em}
.pvc-services-grid .fx-num.sm{left:6px;bottom:7px;font-size:11px;letter-spacing:.08em}
.pvc-services-grid .fx-gold-t{color:#d4af37}
.pvc-services-grid .fx-silver-t{color:#d5dae1}
.pvc-services-grid .fx-gold-b{background:linear-gradient(90deg,#f6dc7e,#c9a227,#f6dc7e)!important}
.pvc-services-grid .fx-silver-b{background:linear-gradient(90deg,#f1f3f6,#9fa8b3,#f1f3f6)!important}
.pvc-services-grid .fx-bc{left:7px;right:7px;bottom:8px;height:20px}
.pvc-services-grid .fx-mini .fx-bc{height:16px;bottom:6px;left:6px;right:6px}
.pvc-services-grid .fx-bc-a{background:repeating-linear-gradient(90deg,#1d1d1f 0 2px,transparent 2px 4px,#1d1d1f 4px 5px,transparent 5px 8px)}
.pvc-services-grid .fx-bc-b{background:repeating-linear-gradient(90deg,#1d1d1f 0 3px,transparent 3px 5px,#1d1d1f 5px 6px,transparent 6px 7px)}
.pvc-services-grid .fx-bc-c{background:repeating-linear-gradient(90deg,#1d1d1f 0 1px,transparent 1px 3px,#1d1d1f 3px 6px,transparent 6px 9px)}
.pvc-services-grid .fx-card:not(.fx-mini) .fx-bc{left:14px;right:14px;bottom:16px;height:34px}
.pvc-services-grid .fx-qr{left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border:2px solid #1d1d1f;box-sizing:border-box}
.pvc-services-grid .fx-qr-a{background:conic-gradient(#1d1d1f 25%,#fff 0 50%,#1d1d1f 0 75%,#fff 0) 0 0/6px 6px}
.pvc-services-grid .fx-qr-b{background:conic-gradient(#fff 25%,#1d1d1f 0 50%,#fff 0 75%,#1d1d1f 0) 0 0/5px 5px}
.pvc-services-grid .fx-qr-c{background:conic-gradient(#1d1d1f 25%,#fff 0 75%,#1d1d1f 0) 0 0/4px 7px}
.pvc-services-grid .fx-emb{left:8px;bottom:9px;width:36px;height:5px;border-radius:3px;box-shadow:0 1px 0 rgba(255,255,255,.4)}
.pvc-services-grid .fx-emb.s{bottom:19px;width:24px}
.pvc-services-grid .fx-hole{left:50%;top:6px;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:#fff;border:1.5px solid #8c98ad;box-sizing:border-box}
.pvc-services-grid .fx-hole.slot{width:22px;height:7px;margin-left:-11px;border-radius:4px}
.pvc-services-grid .fx-hole.two{width:26px;height:10px;margin-left:-13px;border:0;border-radius:0;background:radial-gradient(circle at 5px 5px,#fff 2.8px,#8c98ad 3px 4.6px,transparent 5px),radial-gradient(circle at 21px 5px,#fff 2.8px,#8c98ad 3px 4.6px,transparent 5px)}
.pvc-services-grid .fx-finish{background:linear-gradient(115deg,#fbfdff 0 47%,#dbe3f6 53% 100%)}
.pvc-services-grid .fx-gloss{inset:0;background:linear-gradient(115deg,rgba(255,255,255,.95) 0 20%,rgba(255,255,255,0) 21% 28%,rgba(255,255,255,.7) 29% 36%,rgba(255,255,255,0) 37% 47%,transparent 47%)}
.pvc-services-grid .fx-lab{bottom:8px;font:700 11px/1 system-ui,sans-serif;color:#52627a}
.pvc-services-grid .fx-lab.l{left:10px}
.pvc-services-grid .fx-lab.r{right:10px}
.pvc-services-grid .fx-tape{left:0;right:0;top:8px;height:8px;background:#1d1d1f}
.pvc-services-grid .fx-card:not(.fx-mini) .fx-tape{top:16px;height:18px}
.pvc-services-grid .fx-enc{background:repeating-linear-gradient(90deg,#1d1d1f 0 3px,#6b7280 3px 5px,#1d1d1f 5px 6px,#9ca3af 6px 9px)}
.pvc-services-grid .fx-foil{left:0;right:0;top:50%;margin-top:-7px;text-align:center;font:800 11px/14px system-ui,sans-serif;letter-spacing:.16em}
/* service-fx-split */.pvc-services-grid .fx-card .fx-num{font-size:24px}.pvc-services-grid .fx-card .fx-num.sm2{left:14px;bottom:8px;font-size:9px;letter-spacing:.2em;color:#444}.pvc-services-grid .fx-card:not(.fx-mini) .fx-bc{bottom:26px;height:34px}.pvc-services-grid .fx-qr.big{width:44px;height:44px;margin:-22px 0 0 -22px;border-width:3px}.pvc-services-grid .fx-card:not(.fx-mini) .fx-emb{left:16px;bottom:18px;width:60px;height:8px}.pvc-services-grid .fx-card:not(.fx-mini) .fx-emb.s{bottom:34px;width:40px}.pvc-services-grid .fx-card:not(.fx-mini) .fx-hole{top:10px;width:14px;height:14px;margin-left:-7px}.pvc-services-grid .fx-card:not(.fx-mini) .fx-hole.slot{width:34px;height:10px;margin-left:-17px;border-radius:5px}.pvc-services-grid .fx-card:not(.fx-mini) .fx-hole.two{width:40px;height:14px;margin-left:-20px;border:0;border-radius:0;background:radial-gradient(circle at 7px 7px,#fff 4.6px,#8c98ad 5px 6.8px,transparent 7px),radial-gradient(circle at 33px 7px,#fff 4.6px,#8c98ad 5px 6.8px,transparent 7px)}.pvc-services-grid .fx-card:not(.fx-mini) .fx-foil{font-size:18px;margin-top:-10px;line-height:20px}.pvc-services-grid .fx-card:not(.fx-mini) .fx-sign{left:12px;right:12px;top:22px;height:20px}@media (min-width:769px){.pvc-services-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (max-width:480px){.pvc-services-grid .fx-card{width:120px;height:78px}.pvc-services-grid .fx-mini{width:52px;height:34px}}


@media (min-width:1100px){.processing-gallery .pvc-services-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:12px!important}}
@media (min-width:769px) and (max-width:1099px){.processing-gallery .pvc-services-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}}
.processing-gallery .pvc-services-grid .pvc-service-item{min-height:0!important;padding:12px 10px 14px!important;border-radius:16px!important;align-items:center!important;gap:0!important}
.processing-gallery .pvc-services-grid .pvc-service-item>.fx-art{height:68px!important;min-height:68px!important;margin:6px 0 8px!important;transform:scale(.62)!important;transform-origin:center center;width:100%!important}
.processing-gallery .pvc-services-grid .pvc-service-item:hover>.fx-art{transform:scale(.68)!important}
.processing-gallery .pvc-services-grid .pvc-service-item>span:last-child{font-size:12.5px!important;line-height:1.45!important;text-align:center!important;letter-spacing:0!important}
.processing-gallery .pvc-services-grid .processing-fee-badge{font-size:10px!important;padding:3px 8px!important;align-self:flex-start}
.processing-gallery{padding:56px 0!important}


/* paid-options header tile */
.processing-gallery .pvc-services-grid .pvc-service-item.is-paid-head{background:#faf4e9!important;justify-content:center!important;align-items:center!important;text-align:center}
.processing-gallery .pvc-services-grid .pvc-service-item.is-paid-head strong{display:block;font-size:14px;font-weight:700;color:#806331;letter-spacing:0;line-height:1.4}
.processing-gallery .pvc-services-grid .pvc-service-item.is-paid-head em{display:block;margin-top:6px;font-style:normal;font-size:11px;line-height:1.5;color:#9a7b3f}
