/* Selected proposal 02: compact jewel comparison cards with photo-corner numbers. */
.popular-section .popular-grid{gap:9px;align-items:stretch}
.popular-section .popular-card{--jewel:#078b9c;--jewel-deep:#045268;--jewel-light:#75e9e8;position:relative;padding:3px;border:1px solid #dfb968;border-radius:20px;background:linear-gradient(135deg,#fff6c6,#c0923c 30%,#fff4b9 56%,#c99b45);box-shadow:inset 0 0 0 1px #fff9,0 4px 0 #aa823e,0 10px 17px #003b4d4d}
.popular-section .popular-card:nth-child(2){--jewel:#146cc2;--jewel-deep:#113a7b;--jewel-light:#9bbfff}
.popular-section .popular-card:nth-child(3){--jewel:#d13573;--jewel-deep:#821342;--jewel-light:#ffa8ce}
.popular-section .popular-card .popular-photo{position:relative;flex:none;width:100%;height:auto;aspect-ratio:1/1.12;border:0;border-radius:15px 15px 0 0;overflow:hidden}
.popular-section .popular-card .popular-photo img{width:100%;height:100%;object-fit:cover}
.popular-section .popular-number{position:absolute;left:5px;top:5px;z-index:2;display:grid;place-items:center;width:27px;height:27px;border:1px solid #ffe3a1;border-radius:50%;background:linear-gradient(145deg,var(--jewel),var(--jewel-deep));color:#fff6d9;font:600 20px/1 var(--serif);box-shadow:inset 0 1px #ffffff6b,0 2px 5px #002a4b55}
.popular-section .popular-card .popular-jewel-title{display:flex;align-items:center;justify-content:center;flex:none;min-height:50px;margin:0;padding:6px 3px;border-top:1px solid #f9e5ab;border-bottom:1px solid #c5ab69;background:linear-gradient(135deg,#ffffff38 0 18%,transparent 18% 61%,#ffffff1c 61% 76%,transparent 76%),linear-gradient(145deg,var(--jewel),var(--jewel-deep));color:#fff;font:600 clamp(13px,3.7vw,17px)/1.4 var(--serif);text-align:center;letter-spacing:-.035em;text-shadow:0 1px 2px #002e4a66;box-shadow:inset 0 1px #ffffff66,inset 0 -2px 4px #00274730}
.popular-section .popular-card .popular-card-copy{display:flex;align-items:stretch;flex:1;padding:10px 5px 6px;background:linear-gradient(125deg,#fff,#fffdf5);border-radius:0 0 15px 15px}
.popular-section .popular-card .popular-duration{display:flex;align-items:center;justify-content:center;min-height:37px;margin:0;padding:0 0 7px;border-bottom:1px solid #dbc997;color:#234954;font-size:12px;line-height:1.45;text-align:center}
.popular-section .popular-price-pair{margin:0;padding-top:8px}
.popular-section .popular-regular{font-size:10px;gap:2px}
.popular-section .popular-regular s{font-size:13px}
.popular-section .popular-regular small{font-size:9px}
.popular-section .popular-first-label{margin:4px 0 0;font-size:10px;color:#bd1650}
.popular-section .popular-price-pair .popular-price{margin:1px 0 0;padding:0;border:0;background:none;box-shadow:none;color:#db1058;white-space:nowrap}
.popular-section .popular-price strong{font:600 clamp(22px,6.9vw,32px)/1.25 var(--serif);letter-spacing:-.055em;text-shadow:none}
.popular-section .popular-price>span{font-size:10px;margin-left:1px;color:#b81b4f}
.popular-section .popular-card .popular-card-link{width:100%;min-height:43px;margin:9px 0 0;padding:7px 5px;border:1px solid #70d1d8;border-radius:11px;background:linear-gradient(180deg,#ffffff26,transparent 55%),linear-gradient(140deg,#078e9f,#065268);color:#fff;font-size:12px;line-height:1.4;box-shadow:inset 0 1px #fff6,0 2px 0 #073e50}
.popular-section .popular-card .popular-card-link>.icon{width:13px;height:13px;color:#ffe3a1;flex:none}
/* Selected proposal 05: two landscape November tickets with detachable price stubs. */
.menu-shell #monthly-menu .monthly-gold-grid{grid-template-columns:1fr;gap:17px}
.menu-shell #monthly-menu .monthly-gold-card{position:relative;display:grid;grid-template-columns:30% 35% 35%;align-items:stretch;min-height:153px;padding:3px;overflow:hidden;border:1px solid #bd974c;border-radius:16px;background:linear-gradient(130deg,#fff7d6,#d3ad61 24%,#fff4c4 52%,#b38a3d 78%,#f7dda1);box-shadow:inset 0 0 0 1px #fff9,0 3px 0 #ab8640,0 8px 14px #54482820}
.menu-shell #monthly-menu .monthly-gold-photo{position:relative;height:auto;min-height:145px;border:0;border-radius:11px 0 0 11px;overflow:hidden;background:#e4d6be}
.menu-shell #monthly-menu .monthly-gold-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 50%}
.menu-shell #monthly-menu .monthly-body .monthly-gold-photo img{object-position:58% 30%}
.monthly-ticket-number{position:absolute;left:0;top:0;padding:4px 13px 10px 5px;background:linear-gradient(135deg,#087d8b,#07546a);color:#fff4d1;font:500 19px/1 var(--serif);clip-path:polygon(0 0,100% 0,0 100%);width:49px;height:45px;text-align:left}
.monthly-ticket-main{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:11px 7px;background:linear-gradient(130deg,#fffdf5,#fbf0d6);text-align:center}
.menu-shell #monthly-menu .monthly-ticket-main h3{margin:0 0 7px;font:600 clamp(14px,3.9vw,18px)/1.5 var(--serif);color:#123f49;letter-spacing:-.025em;text-wrap:balance}
.monthly-ticket-saving{display:block;padding:3px 5px;border-top:1px solid #d6ba7e;border-bottom:1px solid #d6ba7e;color:#886124;font:600 10px/1.5 var(--sans);white-space:nowrap}
.menu-shell #monthly-menu .monthly-ticket-main .monthly-gold-book{display:flex;align-items:center;justify-content:center;gap:3px;min-height:42px;width:100%;margin-top:10px;padding:6px 3px;border:1px solid #c2b16f;border-radius:12px;background:linear-gradient(180deg,#ffffff24,transparent 55%),linear-gradient(135deg,#078696,#07536b)!important;color:#fff;font:600 12px/1.4 var(--sans);box-shadow:inset 0 1px #fff5,0 2px 0 #78602e!important}
.menu-shell #monthly-menu .monthly-ticket-main .monthly-gold-book b{font-size:18px;color:#ffe4a5}
.monthly-ticket-stub{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:center;min-width:0;padding:12px 5px;border-left:1px dashed #ad843b;border-radius:0 11px 11px 0;background:url('assets/november-leaf-pattern.svg') center/cover,linear-gradient(140deg,#fffbed,#f4e4b9);text-align:center}
.monthly-ticket-stub::before,.monthly-ticket-stub::after{content:"";position:absolute;left:-8px;width:15px;height:15px;border:1px solid #b99244;border-radius:50%;background:#faf6e9;box-shadow:0 0 0 1px #fff8;z-index:2;pointer-events:none}
.monthly-ticket-stub::before{top:-10px}.monthly-ticket-stub::after{bottom:-10px}
.menu-shell #monthly-menu .monthly-ticket-stub .monthly-gold-normal{margin:0 0 7px;font-size:10px;color:#544b39;white-space:nowrap}
.menu-shell #monthly-menu .monthly-ticket-stub .monthly-gold-normal s{font-size:13px}
.menu-shell #monthly-menu .monthly-ticket-stub .monthly-gold-price{margin:0;padding:6px 0 0;border:0;border-top:1px solid #d0ae68;border-radius:0;background:none;box-shadow:none;color:#ac153b}
.menu-shell #monthly-menu .monthly-ticket-stub .monthly-gold-price>span{font-size:9px;line-height:1.5;color:#825b23}
.menu-shell #monthly-menu .monthly-ticket-stub .monthly-gold-price strong{font:600 clamp(25px,7.6vw,37px)/1.4 var(--serif);letter-spacing:-.05em}
.menu-shell #monthly-menu .monthly-ticket-stub .monthly-gold-price small{font-size:10px;margin-left:1px}
@media(max-width:359px){.popular-section .popular-grid{gap:7px}.popular-section .popular-card{padding:2px;border-radius:15px}.popular-section .popular-card .popular-photo{border-radius:11px 11px 0 0}.popular-section .popular-card .popular-card-copy{padding:8px 3px 5px}.popular-section .popular-card .popular-jewel-title{min-height:47px;font-size:12px}.popular-section .popular-regular{font-size:9px}.popular-section .popular-regular s{font-size:11px}.popular-section .popular-card .popular-card-link{font-size:10px;padding-inline:3px;gap:1px}.popular-section .popular-number{left:4px;top:4px;width:24px;height:24px;font-size:18px}.monthly-ticket-main{padding-inline:5px}.monthly-ticket-saving{font-size:9px;padding-inline:2px}.menu-shell #monthly-menu .monthly-ticket-main .monthly-gold-book{font-size:10px}.menu-shell #monthly-menu .monthly-ticket-stub .monthly-gold-normal{font-size:9px}.menu-shell #monthly-menu .monthly-ticket-stub .monthly-gold-normal s{font-size:11px}.menu-shell #monthly-menu .monthly-ticket-stub .monthly-gold-price strong{font-size:25px}}

.popular-section .popular-card .popular-photo.popular-beauty>img{position:absolute;max-width:none;width:400%;height:auto;left:-200%;top:-100%;object-fit:initial}
.monthly-ticket-main h3>span,.monthly-ticket-main h3>small{display:block}
.monthly-ticket-main h3>small{font-size:.86em;font-weight:500;margin-top:2px}
.menu-shell #monthly-menu .monthly-ticket-main .monthly-gold-book b{display:none}
.menu-shell #monthly-menu .monthly-ticket-main .monthly-gold-book{gap:0;padding-inline:2px;letter-spacing:-.04em}
.menu-shell #monthly-menu .monthly-ticket-main .monthly-gold-book>span{white-space:nowrap}

.popular-section .popular-card .popular-photo.popular-beauty>img{position:static;width:100%;height:100%;left:auto;top:auto;object-fit:cover;object-position:65% 50%}
.popular-section .popular-heading>.popular-all{display:none}
.popular-collection-all{display:flex;align-items:center;justify-content:center;position:relative;min-height:50px;margin-top:20px;padding:10px 38px;border:1px solid #d7b05d;border-radius:16px;background:linear-gradient(145deg,#ffffffb8 0 30%,transparent 30% 67%,#fff9 67%),linear-gradient(120deg,#e8fbfc,#fffdf3);color:#075369;font:600 19px/1.4 var(--serif);box-shadow:inset 0 0 0 2px #fff9,0 3px 0 #947a3e,0 7px 12px #00374630;text-decoration:none}
.popular-collection-all>.icon{position:absolute;right:14px;width:21px;height:21px}
.popular-collection-all:focus-visible{outline:3px solid #f9df9a;outline-offset:4px}
.popular-section .popular-card .popular-jewel-title{height:56px;min-height:56px}
@media(max-width:359px){.popular-section .popular-card .popular-jewel-title{height:50px;min-height:50px}}