/* Rishit Fine Arts — v55.25.0 premium artwork window (the "View Work" pop-up).
   Gallery-wall picture side, refined details, and an action bar that stays in view (Add to Enquiry List,
   View in Your Room, Ask the Gallery Assistant). Loaded after style.css; only restyles the existing window. */
.artwork-preview{padding:28px}
.artwork-preview-backdrop{background:rgba(6,6,6,.86);backdrop-filter:blur(4px)}
.artwork-preview-panel{width:min(1240px,100%);height:min(860px,calc(100vh - 56px));max-height:none;grid-template-columns:minmax(0,1fr) 430px;
  overflow:hidden;border-radius:2px;box-shadow:0 40px 110px rgba(0,0,0,.55)}
.artwork-preview-panel:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;z-index:5;background:linear-gradient(90deg,#b90808,#d9a441 50%,#b90808)}

/* picture side: a softly lit gallery wall */
.artwork-preview-image{min-height:0;height:100%;padding:56px 60px 64px;
  background:radial-gradient(ellipse 80% 70% at 50% 38%,#f8f6f2 0%,#ece8e1 62%,#dfdad2 100%)}
.artwork-preview-image:before{content:"";position:absolute;left:12%;right:12%;bottom:26px;height:18px;border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.16),rgba(0,0,0,0) 70%);pointer-events:none}
.artwork-preview-image img{max-width:100%;max-height:100%;
  box-shadow:0 1px 2px rgba(0,0,0,.12),0 26px 60px -18px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.05);transition:transform .5s ease,box-shadow .5s ease}
.artwork-preview-image:hover img{transform:none}

/* magnifying glass: press and hold on the picture */
.artwork-preview-image{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.artwork-preview-image img{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;
  cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='13' cy='13' r='9' fill='rgba(255,255,255,.85)' stroke='%23151515' stroke-width='2.2'/%3E%3Cpath d='M20 20l8 8' stroke='%23151515' stroke-width='3.2' stroke-linecap='round'/%3E%3Cpath d='M13 9v8M9 13h8' stroke='%23b90808' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 13 13,zoom-in}
.artwork-preview-image.is-magnifying img{cursor:none}
.awp-lens{position:fixed;left:0;top:0;z-index:140;width:230px;height:230px;border-radius:50%;pointer-events:none;opacity:0;transform:scale(.85);
  background-color:#fff;background-repeat:no-repeat;border:3px solid #fff;
  box-shadow:0 0 0 1.5px #d9a441,0 18px 44px rgba(0,0,0,.45),inset 0 0 18px rgba(0,0,0,.18);transition:opacity .14s ease,transform .14s ease}
.awp-lens.is-on{opacity:1;transform:scale(1)}
.awp-hint{position:absolute;left:16px;bottom:14px;z-index:3;display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:30px;
  background:rgba(21,21,21,.72);color:#fff;font:normal 500 11.5px/1 "Sora",sans-serif;letter-spacing:.02em;pointer-events:none;transition:opacity .2s}
.awp-hint svg{width:14px;height:14px;fill:none;stroke:#d9a441;stroke-width:2;stroke-linecap:round}
.artwork-preview-image.is-magnifying .awp-hint{opacity:0}

/* details side */
.artwork-preview-copy{display:flex;flex-direction:column;min-height:0;padding:0;background:#fff}
.awp-body{flex:1;min-height:0;overflow-y:auto;padding:58px 38px 22px;scrollbar-width:thin;scrollbar-color:#d6d6d6 transparent}
.artwork-preview-copy .eyebrow{display:flex;align-items:center;gap:10px;margin:0 56px 14px 0;color:#b90808;font:normal 600 11.5px/1.4 "Sora",sans-serif;letter-spacing:.18em}
.artwork-preview-copy .eyebrow:before{content:"";flex:none;width:24px;height:1px;background:#b90808}
.artwork-preview-copy h2{margin:0 20px 8px 0;font:normal 500 29px/1.22 "Sora",sans-serif;color:#151515;letter-spacing:-.01em;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;overflow-wrap:anywhere}
.artwork-preview-copy h2.is-long{font-size:23px;line-height:1.3}
.artwork-preview-copy h2.is-very-long{font-size:20px;line-height:1.35}
.awp-id{margin:0 0 24px;font:normal 500 11px/1.4 "Sora",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#a0a0a0}
.artwork-preview-details{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;border:0}
.artwork-preview-details>div{display:block;padding:13px 15px 12px;border:1px solid #ece9e3;border-bottom:1px solid #ece9e3;background:#fbfaf8;font:normal 400 14px/1.45 "Sora",sans-serif}
.artwork-preview-details>div:first-child{grid-column:1/-1}
.artwork-preview-details span{display:block;margin:0 0 4px;color:#8f8f8f;font:normal 600 10.5px/1.2 "Sora",sans-serif;letter-spacing:.14em;text-transform:uppercase}
.artwork-preview-details strong{display:block;color:#151515;font-weight:500;text-align:left;overflow-wrap:anywhere}
.artwork-preview-details strong.awp-status{display:flex;align-items:center;gap:9px}
.awp-status:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:#9a9a9a;box-shadow:0 0 0 3px rgba(154,154,154,.18)}
[data-awp-status="available"] .awp-status:before{background:#1f9a4b;box-shadow:0 0 0 3px rgba(31,154,75,.16)}
[data-awp-status="sold"] .awp-status:before{background:#b90808;box-shadow:0 0 0 3px rgba(185,8,8,.14)}
[data-awp-status="reserved"] .awp-status:before{background:#d9a441;box-shadow:0 0 0 3px rgba(217,164,65,.2)}
.awp-note{margin:18px 0 0;padding:12px 14px;border-left:2px solid #d9a441;background:#fbf7ee;font:normal 400 12.5px/1.6 "Sora",sans-serif;color:#6b6b6b}

/* action bar: always in view */
.awp-actions{flex:none;display:grid;gap:10px;padding:18px 38px 24px;border-top:1px solid #eeebe6;background:#fff;box-shadow:0 -14px 30px -24px rgba(0,0,0,.35)}
.awp-actions .button{width:100%;margin:0!important;min-height:50px}
.awp-actions .artwork-preview-enquiry{font:normal 500 14px/22px "Roboto",sans-serif;letter-spacing:.02em}
.awp-actions .artwork-preview-ask{min-height:46px}
.artwork-preview-close{right:16px;top:18px;width:42px;height:42px;font-size:28px;line-height:38px}

@media(max-width:1100px){.artwork-preview-panel{grid-template-columns:minmax(0,1fr) 380px}.awp-body{padding:56px 28px 20px}.awp-actions{padding:16px 28px 22px}}
@media(max-width:980px){
  /* phones and tablets: one scrolling page - big picture first, details below, buttons pinned to the bottom */
  .artwork-preview{padding:0}
  .artwork-preview-panel{display:block;width:100%;height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;border-radius:0;animation:none}
  .artwork-preview-image{display:flex;align-items:center;justify-content:center;height:auto;min-height:0;padding:16px 12px 28px;touch-action:pan-y}
  .artwork-preview-image img{display:block;margin:0 auto;width:auto;max-width:100%;max-height:70vh;max-height:70svh}
  .artwork-preview-image:before{bottom:12px;height:12px}
  .artwork-preview-copy{display:block;max-height:none;overflow:visible}
  .awp-body{overflow:visible;padding:22px 20px 18px}
  .artwork-preview-copy h2{font-size:24px;margin-right:0}
  .artwork-preview-copy h2.is-long{font-size:20px}
  .artwork-preview-copy h2.is-very-long{font-size:18px}
  .artwork-preview-copy .eyebrow{margin-right:0}
  .awp-id{margin-bottom:16px}
  .artwork-preview-details>div{padding:11px 13px}
  .awp-actions{position:sticky;bottom:0;z-index:4;grid-template-columns:1fr 1fr;gap:8px;padding:12px 14px calc(12px + env(safe-area-inset-bottom))}
  .awp-actions .button{min-height:46px;padding:0 10px;font-size:13.5px}
  .awp-actions .artwork-preview-ask{grid-column:1/-1;min-height:38px;border-color:#d8d8d8;font-size:13px}
  .awp-actions>.artwork-preview-enquiry:nth-last-child(2){grid-column:1/-1}
  .awp-actions .button.rv-open{gap:7px}
  .awp-actions .button.rv-open svg{width:17px;height:17px}
  .awp-actions .button.rv-open em{display:none}
  .artwork-preview-close{position:fixed;right:12px;top:calc(12px + env(safe-area-inset-top));width:40px;height:40px;background:rgba(255,255,255,.94)}
  .awp-lens{width:170px;height:170px}
  .awp-hint{left:12px;bottom:10px;font-size:10.5px;padding:5px 9px}
}
@media(max-width:420px){.awp-actions .button{font-size:12.5px;white-space:nowrap;padding:0 8px}.awp-actions .button.rv-open{gap:6px}.awp-actions .button.rv-open svg{width:15px;height:15px}}
@media(max-width:330px){.artwork-preview-details{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.artwork-preview-image img{transition:none}.artwork-preview-image:hover img{transform:none}}