/* v18: prominent notice with mechanical-clock-inspired number tiles */
.notice{position:relative;isolation:isolate;overflow:hidden;padding:1.5rem 1.15rem 1.7rem;background:radial-gradient(ellipse at 100% 0%,#165e81 0%,transparent 58%),linear-gradient(145deg,#073654,#05293f);border-bottom:4px solid #dfb647}
.notice:before{content:"";position:absolute;inset:.55rem;border:1px solid #d6b15a3d;border-radius:.2rem;pointer-events:none;z-index:-1}
.notice h1{font-family:"Hiragino Sans","Yu Gothic",sans-serif;line-height:1.45;margin:0 0 .55rem;letter-spacing:.01em;font-size:1.24rem;font-weight:700}
.notice-kicker{display:block;font-size:.79rem;font-weight:500;letter-spacing:.12em;margin:0 0 .2rem;color:#e0ecf2}
.notice-heading-line{display:block;white-space:nowrap}
.notice h1 strong{font-weight:800;color:#ffe193;display:inline-block;margin-right:.12em}
.notice h1 em{font-family:"Arial",sans-serif;font-style:normal;font-size:2.25rem;line-height:1;font-weight:700;vertical-align:-.03em;margin-right:.06em}
.notice p{font-size:.66rem;line-height:1.75;color:#d4e3eb;margin:0 0 1.2rem;font-weight:400;letter-spacing:.01em}
.timer{position:relative;display:block;max-width:25rem;margin:auto;padding:1rem .85rem .95rem;background:#021f3373;border:1px solid #d8b75766;border-radius:.7rem;box-shadow:0 .3rem 1rem #001a2828,inset 0 1px 0 #ffffff0d}
.timer-label{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.73rem;font-weight:600;letter-spacing:.06em;color:#f4e5bd;margin:0 0 .85rem}
.timer-clock{display:inline-block;position:relative;width:.95rem;height:.95rem;border:1.5px solid currentColor;border-radius:50%;flex:none}
.timer-clock:before{content:"";position:absolute;width:1px;height:.28rem;background:currentColor;left:calc(50% - .5px);top:.15rem}
.timer-clock:after{content:"";position:absolute;width:.25rem;height:1px;background:currentColor;left:50%;top:50%;transform:rotate(28deg);transform-origin:left}
.countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;align-items:start;max-width:22rem;margin:auto}
.countdown .time-cell{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:.4rem;background:none;color:inherit;padding:0;min-width:0}
.countdown .time-cell+.time-cell:before{content:":";position:absolute;left:-.46rem;top:.75rem;color:#94b3c6;font-family:Arial,sans-serif;font-size:1.5rem;line-height:1}
.countdown b{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-width:0;height:3.6rem;background:linear-gradient(#fffdf5 0%,#f6f4ea 49.5%,#e0e6e8 50%,#f3f5ef 51%,#fffdf6 100%);border-radius:.3rem;border:1px solid #ffffffbf;box-shadow:0 .2rem 0 #648394,0 .35rem .5rem #00142055;color:#082f48;font-family:"Arial",sans-serif;font-size:2.7rem;line-height:1;font-weight:700;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.countdown b:before{content:"";position:absolute;left:-1px;right:-1px;height:1px;top:50%;background:#12394b22;box-shadow:0 1px 0 #ffffff66}
.countdown b:after{content:"";position:absolute;inset:47% -2px auto;height:.25rem;background:linear-gradient(90deg,#889fab 0%,#889fab 3%,transparent 3%,transparent 97%,#889fab 97%);border-radius:1px}
.countdown .time-cell:last-child b{background:linear-gradient(#ffecb2 0%,#f8db83 49.5%,#c6a453 50%,#efd080 51%,#ffe5a0 100%);border-color:#ffeab4;color:#17394b;box-shadow:0 .2rem 0 #937736,0 .35rem .5rem #00142055}
.countdown small{color:#dce8ee;font-size:.66rem;font-weight:500;letter-spacing:.08em;line-height:1.4}
.offer-expired .notice h1{font-size:1.1rem;padding:.5rem 0}
@media(max-width:359px){.notice{padding-left:1rem;padding-right:1rem}.notice h1{font-size:1.14rem}.notice h1 em{font-size:2.1rem}.timer{padding-left:.75rem;padding-right:.75rem}.countdown{gap:.58rem}.countdown b{font-size:2.5rem}.countdown .time-cell+.time-cell:before{left:-.42rem}}