/* Occasion UI layer. Loaded only while an occasion is live. Tokens --oc-primary --oc-accent --oc-ink --oc-bg --oc-bg2
   --oc-on-primary --oc-pattern come from the competer-occasions plugin (<head>). Mobile-first (375 px), widened with min-width. */
:root{--oc-glass:rgba(255,255,255,.68);--oc-glass-line:rgba(255,255,255,.85);--oc-shadow:0 14px 34px -20px color-mix(in srgb,var(--oc-primary) 60%,transparent)}

/* ---- header pill: phone = 44 px box beside the search (emoji + "Offers"); desktop = full pill in the icon group ---- */
.ch-oc{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;box-sizing:border-box;text-decoration:none;color:var(--oc-ink);background:color-mix(in srgb,var(--oc-accent) 26%,#fff);border:1px solid color-mix(in srgb,var(--oc-primary) 26%,#fff);font:800 12px/1 'Outfit',system-ui,sans-serif;letter-spacing:.01em;transition:background .15s}
.ch-oc i,.ch-oc .ch-oc-i{font-style:normal;font-size:16px;line-height:1}
.ch-oc img.ch-oc-i{width:18px;height:18px;display:block}
img.oc-band-mark{width:14px;height:14px;display:inline-block;vertical-align:-2px;margin-right:2px;filter:brightness(0) invert(1)}
i.oc-band-mark{font-style:normal;margin-right:2px}
img.oc-foot-mark{width:18px;height:18px;filter:brightness(0) invert(1)}
i.oc-foot-mark{font-style:normal;font-size:18px}
.ch-oc--m{flex-direction:column;gap:3px;min-width:50px;height:46px;padding:0 7px;border-radius:12px;font-size:9px;letter-spacing:.06em;text-transform:uppercase}
.ch-oc--m .ch-oc-t{display:none}
.ch.is-stuck.is-down .ch-oc--m{display:none}
.ch-oc--d{display:none}
.ch-oc-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(min-width:480px){.ch-oc--m{flex-direction:row;height:44px;max-width:40%;padding:0 12px 0 9px;border-radius:999px;font-size:12px;letter-spacing:.01em;text-transform:none}.ch-oc--m .ch-oc-l{display:none}.ch-oc--m .ch-oc-t{display:block}}
@media(min-width:900px){.ch-oc--m{display:none}.ch-oc--d{display:inline-flex;height:40px;max-width:230px;margin-right:8px;padding:0 14px 0 10px;border-radius:999px;font-size:13px}.ch-oc--d .ch-oc-l{display:none}.ch-oc--d:hover{background:color-mix(in srgb,var(--oc-accent) 42%,#fff)}}

/* footer greeting */
.oc-foot{background:linear-gradient(90deg,var(--oc-primary),color-mix(in srgb,var(--oc-primary) 70%,var(--oc-accent)));color:var(--oc-on-primary);font-family:'Outfit',system-ui,sans-serif}
.oc-foot-in{display:flex;align-items:center;gap:8px;min-height:48px;padding-top:6px;padding-bottom:6px;font-size:14px;font-weight:700}
.oc-foot-in i{font-style:normal;font-size:18px}
.oc-foot-in a{margin-left:auto;color:var(--oc-on-primary);font-weight:800;text-decoration:none;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
/* product page: the price after the code, then the strip in the occasion's colours */
.pdp-oc-price{display:block;width:100%;margin-top:4px;font:600 13px/1.3 'Outfit',system-ui,sans-serif;color:#475569}
.pdp-oc-price b{font-size:15px;font-weight:800;color:var(--oc-primary)}
.pdp-oc-price code{font:800 12.5px 'Outfit',system-ui,sans-serif;letter-spacing:.05em;color:var(--oc-ink);background:var(--oc-bg);border:1px solid color-mix(in srgb,var(--oc-primary) 28%,#fff);border-radius:6px;padding:1px 6px}
.oc-pdp-strip{background:linear-gradient(90deg,var(--oc-bg2),var(--oc-bg));border-color:var(--oc-accent)}
/* phones: icon + text on the first row, the countdown on its own row below (it was one nowrap row that squeezed the text and ran off the edge) */
.oc-pdp-strip{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:6px 10px;overflow-wrap:anywhere}
.oc-pdp-strip>span:nth-child(2){min-width:0;line-height:1.45}
.oc-pdp-strip .oc-countdown{grid-column:1/-1;margin-left:0;justify-self:start;flex-wrap:wrap;white-space:normal;row-gap:2px}
.oc-pdp-strip .oc-countdown-time{white-space:nowrap}
@media(min-width:768px){.oc-pdp-strip{display:flex;align-items:center}.oc-pdp-strip .oc-countdown{margin-left:auto;white-space:nowrap}}
/* cart drawer and checkout: one reminder line */
.oc-cart-line{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:8px 12px;border-radius:10px;background:var(--oc-bg);border:1px dashed var(--oc-accent);color:var(--oc-ink);font:600 12.5px/1.35 'Outfit',system-ui,sans-serif}
.oc-cart-line span{flex:1;min-width:0}
.cart-drawer .oc-cart-line{margin:0 14px 8px}
/* header and shop grid take the accent */
/* ---- header: the occasion's colour and art fused into the header itself, strongest at the top edge, gone by the bottom ---- */
body.has-occasion .ch-body{background:linear-gradient(180deg,var(--oc-bg2) 0%,var(--oc-bg) 48%,#fff 100%);border-bottom-color:color-mix(in srgb,var(--oc-accent) 45%,#E4E9F0)}
body.oc-header .ch-body{background-image:var(--oc-header),linear-gradient(180deg,var(--oc-bg2) 0%,var(--oc-bg) 48%,#fff 100%);background-repeat:no-repeat,no-repeat;background-position:right bottom,0 0;background-size:auto 100%,100% 100%}
@media(max-width:899px){body.oc-header.home .ch-body{background-position:right -6px top -34px,0 0;background-size:auto 112px,100% 100%}}   /* the phone homepage has the exam strip at the bottom of the header: the lamps go in the gap above it */
body.has-occasion .ch-search input{background:rgba(255,255,255,.92)}
body.has-occasion .ch-cats a i{background:rgba(255,255,255,.9)}
body.has-occasion .ch-nav{border-top-color:color-mix(in srgb,var(--oc-accent) 35%,#E4E9F0);background:rgba(255,255,255,.55)}
/* ---- small reminders: bottom-nav Deals tab, buy buttons, section heads ---- */
body.has-occasion .ch-bnav a[href*="on_sale"] svg{color:var(--oc-primary)}
body.has-occasion .ch-bnav a[href*="on_sale"]::after{content:"";position:absolute;top:9px;right:calc(50% - 16px);width:7px;height:7px;border-radius:50%;background:var(--oc-accent);box-shadow:0 0 0 2px #fff}
body.has-occasion .pdp-btn--buy,body.has-occasion .sh .hps-add-btn{box-shadow:0 0 0 2px color-mix(in srgb,var(--oc-accent) 55%,transparent)!important}
body.has-occasion .sec-title::after,body.has-occasion .xr-head h3::after{content:"";display:block;width:34px;height:3px;border-radius:3px;margin-top:6px;background:linear-gradient(90deg,var(--oc-primary),var(--oc-accent))}
body.has-occasion .category-nav>ul>li.nav-deals>a{color:var(--oc-primary)!important}
body.has-occasion .sh .hps-badge.pc-badge--occasion{background:var(--oc-accent);color:#1a1a1a}

/* ---- band: tinted ground, motif at 9 %, art, a glass panel for the words ---- */
.oc-band{position:relative;isolation:isolate;margin:10px 0 2px;color:var(--oc-ink);font-family:'Outfit',system-ui,sans-serif}
.oc-band-in{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,var(--oc-bg2) 0%,var(--oc-bg) 100%);padding:14px 12px;min-height:176px;display:grid}
.oc-band-in::before{content:"";position:absolute;inset:0;background-image:var(--oc-pattern);background-size:120px 120px;opacity:.09;pointer-events:none}
.oc-band-top{position:absolute;left:0;right:0;top:0;width:100%;height:auto;z-index:1;pointer-events:none}
.oc-band-art{position:absolute;right:-8px;bottom:-6px;width:148px;height:111px;margin:0;z-index:0;pointer-events:none}
.oc-band-art img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 12px 16px rgba(0,0,0,.14))}
.oc-band-panel{position:relative;z-index:1;display:grid;gap:8px;justify-items:start;padding:12px;border-radius:14px;background:var(--oc-glass);border:1px solid var(--oc-glass-line);box-shadow:var(--oc-shadow);margin-right:56px}
.oc-band-eyebrow{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:999px;background:var(--oc-primary);color:var(--oc-on-primary);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.oc-band-title{margin:0;font-size:21px;line-height:1.12;font-weight:800;letter-spacing:-.01em}
.oc-band-sub{margin:0;font-size:13px;line-height:1.4;opacity:.88;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.oc-band--page .oc-band-sub{-webkit-line-clamp:5}
.oc-band-meta .oc-countdown{background:#fff;color:var(--oc-ink);padding:6px 11px;border-radius:999px;font-size:12.5px;box-shadow:0 2px 8px -4px rgba(11,31,58,.3)}
.oc-band-meta .oc-countdown-time{color:var(--oc-primary)}
.oc-band-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.oc-btn,.oc-btn2{display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:0 16px;border-radius:999px;font:800 13.5px 'Outfit',system-ui,sans-serif;text-decoration:none;box-sizing:border-box}
.oc-btn{background:var(--oc-primary);color:var(--oc-on-primary);box-shadow:0 10px 22px -10px color-mix(in srgb,var(--oc-primary) 80%,transparent)}
.oc-btn:hover{filter:brightness(1.08)}
.oc-btn2{background:rgba(255,255,255,.7);color:var(--oc-ink);border:1px solid color-mix(in srgb,var(--oc-ink) 22%,transparent)}
.oc-btn2:hover{background:#fff}

/* offer block: the discount rule from the row; absent when the rule is empty */
.oc-offer{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0;padding:8px 11px;border-radius:12px;border:1.5px dashed var(--oc-accent);background:rgba(255,255,255,.6);font-size:13.5px;font-weight:600;line-height:1.35}
.oc-offer-tag{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--oc-primary)}
.oc-offer-copy{margin-left:auto;min-height:44px;padding:0 16px;border-radius:999px;border:0;background:var(--oc-primary);color:var(--oc-on-primary);font:800 12px 'Outfit',system-ui,sans-serif;cursor:pointer}
.oc-offer-copy.is-done{background:#16A34A;color:#fff}
.oc-prepaid-note{margin:0 0 10px;padding:8px 10px;border-radius:8px;background:#FFF7ED;border:1px solid #FED7AA;color:#7C2D12;font:600 12.5px/1.4 'Outfit',system-ui,sans-serif}
/* card line: the price after the code (landing page), the real price stays primary */
.hps-coupon{display:block;width:100%;margin-top:3px;font:800 13px/1.25 'Outfit',system-ui,sans-serif;color:var(--oc-primary)}
.hps-coupon em{font:600 10.5px/1.25 'Outfit',system-ui,sans-serif;color:#475569;letter-spacing:.01em}
.hps-coupon em b{color:var(--oc-ink);letter-spacing:.05em}
.sh .hps-card-price{flex-wrap:wrap}
.oc-offer code{font:800 13px 'Outfit',system-ui,sans-serif;letter-spacing:.06em;background:#fff;border:1px solid color-mix(in srgb,var(--oc-primary) 28%,#fff);border-radius:6px;padding:2px 7px;-webkit-user-select:all;user-select:all}

/* phones (2026-10-26): the panel takes the full width, the art stays out of the band (the lead promo card below shows it),
   and the offer box is two tidy rows: tag, then the line with Copy beside it */
@media(max-width:767px){
  .oc-band-in{min-height:0;padding:12px 10px}
  .oc-band-art{display:none}
  .oc-band-panel{margin-right:0;gap:10px;padding:14px}
  .oc-band-title{font-size:20px}
  .oc-offer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px}
  .oc-offer-tag{grid-column:1/-1}
  .oc-offer-line{min-width:0;font-size:13px}
  .oc-offer .oc-offer-copy{margin-left:0;min-height:40px;padding:0 14px}
  .oc-band-meta{width:100%}
  .oc-band-actions{display:grid;grid-template-columns:1fr;gap:8px;width:100%}   /* stacked: every occasion's button label fits on one line */
  .oc-band-actions .oc-btn,.oc-band-actions .oc-btn2{justify-content:center;padding:0 14px;font-size:13.5px;white-space:nowrap}
}
@media(min-width:768px){
  .oc-offer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px 12px}
  .oc-offer .oc-offer-copy{margin-left:0}
  .oc-band{margin:14px 0 4px}
  .oc-band-in{grid-template-columns:minmax(0,1fr) 232px;align-items:center;gap:18px;padding:22px 24px;min-height:228px;border-radius:24px}
  .oc-band-art{position:static;width:232px;height:174px;order:2}
  .oc-band-panel{margin-right:0;padding:18px 20px;gap:10px;border-radius:18px}
  .oc-band-title{font-size:28px}
  .oc-band-sub{font-size:15px}
  .oc-offer{font-size:14.5px}
}
@media(min-width:1200px){
  .oc-band-in{grid-template-columns:minmax(0,1fr) 320px;padding:30px 36px;min-height:280px}
  .oc-band-art{width:320px;height:240px}
  .oc-band-title{font-size:36px;max-width:16ch}
  .oc-band-sub{font-size:16px;max-width:60ch}
}

/* ---- lead promo card (homepage scroller): tokens + art, no product photo ---- */
.pc-card--occasion{background:linear-gradient(135deg,var(--oc-bg2,#FFF6D6),var(--oc-bg,#FFE9A8));color:var(--oc-ink,#0B1F3A)}
.pc-card--occasion .pc-deco{background:radial-gradient(70% 90% at 92% 100%,color-mix(in srgb,var(--oc-accent) 55%,transparent),transparent 65%),radial-gradient(40% 50% at 8% 0%,rgba(255,255,255,.7),transparent 70%);opacity:1}
.pc-card--occasion .pc-eyebrow{color:var(--oc-primary)}
.pc-card--occasion .pc-sub{color:var(--oc-ink);opacity:.85}
.pc-card--occasion .pc-cta{background:var(--oc-primary);color:var(--oc-on-primary);box-shadow:0 8px 18px -10px color-mix(in srgb,var(--oc-primary) 80%,transparent)}
.pc-img.pc-img--art{transform:none;filter:drop-shadow(0 10px 14px rgba(0,0,0,.14));width:118px;height:96px;object-fit:contain}
@media(min-width:700px){.pc-img.pc-img--art{width:150px;height:120px}}
@media(min-width:900px){.pc-img.pc-img--art{width:230px;height:180px}.pc-card:hover .pc-img--art{transform:scale(1.03)}}

/* ---- /offers/ pages: cards, exam and institute tiles, terms (tokens; packs restyle the cards) ---- */
.ofc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ofc-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;min-height:150px;padding:12px;border-radius:16px;text-decoration:none;color:var(--oc-ink);background:#fff;border:1px solid color-mix(in srgb,var(--oc-primary) 14%,#fff);font-family:'Outfit',system-ui,sans-serif}
.ofc-card:first-child{grid-column:1/-1;min-height:120px}
.ofc-txt{position:relative;z-index:2;display:grid;gap:3px;min-width:0}
.ofc-eyebrow{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.8}
.ofc-title{font-size:15px;font-weight:800;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.01em}
.ofc-sub{font-size:12px;line-height:1.35;opacity:.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ofc-price{font-size:17px;font-weight:800}
.ofc-cta{margin-top:4px;display:inline-flex;align-items:center;gap:4px;width:max-content;max-width:100%;min-height:36px;padding:0 12px;border-radius:999px;background:var(--oc-primary);color:var(--oc-on-primary);font:800 12px 'Outfit',system-ui,sans-serif;border:0;cursor:pointer}
.ofc-stamp{position:absolute;right:10px;top:10px;z-index:3;background:#DC2626;color:#fff;font-weight:900;font-size:12px;padding:6px 9px;border-radius:999px;transform:rotate(6deg)}
.ofc-img{position:absolute;right:-6px;bottom:-4px;width:96px;height:96px;object-fit:contain;z-index:1;filter:drop-shadow(0 12px 14px rgba(11,31,58,.25))}
.ofc-deco{position:absolute;inset:0;z-index:0;pointer-events:none}
.ofc-card--primary{background:linear-gradient(135deg,var(--oc-primary),color-mix(in srgb,var(--oc-primary) 70%,var(--oc-accent)));color:var(--oc-on-primary);border:0}
.ofc-card--primary .ofc-cta{background:var(--oc-accent);color:#1a1a1a}
.ofc-card--coupon .ofc-title{font-size:26px;letter-spacing:.06em}
.ofc-card--accent{background:linear-gradient(135deg,var(--oc-bg2),var(--oc-bg))}
.ofc-card--accent .ofc-deco{background:radial-gradient(60% 70% at 90% 100%,color-mix(in srgb,var(--oc-accent) 55%,transparent),transparent 70%)}
.ofc-card--ink{background:linear-gradient(135deg,#0B1F3A,#1E4FA8);color:#fff;border:0}
.ofc-card--ink .ofc-cta{background:#FFD23F;color:#0B1F3A}
.ofc-card--paper{background:linear-gradient(135deg,#F3F6FA,#E6ECF4)}
.ofc-card--product{padding-right:96px}
@media(min-width:600px){.ofc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ofc-card{min-height:170px;padding:16px}.ofc-card:first-child{grid-column:span 1}.ofc-title{font-size:16px}}
@media(min-width:1024px){.ofc-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ofc-card{min-height:190px;padding:18px}.ofc-card:first-child{grid-column:span 2}.ofc-title{font-size:18px}.ofc-card--coupon .ofc-title{font-size:32px}.ofc-img{width:120px;height:120px}}
/* exam tiles and institute tiles: wrapping grids, 2 / 3 / 4 columns */
.ofx-grid,.ofi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ofx,.ofi{display:flex;align-items:center;gap:10px;min-height:60px;padding:8px 10px;border-radius:14px;background:#fff;border:1px solid #E4E9F0;text-decoration:none;color:#0B1F3A;font-family:'Outfit',system-ui,sans-serif}
.ofx i{flex:none;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--tc,#1F5FBF) 12%,#fff);overflow:hidden}
.ofx i img,.ofx i svg{width:40px;height:40px;object-fit:cover;border-radius:10px}
.ofi img,.ofi i{flex:none;width:44px;height:44px;object-fit:contain;border-radius:10px;background:#F3F5F9}
.ofx span,.ofi span{display:grid;gap:1px;min-width:0}
.ofx b,.ofi b{font-size:13.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ofx small,.ofi small{font-size:11.5px;font-weight:700;color:var(--oc-primary)}
.ofx:hover,.ofi:hover{border-color:var(--oc-primary)}
@media(min-width:600px){.ofx-grid,.ofi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}
@media(min-width:1024px){.ofx-grid,.ofi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}}
.of-terms{padding:16px;border-radius:16px;background:#fff;border:1px solid #E4E9F0;font-family:'Outfit',system-ui,sans-serif}
.of-terms ul{margin:8px 0 0;padding:0 0 0 18px;font-size:13.5px;line-height:1.5;color:#334155;display:grid;gap:6px}
.of-terms code{font:800 12.5px 'Outfit',system-ui,sans-serif;letter-spacing:.05em;background:var(--oc-bg);border:1px solid color-mix(in srgb,var(--oc-primary) 28%,#fff);border-radius:6px;padding:1px 6px}
.of-next{margin:0;font-size:13px;color:#334155}
.of-pages{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}.of-pages a{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#fff;border:1px solid #E4E9F0;color:#0B1F3A;font:700 13px 'Outfit',system-ui,sans-serif;text-decoration:none}.of-pages a[aria-current]{background:var(--oc-primary);color:var(--oc-on-primary);border-color:transparent}
body.sh-js .of-pages{display:none}
/* base page (no occasion live): neutral tokens */
.of--base{--oc-primary:#1F5FBF;--oc-accent:#F28C28;--oc-ink:#0B1F3A;--oc-bg:#F3F7FC;--oc-bg2:#E3ECF7;--oc-on-primary:#fff;--oc-pattern:none}
.of--base .oc-band-in{background:linear-gradient(135deg,#E3ECF7,#F3F7FC)}

/* ---- /offers/<slug>/ ---- */
.of{padding-bottom:30px;background:linear-gradient(180deg,var(--oc-bg) 0,#F3F5F9 420px);font-family:'Outfit',system-ui,sans-serif}
.of .oc-band{margin-top:12px}
.of-sec{padding:18px 0 0}
.of-sec.sh{background:transparent}
.of-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:0 0 10px}
.of-head h2{margin:0;font-size:18px;line-height:1.2;font-weight:800;color:#0B1F3A}
.of-head p{margin:3px 0 0;font-size:12.5px;line-height:1.35;color:#475569}
.of-head a{flex:none;display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:700;color:var(--oc-primary);text-decoration:none;white-space:nowrap}
.of .products-grid-upsc{margin-bottom:4px}
.of-exams{display:flex;flex-wrap:wrap;gap:8px}
.of-exams a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid #E4E9F0;color:#0B1F3A;font-size:13px;font-weight:700;text-decoration:none}
.of-exams a small{font-size:11px;font-weight:700;color:#526175}
.of-exams a:hover{border-color:var(--oc-primary);color:var(--oc-primary)}
.of-empty{padding:26px 18px;border-radius:16px;background:#fff;border:1px dashed #CBD5E1;text-align:center;display:grid;gap:8px;justify-items:center;color:#334155;font-size:14px}
.of-empty p{margin:0}
.of-trust{display:flex;flex-wrap:wrap;gap:6px 18px;margin:14px 0 0;font-size:12.5px;font-weight:600;color:#475569}
.of-trust b{color:#0B1F3A}
@media(min-width:768px){.of-sec{padding-top:26px}.of-head h2{font-size:22px}.of-head p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.ch-oc,.oc-btn,.pc-img--art{transition:none}}