.cj-pd{width:100%;max-width:var(--cj-container);padding-inline:var(--cj-space-4);padding-block:var(--cj-space-5);margin-inline:auto}.cj-pd__layout{gap:var(--cj-space-6);grid-template-columns:1fr;align-items:start;display:grid}@media (min-width:900px){.cj-pd__layout{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}.cj-pd__gallery{gap:var(--cj-space-3);top:calc(96px + var(--cj-space-3));flex-direction:column;display:flex;position:sticky}.cj-pd__main-image-wrap{border:1.5px solid var(--cj-border);border-radius:var(--cj-radius);padding:var(--cj-space-5);aspect-ratio:1;background:#fff;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.cj-pd__main-image{object-fit:contain;max-width:100%;max-height:100%}.cj-pd__sale-badge{background:var(--cj-red,#fe5060);color:#fff;border-radius:var(--cj-radius);direction:ltr;padding:4px 10px;font-size:13px;font-weight:800;position:absolute;inset-block-start:12px;inset-inline-start:12px}.cj-pd__thumbs{flex-wrap:wrap;gap:8px;display:flex}.cj-pd__thumb{object-fit:contain;border:1.5px solid var(--cj-border);border-radius:var(--cj-radius);cursor:pointer;width:64px;height:64px;transition:border-color var(--cj-transition);background:#fff;padding:6px}.cj-pd__thumb:hover,.cj-pd__thumb.is-active{border-color:var(--cj-blue)}.cj-pd__info{gap:var(--cj-space-4);flex-direction:column;min-width:0;display:flex}.cj-pd__badges{align-items:center;gap:8px;display:flex}.cj-pd__brand-badge{background:var(--cj-bg-gray,#f5f5f5);color:var(--cj-text);border-radius:var(--cj-radius);padding:3px 10px;font-size:12px;font-weight:700}.cj-pd__type-badge{border-radius:var(--cj-radius);padding:3px 10px;font-size:12px;font-weight:700}.cj-pd__type-badge--original{color:#2e9e5b;background:#2e9e5b1f}.cj-pd__type-badge--compatible{background:var(--cj-blue-light,#eef0fb);color:var(--cj-blue)}.cj-pd__title{color:var(--cj-text);margin:0;font-size:clamp(20px,2.6vw,28px);font-weight:800;line-height:1.3}.cj-pd__price-row{direction:ltr;justify-content:flex-end;align-items:baseline;gap:12px;display:flex}.cj-pd__price,.cj-pd__price-sale{color:var(--cj-red,#fe5060);font-size:28px;font-weight:800}.cj-pd__price{color:var(--cj-text)}.cj-pd__price-orig{color:var(--cj-muted);font-size:17px;font-weight:500;text-decoration:line-through}.cj-pd__stock{font-size:14px;font-weight:600}.cj-pd__stock--in{color:#2e9e5b}.cj-pd__stock--out{color:var(--cj-red,#fe5060)}.cj-pd__qty-row{align-items:center;gap:12px;display:flex}.cj-pd__qty-label{color:var(--cj-text);font-size:14px;font-weight:600}.cj-pd__qty{border:1.5px solid var(--cj-border);border-radius:var(--cj-radius);align-items:center;display:inline-flex;overflow:hidden}.cj-pd__qty-btn{background:var(--cj-bg-gray,#f5f5f5);width:38px;height:40px;color:var(--cj-text);cursor:pointer;transition:background-color var(--cj-transition);border:0;font-size:18px;font-weight:700}.cj-pd__qty-btn:hover:not(:disabled){background:var(--cj-blue-light,#eef0fb);color:var(--cj-blue)}.cj-pd__qty-btn:disabled{opacity:.5;cursor:not-allowed}.cj-pd__qty-input{border:0;border-inline:1.5px solid var(--cj-border);text-align:center;width:54px;height:40px;color:var(--cj-text);appearance:textfield;outline:none;font-size:15px;font-weight:700}.cj-pd__qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cj-pd__qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cj-pd__actions{flex-wrap:wrap;gap:10px;display:flex}.cj-pd__add-btn{background:var(--cj-blue);color:#fff;border-radius:var(--cj-radius);cursor:pointer;height:50px;transition:background-color var(--cj-transition);border:0;flex:200px;font-size:16px;font-weight:800}.cj-pd__add-btn:hover:not(:disabled){background:var(--cj-blue-dark,#3d4288)}.cj-pd__add-btn.is-added{background:#2e9e5b}.cj-pd__add-btn.is-disabled,.cj-pd__add-btn:disabled{background:var(--cj-border,#d3d3d3);cursor:not-allowed}.cj-pd__wa-btn{color:#fff;border-radius:var(--cj-radius);height:50px;transition:background-color var(--cj-transition);background:#25d366;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.cj-pd__wa-btn:hover{background:#1eb858}.cj-pd__guarantees{gap:var(--cj-space-2) var(--cj-space-4);padding:var(--cj-space-3) 0;border-block-start:1px solid var(--cj-border);flex-wrap:wrap;display:flex}.cj-pd__guarantee-item{color:var(--cj-text-soft);font-size:13px;font-weight:600}.cj-pd__pay{align-items:center;gap:var(--cj-space-3) var(--cj-space-4);padding:var(--cj-space-3) 0;border-block:1px solid var(--cj-border);flex-wrap:wrap;display:flex}.cj-pd__pay-label{color:var(--cj-text);align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.cj-pd__pay-methods{flex-wrap:wrap;gap:6px;display:inline-flex}.cj-pd__pay-chip{letter-spacing:.04em;color:#4b5563;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:5px;padding:3px 7px;font-size:10px;font-weight:800}.cj-pd__compat{border:1.5px solid var(--cj-border);border-radius:var(--cj-radius);overflow:hidden}.cj-pd__compat-toggle{background:var(--cj-bg-gray,#f5f5f5);width:100%;color:var(--cj-text);cursor:pointer;border:0;justify-content:space-between;align-items:center;padding:12px 14px;font-size:14px;font-weight:700;display:flex}.cj-pd__compat-chev{color:var(--cj-muted);font-size:11px}.cj-pd__compat-list{flex-direction:column;gap:4px;margin:0;padding:8px 14px 12px;list-style:none;display:flex}.cj-pd__compat-item{color:var(--cj-text-soft,#555);border-bottom:1px solid var(--cj-border-soft,#efefef);padding:4px 0;font-size:13px}.cj-pd__compat-item:last-child{border-bottom:0}.cj-pd__tabs{margin-top:var(--cj-space-6);border:1.5px solid var(--cj-border);border-radius:var(--cj-radius);overflow:hidden}.cj-pd__tab-nav{border-bottom:1.5px solid var(--cj-border);background:var(--cj-bg-gray,#f5f5f5);display:flex}.cj-pd__tab-btn{color:var(--cj-muted);cursor:pointer;transition:color var(--cj-transition), border-color var(--cj-transition), background-color var(--cj-transition);background:0 0;border:0;border-bottom:3px solid #0000;padding:14px 20px;font-size:14px;font-weight:700}.cj-pd__tab-btn:hover{color:var(--cj-blue)}.cj-pd__tab-btn.is-active{color:var(--cj-blue);border-bottom-color:var(--cj-blue);background:#fff}.cj-pd__tab-content{padding:var(--cj-space-5);color:var(--cj-text);font-size:14px;line-height:1.7}.cj-pd__desc p,.cj-pd__returns p{margin:0 0 12px}.cj-pd__spec-table{border-collapse:collapse;width:100%}.cj-pd__spec-table td{border-bottom:1px solid var(--cj-border-soft,#efefef);padding:10px 12px;font-size:14px}.cj-pd__spec-table td:first-child{color:var(--cj-muted);width:40%;font-weight:700}@media (max-width:899px){.cj-pd__gallery{position:static}}@media (max-width:479px){.cj-pd__tab-btn{padding:12px 14px;font-size:13px}.cj-pd__main-image-wrap{padding:var(--cj-space-4)}}.cj-pd__spec{overflow-x:auto}.cj-pd{padding-block:var(--cj-space-6)}.cj-pd__gallery{perspective:1400px}.cj-pd__main-image-wrap{--rx:0deg;--ry:0deg;--mx:50%;--my:30%;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));will-change:transform;background:radial-gradient(120% 90% at 50% 0,#fff 0%,#f4f5fb 100%);border:1px solid #14152a12;border-radius:22px;padding:clamp(20px,3vw,40px);transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1);box-shadow:inset 0 1px #ffffffe6,0 18px 44px #14152a1a,0 4px 12px #14152a0d}.cj-pd__main-image-wrap:hover{box-shadow:inset 0 1px #fffffff2,0 30px 70px #14152a29,0 10px 24px #4d52a41a}.cj-pd__main-image-glare{z-index:2;border-radius:inherit;pointer-events:none;background:radial-gradient(260px 260px at var(--mx) var(--my), #fff9, transparent 60%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.cj-pd__main-image-wrap:hover .cj-pd__main-image-glare{opacity:1}.cj-pd__main-image{filter:drop-shadow(0 18px 26px #14152a29);transition:transform .55s cubic-bezier(.22,1,.36,1);transform:translateZ(28px)}.cj-pd__main-image-wrap:hover .cj-pd__main-image{transform:translateZ(40px)scale(1.03)}.cj-pd__sale-badge{z-index:3;letter-spacing:.02em;border-radius:500px;padding:5px 12px;box-shadow:0 6px 16px #fe50605c}.cj-pd__thumb{transition:border-color var(--cj-transition), transform .3s ease, box-shadow .3s ease;border-radius:12px}.cj-pd__thumb:hover{transform:translateY(-2px);box-shadow:0 8px 16px #14152a1a}.cj-pd__thumb.is-active{box-shadow:0 0 0 1px var(--cj-blue) inset}.cj-pd__brand-badge,.cj-pd__type-badge{letter-spacing:.01em;border-radius:500px;padding:5px 14px}.cj-pd__brand-badge{background:linear-gradient(#fff,#f1f2fa);border:1px solid #14152a14}.cj-pd__title{letter-spacing:-.015em;line-height:1.25}.cj-pd__price-sale{letter-spacing:-.01em;font-size:32px}.cj-pd__price-sale,.cj-pd__price{line-height:1.1}.cj-pd__actions{gap:12px}.cj-pd__add-btn{background:linear-gradient(100deg, var(--cj-blue), var(--cj-blue-dark));letter-spacing:.01em;border-radius:500px;justify-content:center;align-items:center;gap:10px;height:54px;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .4s,filter .3s;display:inline-flex;position:relative;box-shadow:0 10px 24px #4d52a44d}.cj-pd__add-btn:hover:not(:disabled){background:linear-gradient(100deg, var(--cj-blue), var(--cj-blue-dark));filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 16px 34px #4d52a466}.cj-pd__add-btn:active:not(:disabled){transform:scale(.985)}.cj-pd__add-btn.is-added{background:linear-gradient(100deg,#2eb86a,#1f9a55);box-shadow:0 12px 26px #2eb86a57}.cj-pd__add-btn-icon{background:#ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:transform .4s cubic-bezier(.22,1,.36,1);display:inline-flex}.cj-pd__add-btn:hover:not(:disabled) .cj-pd__add-btn-icon{transform:translate(-3px)scale(1.05)}.cj-pd__wa-btn{border-radius:500px;height:54px;transition:transform .3s,box-shadow .4s,filter .3s;box-shadow:0 10px 22px #25d36647}.cj-pd__wa-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.cj-pd__pay{border-block:0;gap:8px 10px;padding:4px 0}.cj-pd__compat{border-color:#14152a14;border-radius:16px}.cj-pd__tabs{border-color:#14152a14;border-radius:18px;box-shadow:0 10px 30px #14152a0d}.cj-pd__tab-btn{transition:color .3s,border-color .3s,background-color .3s}.cj-pd__tab-btn.is-active{border-bottom-width:3px}@media (prefers-reduced-motion:reduce){.cj-pd__main-image-wrap,.cj-pd__main-image,.cj-pd__add-btn{transition:none;transform:none!important}}
