
/* YEOKJU storefront: match approved cinematic reference
 * 60% cinematic / 25% traditional premium / 15% frame-like comic presentation.
 * Screen-only. Book PDF and calculations untouched.
 */
@media screen {
 #productView{background:#090f19!important;color:#f9eddb!important;padding-bottom:48px}
 #productView>.page-head{max-width:1120px;margin:24px auto!important}
 #productView>.page-head h1{color:#f9e9cc!important}
 #productView>.page-head p,#productView>.page-head .eyebrow{color:#d7bd95!important}
 #productView .yeokju-cinematic-storefront{
  display:block!important;position:relative;isolation:isolate;overflow:hidden;
  width:100%!important;max-width:1100px;margin:26px auto 32px!important;
  padding:clamp(18px,3.5vw,36px)!important;border:1px solid #ae845366!important;
  border-radius:12px!important;background:linear-gradient(180deg,#080e18,#0c121b)!important;
  color:#f6e9d5!important;box-shadow:0 28px 75px #0008!important;
 }
 #productView .yeokju-storefront-hero{
  display:flex;flex-direction:column;justify-content:center;position:relative;min-height:250px;
  margin:-28px -28px 24px;padding:40px clamp(27px,5vw,65px) 35px;overflow:hidden;
  background:radial-gradient(circle at 75% 32%,#6b665456,transparent 36%),linear-gradient(93deg,#08101d 3%,#11141e 65%,#17202b)
 }
 #productView .yeokju-storefront-hero:after{
  content:"";position:absolute;inset:0 0 0 auto;width:63%;pointer-events:none;opacity:.7;
  background:linear-gradient(90deg,#0b111d 5%,transparent 76%),url('yeokju-storefront-art.webp') center/cover no-repeat
 }
 #productView .yeokju-storefront-hero>*{position:relative;z-index:1}
 #productView .yeokju-storefront-kicker{font:700 12px/1.7 'Noto Sans KR',sans-serif;letter-spacing:.2em;color:#dfb883!important}
 #productView .yeokju-storefront-hero h2{max-width:710px;font:600 clamp(30px,4.2vw,49px)/1.35 'Noto Serif KR',serif!important;letter-spacing:-.045em;color:#f8e9cf!important;margin:17px 0!important;text-shadow:0 4px 16px #0009}
 #productView .yeokju-storefront-hero p{color:#d8c5aa!important;font-size:clamp(15px,1.5vw,18px)!important;line-height:1.8}
 #productView .yeokju-package-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #ac865749;padding:12px 4px 22px;margin-bottom:14px}
 #productView .yeokju-package-heading h3{font:650 clamp(23px,2.7vw,29px)/1.5 'Noto Serif KR',serif;color:#f5deb5!important;margin:0}
 #productView .yeokju-package-heading p{font-size:14px!important;line-height:1.6;color:#d7c4a6!important;margin:0!important}
 #productView .yeokju-tier-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;margin:0!important}
 #productView .yeokju-tier{
  box-sizing:border-box;position:relative!important;display:block!important;isolation:isolate;
  width:100%;min-height:268px;padding:clamp(22px,3.2vw,38px)!important;
  background:linear-gradient(105deg,#080d16 0%,#10131ac9 57%,#0c1118 100%)!important;
  border:2px solid #c5a274!important;border-radius:4px!important;
  box-shadow:inset 0 0 0 4px #0d111b,inset 0 0 0 5px #9c795343,0 12px 36px #0008!important;
  color:#f9e9ca!important;text-align:left!important;cursor:pointer!important;
  transition:box-shadow .24s ease,border-color .24s ease,transform .24s ease!important;
  overflow:hidden;
 }
 #productView .yeokju-tier.is-featured{
  border:2px solid #ed594a!important;background:linear-gradient(102deg,#260b13 0%,#2a0c12ee 60%,#1c0b10)!important;
  box-shadow:inset 0 0 0 4px #300e15,inset 0 0 0 5px #e47867,0 0 0 3px #9d2027,0 15px 45px #0009,0 0 22px #cb322a6b!important;
 }
 #productView .yeokju-tier.is-selected:not(.is-featured){border-color:#ffe2ab!important;box-shadow:inset 0 0 0 4px #0d111b,0 0 0 2px #efc183,0 16px 44px #0009!important}
 #productView .yeokju-tier.is-selected.is-featured{box-shadow:inset 0 0 0 4px #300e15,inset 0 0 0 5px #f8ac82,0 0 0 3px #ff6f5c,0 0 26px #de3b3b8a!important}
 #productView .yeokju-tier:hover:not(:disabled){transform:translateY(-2px)!important;border-color:#ffcf89!important}
 #productView .yeokju-tier.is-featured:hover:not(:disabled){border-color:#ff665c!important}
 #productView .yeokju-tier:focus-visible{outline:3px solid #ffe5b5!important;outline-offset:4px!important}
 #productView .yeokju-tier:disabled{opacity:.55;cursor:not-allowed!important}
 #productView .yeokju-tier-corner{position:absolute;z-index:5;pointer-events:none;inset:10px;border:2px solid transparent;background:
 linear-gradient(#d9b47d,#d9b47d) left top/24px 2px no-repeat,linear-gradient(#d9b47d,#d9b47d) left top/2px 24px no-repeat,
 linear-gradient(#d9b47d,#d9b47d) right top/24px 2px no-repeat,linear-gradient(#d9b47d,#d9b47d) right top/2px 24px no-repeat,
 linear-gradient(#d9b47d,#d9b47d) left bottom/24px 2px no-repeat,linear-gradient(#d9b47d,#d9b47d) left bottom/2px 24px no-repeat,
 linear-gradient(#d9b47d,#d9b47d) right bottom/24px 2px no-repeat,linear-gradient(#d9b47d,#d9b47d) right bottom/2px 24px no-repeat}
 #productView .yeokju-tier.is-featured .yeokju-tier-corner{filter:brightness(1.35)}
 #productView .yeokju-tier-image{position:absolute;z-index:-1;inset:0 0 0 auto;width:61%;opacity:.78;pointer-events:none;background:
 linear-gradient(90deg,#0b101d 0%,#0b101d50 32%,transparent 88%),
 url('yeokju-storefront-art.webp') center/cover no-repeat}
 #productView .yeokju-tier.is-featured .yeokju-tier-image{background:linear-gradient(90deg,#260b13 0%,#260b1380 34%,transparent 95%),url('yeokju-storefront-art.webp') 65% center/cover no-repeat}
 #productView .yeokju-tier-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:7px;width:min(68%,490px)}
 #productView .yeokju-tier-heading{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
 #productView .yeokju-tier-name{font:600 clamp(25px,3.5vw,40px)/1.3 'Noto Serif KR',serif!important;color:#fff0d7!important;white-space:normal}
 #productView .yeokju-tier-badge{font-size:12px;line-height:1.5;font-weight:700;color:#ffe7d5!important;background:#852826;border:1px solid #f58d78;border-radius:6px;padding:5px 10px}
 #productView .yeokju-tier-description{font-size:clamp(13px,1.4vw,15px);color:#d9c6b2!important}
 #productView .yeokju-tier-price{font:700 clamp(35px,4.7vw,54px)/1.22 'Noto Serif KR',serif!important;color:#ffe3b1!important;letter-spacing:-.03em;margin:7px 0 9px}
 #productView .yeokju-tier-composition{display:flex;flex-direction:column;gap:5px;width:100%;border-top:1px solid #d7af793d;padding-top:12px}
 #productView .yeokju-tier-caption{font-size:14px;color:#f8d7a5!important;font-weight:750}
 #productView .yeokju-tier-item{position:relative;padding-left:14px;color:#f4e6d7!important;font-size:clamp(13px,1.45vw,16px);line-height:1.65;word-break:keep-all}
 #productView .yeokju-tier-item:before{content:"•";position:absolute;left:0;color:#d9b47d}
 #productView .yeokju-tier-open{margin-top:7px;font-size:12px;font-weight:700;letter-spacing:.02em;color:#eec48b!important}
 #productView .yeokju-extra-packs{margin-top:18px;padding:15px;border:1px solid #8a755677;border-radius:7px;background:#151921}
 #productView .yeokju-extra-packs>summary{color:#efdab6!important;font-size:15px;font-weight:700;cursor:pointer;list-style-position:inside}
 #productView .yeokju-extra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:15px}
 #productView .yeokju-tier.is-compact{min-height:195px;padding:22px!important}
 #productView .yeokju-tier.is-compact .yeokju-tier-image{opacity:.2}
 #productView .yeokju-tier.is-compact .yeokju-tier-content{width:100%}
 #productView .yeokju-tier.is-compact .yeokju-tier-name{font-size:24px}
 #productView .yeokju-tier.is-compact .yeokju-tier-price{font-size:28px}
 #productView .yeokju-cinematic-storefront .yeokju-pick-title{font:650 clamp(21px,2.6vw,28px)/1.4 'Noto Serif KR',serif;color:#f5deb6!important;margin:36px 0 10px}
 #productView .yeokju-topic-picker{margin-top:0;padding-top:16px;border-top:1px solid #9b805a}
 #productView .yeokju-topic-picker-head strong{color:#fff1d4!important}
 #productView .yeokju-topic-picker>p{color:#e9dbca!important;font-size:15px;line-height:1.75}
 #productView .yeokju-checkout-next{display:block;width:100%;min-height:48px;margin-top:18px;padding:13px;border:1px solid #d4a374;border-radius:6px;background:#862e2f;color:#fff2dd!important;font-size:15px;font-weight:700}
 #productView .yeokju-checkout-next:disabled{opacity:.5;background:#54434b}
 #productView #yeokjuOfferState{font-size:14px!important;color:#f5d19a!important;line-height:1.7;margin:16px 0!important}
 #productView .yeokju-revisit-policy{color:#ddc9ad!important;font-size:12px!important;line-height:1.8}
 #productView .yeokju-topic-choice{background:#151a24!important;border-color:#897358!important}
 #productView .yeokju-topic-choice span{color:#f0e2d1!important}
 #productView .yeokju-topic-choice-chapter{background:#141820!important}
 #productView .yeokju-topic-choice-chapter>summary{color:#e9cba0!important}
 #productView .yeokju-topic-choice:has(input:checked){background:#382526!important;border-color:#c99a70!important}
 #productView #yeokjuCheckoutPanel{scroll-margin-top:32px!important;border:1px solid #af8b60!important;background:linear-gradient(140deg,#121922,#080e17)!important;color:#eee3d3!important;border-radius:9px!important;box-shadow:0 12px 45px #0007!important}
 #productView #yeokjuCheckoutPanel :is(h2,h3,h4,strong,b,legend){color:#f6e5c7!important}
 #productView #yeokjuCheckoutPanel :is(p,small,label,span){color:#e6d7c2!important}
 #productView #yeokjuCheckoutPanel .special-birth-review{background:#0e1923!important;border:1px solid #ac8c62!important;border-left:4px solid #dfba7e!important;color:#e6d7c2!important;border-radius:12px}
 #productView #yeokjuCheckoutPanel .special-birth-review :is(p,small,span){color:#ded2c1!important}
 #productView #yeokjuCheckoutPanel .special-birth-review a{color:#f8cd92!important;text-decoration:underline!important}
 #productView #yeokjuCheckoutPanel .purchase-birth-check{background:#141b24!important;border-color:#8e7657!important;color:#eee1d1!important}
 #productView #yeokjuCheckoutPanel .purchase-birth-check small{color:#ded0bf!important}
 #productView #yeokjuCheckoutPanel input[type=tel]{width:100%;min-height:48px;background:#0b131d!important;color:#fff3df!important;border:1px solid #a88a64;border-radius:6px;padding:12px;font-size:16px}
 #productView #yeokjuCheckoutPanel .launch-checkout-offer{background:#171c26!important;border-color:#ae8b63!important;border-radius:6px}
 #productView #yeokjuCheckoutPanel .checkout-price b{color:#ffdb9f!important;font-size:clamp(32px,5vw,50px)!important}
 #productView #yeokjuCheckoutPanel #checkoutStart{min-height:48px;background:#973b35!important;color:#fff1dc!important;border:1px solid #d4a778!important}
 #productView #yeokjuCheckoutPanel a{color:#f1c891!important;text-decoration:underline!important}
 #productView .yeokju-top-checkout,#productView .yeokju-bottom-checkout{background:#141b25!important;color:#efddc3!important;border:1px solid #a7875e!important}
 #productView .yeokju-top-checkout strong,#productView .yeokju-bottom-checkout strong{color:#f7dfb5!important}
 #productView .yeokju-top-checkout :is(span,small),#productView .yeokju-bottom-checkout :is(span,small){color:#e4d2b7!important}
 #productView .yeokju-example.panel{background:#f7f0e4!important;color:#30251f!important}
 #productView .yeokju-example.panel :is(p,h2,h3,strong){color:#30251f!important}
 #productView .product-story.panel{background:#f6f0e3!important;color:#352820!important}
 #productView .product-story.panel :is(h2,h3,p,b){color:#352820!important}
 #productView .yeokju-checkout-next:focus-visible,#productView .yeokju-extra-packs>summary:focus-visible,#productView .yeokju-tier:focus-visible{outline:3px solid #ffe1ac!important;outline-offset:3px!important}
}
@media screen and (max-width:670px){
 #productView .yeokju-cinematic-storefront{margin:14px auto 24px!important;padding:13px!important;border-radius:0!important}
 #productView .yeokju-storefront-hero{margin:-13px -13px 15px!important;min-height:190px;padding:33px 20px!important}
 #productView .yeokju-storefront-hero:after{width:65%;opacity:.5}
 #productView .yeokju-storefront-hero h2{font-size:clamp(25px,6.5vw,35px)!important;max-width:100%;line-height:1.42!important}
 #productView .yeokju-storefront-hero p{font-size:14px!important}
 #productView .yeokju-package-heading{flex-wrap:wrap;gap:3px;padding-bottom:10px!important}
 #productView .yeokju-package-heading h3{font-size:23px!important}
 #productView .yeokju-package-heading p{font-size:12px!important}
 #productView .yeokju-tier-grid{gap:12px!important}
 #productView .yeokju-tier{min-height:255px;padding:21px 20px!important}
 #productView .yeokju-tier-content{width:78%!important;gap:5px}
 #productView .yeokju-tier-name{font-size:clamp(24px,6.6vw,31px)!important}
 #productView .yeokju-tier-price{font-size:clamp(35px,9vw,46px)!important}
 #productView .yeokju-tier-item{font-size:14px!important;line-height:1.6!important}
 #productView .yeokju-tier-image{width:65%!important;opacity:.58!important}
 #productView .yeokju-tier-corner{inset:7px}
 #productView .yeokju-extra-grid{grid-template-columns:1fr}
 #productView .yeokju-tier.is-compact{min-height:170px}
 #productView .yeokju-tier-badge{font-size:10px;padding:3px 6px}
 #productView .yeokju-tier-heading{gap:7px}
 #productView .yeokju-topic-picker{scroll-margin-top:18px}
}
@media print{#productView .yeokju-cinematic-storefront{display:none!important}}
