.product-apple-soft{background:#dedbd4}
.product-honor-v{background:#e8e0d1}
.product-card{font-family:var(--body);color:var(--ink);border:0;text-align:left;cursor:pointer}
.product-thumbnail{position:absolute;right:24px;top:54px;z-index:1;display:flex;gap:4px;transform:rotate(8deg);border:3px solid #17211fb3;border-radius:14px;background:#17211fe6;padding:6px;box-shadow:6px 7px 0 #17211f21}
.product-thumbnail i{position:relative;display:block;border-radius:9px;background:#b8c1bcda}
.product-thumbnail i:after{content:"";position:absolute;right:4px;top:4px;width:8px;height:12px;border-radius:3px;background:#17211f73}
.foldable-thumbnail{width:80px;height:96px}
.foldable-thumbnail i{width:50%;height:100%}
.foldable-thumbnail i:first-child:after{right:4px;top:4px;width:8px;height:8px;border-radius:50%}
.foldable-thumbnail i:last-child{background:#d9d1c2da}
.foldable-thumbnail i:last-child:after{left:4px;right:auto;top:4px;width:12px;height:4px;border-radius:4px;background:#17211f59}
.phone-thumbnail{width:56px;height:96px}
.phone-thumbnail i{width:100%;height:100%}
.phone-thumbnail i:before{content:"";position:absolute;left:50%;top:4px;width:12px;height:4px;transform:translateX(-50%);border-radius:4px;background:#d9d1c2cc}
.phone-thumbnail i:after{right:4px;top:7px;width:12px;height:16px}
.product-modal{display:none;position:fixed;inset:0;z-index:50;align-items:flex-start;justify-content:center;overflow-y:auto;padding:40px 20px;background:#17211fcc;backdrop-filter:blur(8px)}
.product-modal.open{display:flex}
.product-modal-card{width:min(980px,100%);margin:auto;overflow:hidden;border-radius:32px;background:var(--paper);box-shadow:0 24px 70px #0008}
.product-modal-top{position:relative;min-height:230px;padding:40px;overflow:hidden}
.modal-close{position:absolute;right:24px;top:24px;z-index:2;width:40px;height:40px;border:1px solid #17211f33;border-radius:50%;background:#ffffff80;color:var(--ink);font-size:26px;line-height:1;cursor:pointer}
.modal-kicker,.modal-label{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.modal-kicker{color:var(--muted)}
.product-modal-top h2{position:relative;z-index:1;max-width:700px;margin:22px 0 0;font-family:var(--display);font-size:clamp(2.5rem,6vw,4.5rem);line-height:.95;letter-spacing:-.06em}
.modal-mark{position:absolute;right:28px;bottom:-30px;font-family:var(--display);font-size:180px;font-weight:700;line-height:.8;letter-spacing:-.14em;color:#17211f1a}
.product-modal-body{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;padding:40px}
.modal-label{color:var(--orange)}
.product-modal-body p{max-width:560px;margin:20px 0 0;color:#59635e;font-size:18px;line-height:1.8}
.modal-inquiry{border:0;cursor:pointer}
.modal-confirm{padding:24px;border-radius:16px;background:var(--sand)}
.modal-spec{display:flex;gap:10px;margin-top:14px;font-size:14px;font-weight:700}
.modal-spec:first-letter{color:var(--orange)}
.modal-note{margin-top:26px;padding-top:18px;border-top:1px solid #17211f1a;color:var(--muted);font-size:12px;line-height:1.6}
@media(max-width:650px){.product-modal{padding:16px}.product-modal-top{padding:26px;min-height:200px}.product-modal-body{grid-template-columns:1fr;padding:26px}.product-modal-body p{font-size:16px}.modal-mark{font-size:130px}}