@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Noto+Serif+TC:wght@400&display=swap");
/* ===== Sophia Ritz｜SimplyBook 混搭版 v1（2026-10-07，Claude）===== */
:root{
  --colors_accent:#44372F; --base-color:#44372F; --btn-bg:#44372F; --btn-text-color:#F6F5F3; --colors_text:#44372F;
  --sr-bg:#F6F5F3; --sr-ink:#44372F; --sr-body:#574A41; --sr-sub:#75665B; --sr-rose:#7E4A48;
  --sr-line:#DEDBD6; --sr-line2:#B3A498; --sr-soft:#ECEBE8;
  --sr-serif:"Cormorant Garamond","Noto Serif TC","Songti TC",serif;
  --sr-zh-serif:"Noto Serif TC","Songti TC","PMingLiU",serif;
  --sr-sans:"PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;
}
html body{background:var(--sr-bg)!important;color:var(--sr-body)!important;font-family:var(--sr-sans)!important;font-weight:300;letter-spacing:.02em}
html body *{border-radius:0!important;box-shadow:none!important;text-shadow:none!important;font-variant-numeric:lining-nums}
html body a{color:var(--sr-ink)}
html body h1,html body h2,html body h3,html body h4,html body .title-main,html body .title{font-family:var(--sr-zh-serif)!important;font-weight:400!important;color:var(--sr-ink)!important;letter-spacing:.04em}

/* 頁首 */
html body #header{background:rgba(246,245,243,.92)!important;border-bottom:1px solid var(--sr-line)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
html body #header .brand{display:flex;align-items:center;min-height:64px}
html body #header .brand:empty::before,html body #header .company-logo-and-name::before{content:"SOPHIA RITZ";font-family:var(--sr-serif);font-size:22px;letter-spacing:.28em;color:var(--sr-ink);font-weight:500;white-space:nowrap}
html body #header .company-logo-and-name > *{display:none}
html body #header .nav > li > a,html body #header .nav-item a{color:var(--sr-ink)!important;font-size:13px;letter-spacing:.14em;background:none!important}
html body #header .nav > li > a:hover{color:var(--sr-rose)!important}
html body #header .nav-trigger{border:1px solid var(--sr-line2)!important;background:transparent!important}
html body #header .nav-trigger,html body #header .nav-trigger *{color:var(--sr-ink)!important}
html body .company-name,html body .main-section h1{font-family:var(--sr-serif)!important;letter-spacing:.24em!important;font-weight:400!important;color:#F6F5F3!important}

/* 按鈕 */
html body .btn,html body .btn.custom,html body a.btn,html body button.btn{background:var(--sr-ink)!important;color:var(--sr-bg)!important;border:1px solid var(--sr-ink)!important;font-family:var(--sr-sans)!important;font-weight:400!important;letter-spacing:.16em!important;font-size:14px!important;padding:13px 28px!important;min-height:0!important;line-height:1.4!important;transition:transform .12s,background .2s,opacity .2s}
html body .btn:hover{background:#2f2520!important;border-color:#2f2520!important}
html body .btn:active{transform:scale(.97);opacity:.85}
html body .btn.read-more,html body .btn.btn-link,html body .wrap-read-more .btn{background:transparent!important;color:var(--sr-sub)!important;border:0!important;padding:6px 0!important;letter-spacing:.08em!important;font-size:13px!important}
html body .btn--primary:disabled,html body .btn.disabled{opacity:.35}
html body #main-buttons .btn{padding:0!important}
html body #main-buttons .btn a{display:block;padding:13px 28px;color:inherit!important;text-decoration:none!important}
html body #main-buttons .btn.map{background:transparent!important;color:#F6F5F3!important;border-color:rgba(246,245,243,.8)!important}
html body #main-buttons .btn.book{background:#F6F5F3!important;border-color:#F6F5F3!important}
html body #main-buttons .btn.book a{color:var(--sr-ink)!important}
html body .btn-bar__social-links .btn{background:transparent!important;border:1px solid var(--sr-line2)!important;padding:8px!important;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center}
html body .btn-bar__social-links .btn svg path{fill:var(--sr-ink)!important}
html body .scroll-top-button{background:var(--sr-ink)!important;color:var(--sr-bg)!important}

/* 預約流程：拿掉大圖，換成標題 */
html body .page--booking #main-buttons{display:none!important}
html body .page--booking #main-content::before{content:"BOOK A FITTING";display:block;text-align:center;font-family:var(--sr-serif);font-size:11px;letter-spacing:.36em;color:var(--sr-sub);padding-top:40px}
html body .page--booking #sb_content::before{content:"預約到店試穿";display:block;text-align:center;font-family:var(--sr-zh-serif);font-size:26px;letter-spacing:.12em;color:var(--sr-ink);padding:10px 0 22px}

/* 步驟列 */
html body #sb_booking_company_time,html body #time-settings{display:none!important}
html body #steps-nav{margin-bottom:0!important;background:transparent!important}
html body .booking-info{background:var(--sr-bg)!important;border-bottom:1px solid var(--sr-line)!important}
html body .booking-info ul{display:flex;max-width:1120px;margin:0 auto!important;padding:0 20px!important}
html body .booking-info li.step_info_item{flex:1;float:none!important;width:auto!important;background:transparent!important;border:0!important;border-bottom:2px solid transparent!important;text-align:center}
html body .booking-info li.step_info_item::before,html body .booking-info li.step_info_item::after{display:none!important}
html body .booking-info li.step_info_item:nth-of-type(2){display:none!important}
html body .booking-info li.step_info_item.active{border-bottom-color:var(--sr-ink)!important}
html body .booking-info li a{background:transparent!important;padding:16px 6px 14px!important}
html body .booking-info li a::after{display:none!important}
html body .booking-info .title-small{font-family:var(--sr-serif)!important;font-size:12px!important;letter-spacing:.3em!important;color:var(--sr-sub)!important}
html body .booking-info li.active .title-small,html body .booking-info li.passed .title-small{color:var(--sr-ink)!important}
html body .booking-info .title-sub{font-size:12px!important;color:var(--sr-sub)!important;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .booking-info svg,html body .booking-info i{display:none!important}

/* 主內容 */
html body #steps-content > .container-fluid{max-width:1120px;margin:0 auto;padding:0 20px}
html body #sb_back_button{position:static!important}
html body #sb_back_button a{display:inline-block;margin:20px 0 4px!important;font-size:13px!important;letter-spacing:.12em;color:var(--sr-sub)!important}
html body #sb_back_button a *{color:var(--sr-sub)!important;font-weight:300!important}
html body #sb_prev_month::before,html body #sb_prev_month::after,html body #sb_next_month::before,html body #sb_next_month::after,html body #sb_back_button a::before,html body #sb_back_button a::after{border-color:var(--sr-ink)!important;border-width:1px!important}

/* 服務：說明直接展開 */
html body #sb_service_step_container{margin-top:8px!important;padding-top:0!important;border-top:0!important}
html body .service-item.panel{display:grid!important;grid-template-columns:1fr auto;column-gap:32px;align-items:center;background:transparent!important;border:0!important;border-bottom:1px solid var(--sr-line)!important;margin:0!important;padding:26px 0!important}
html body .service-item.panel::before,html body .service-item.panel::after,html body .service-item .one-line::before,html body .service-item .one-line::after{display:none!important;content:none!important}
html body .service-item .mobile-title{display:none!important}
html body .service-item .one-line{display:contents!important}
html body .service-item .one-line .content{grid-column:1;grid-row:1;padding:0!important;margin:0!important}
html body .service-item .one-line .content h4.title{display:block!important}
html body .service-item h4.title,html body .service-item h4.title a{font-family:var(--sr-zh-serif)!important;font-size:19px!important;line-height:1.5!important;color:var(--sr-ink)!important;font-weight:400!important;letter-spacing:.06em;text-decoration:none!important}
html body .service-item .info-bar{margin-top:6px!important;color:var(--sr-sub)!important;font-size:13px}
html body .service-item .wrap-collapse-content{grid-column:1;grid-row:2;padding:0!important;margin:0!important;border:0!important}
html body .service-item .wrap-collapse-content.collapse{display:block!important;height:auto!important;visibility:visible!important}
html body .service-item .collapse-content{padding:8px 0 0!important;background:transparent!important;border:0!important}
html body .service-item .collapse-content::before{display:none!important}
html body .service-item .collapse-content p{margin:0;color:var(--sr-body);font-size:14px;line-height:1.9}
html body .service-item .btn-bar-full-info,html body .service-item .wrap-read-more{display:none!important}
html body .service-item .one-line .btn-bar{grid-column:2;grid-row:1 / span 2;margin:0!important;padding:0!important;background:transparent!important}
html body .service-item .btn.select{margin:0!important;background:transparent!important;color:var(--sr-ink)!important;border:1px solid var(--sr-ink)!important;padding:10px 26px!important}
html body .service-item .btn.select:hover{background:var(--sr-ink)!important;color:var(--sr-bg)!important}

/* 日期與時段 */
html body .section,html body .panel,html body .datetime-step{background:transparent!important;border-color:var(--sr-line)!important}
html body .datetime-step .top-date-select .txt-center{font-family:var(--sr-zh-serif)!important;font-weight:400!important;font-size:20px!important;letter-spacing:.1em;color:var(--sr-ink)!important}
html body .datetime-step .top-date-select .txt{font-family:var(--sr-sans)!important;font-size:13px!important;font-weight:300!important;color:var(--sr-sub)!important;letter-spacing:.08em}
html body .datetime-step .top-date-select #sb_prev_month,html body .datetime-step .top-date-select #sb_next_month{cursor:pointer;white-space:nowrap}
html body .datetime-step .weeks-name .name{font-weight:400!important;color:var(--sr-sub)!important;font-size:13px}
html body .datetime-step .weeks-name .is-holiday,html body .datetime-step .weeks-name .is-holiday .name{color:var(--sr-rose)!important}
html body .datetime-step .weeks-date .date,html body .datetime-step .weeks-date .date.selected{background:transparent!important}
html body .datetime-step .weeks-date .date a{display:block;position:relative;color:#CFC7C0!important;background:transparent!important;font-family:var(--sr-serif)!important;font-size:19px!important;font-feature-settings:"lnum" 1}
html body .datetime-step .weeks-date .prev-or-next-month a{color:#E2DCD6!important}
html body .datetime-step .weeks-date .date a.sb-available-date{color:var(--sr-ink)!important;font-weight:500!important}
html body .datetime-step .weeks-date .date a.sb-available-date::after{content:"";position:absolute;left:50%;bottom:4px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--sr-rose)}
html body .datetime-step .weeks-date .date.selected a{background:var(--sr-ink)!important;color:var(--sr-bg)!important}
html body .datetime-step .weeks-date .date.selected a::after{background:var(--sr-bg)}
html body .datetime-step .calendar{padding-bottom:8px!important;margin-bottom:0!important}
html body .container-caption{font-family:var(--sr-zh-serif)!important;font-size:17px!important;color:var(--sr-ink)!important;letter-spacing:.1em;border-top:1px solid var(--sr-line);padding-top:22px!important;margin-top:8px}
html body .time-legend{display:none!important}
html body .slots-view .slot{display:inline-block;width:calc(50% - 6px)!important;margin:0 0 12px 0!important}
html body .slots-view .slot:nth-child(odd){margin-right:12px!important}
html body a.sb-cell.free{display:block;text-align:center;background:transparent!important;border:1px solid var(--sr-ink)!important;color:var(--sr-ink)!important;font-family:var(--sr-serif)!important;font-size:19px!important;letter-spacing:.06em;padding:14px 0!important;font-feature-settings:"lnum" 1;transition:background .2s}
html body a.sb-cell.free:hover,html body .sb-cell.selected{background:var(--sr-ink)!important;color:var(--sr-bg)!important}

/* 填寫資料 */
html body .detail-step-wrap.section{background:transparent!important;border:0!important;margin-top:16px}
html body .detail-step-wrap .title-main{font-size:24px!important;text-align:left!important;padding:0 0 18px!important;border-bottom:1px solid var(--sr-ink)!important;margin-bottom:8px!important;background:transparent!important}
html body .detail-step-wrap .section-pd{padding:0!important}
html body .detail-step .left-side,html body .detail-step .right-side{background:transparent!important;border:0!important;padding:24px 0!important}
html body .detail-step .add-details,html body .detail-step .custom-form{padding-left:0!important;padding-right:0!important;margin:0!important}
html body .custom-form .form-group{margin:0 0 18px!important}
html body .custom-form .form-group > .control-label,html body .custom-form .form-group > .col-sm-8{width:100%!important;float:none!important;padding-left:0!important;padding-right:0!important}
html body .control-label{font-size:13px!important;color:var(--sr-ink)!important;font-weight:400!important;letter-spacing:.08em;text-align:left!important;padding-bottom:8px!important}
html body .control-label.required::after{color:var(--sr-rose)!important}
html body .form-control,html body select,html body input[type=text],html body input[type=email],html body input[type=tel],html body textarea{background:#fff!important;border:1px solid var(--sr-line2)!important;color:var(--sr-ink)!important;font-size:15px!important;height:auto;min-height:46px;padding:10px 12px!important;font-family:var(--sr-sans)!important}
html body .form-control:focus,html body select:focus,html body input:focus{border-color:var(--sr-ink)!important;outline:0}
html body .form-control::placeholder{color:#A99D94!important}
html body .iti{width:100%}
html body .iti__country-container{z-index:3!important;background:transparent!important}
html body .iti__selected-country,html body .iti__selected-country-primary{background:transparent!important;border:0!important;padding:0 0 0 12px!important}
html body .iti input.iti__tel-input.form-control{padding-left:70px!important}
html body .form-group--date .date-input-group{display:flex!important;gap:8px;align-items:center;flex-wrap:nowrap}
html body .form-group--date .date-input-group select{flex:1 1 0;min-width:0;width:auto!important;margin:0!important;float:none!important}
html body .form-group--date .date-input-group .year_select{flex:1.3 1 0}
html body .form-group--date .calendar-toggle{flex:0 0 auto;margin:0!important}
html body .calendar-toggle__icon path{fill:var(--sr-ink)!important}
html body .calendar-toggle__icon path:last-child{fill:none!important;stroke:var(--sr-ink)!important}
html body .form-group__static-html{background:var(--sr-soft)!important;border-left:2px solid var(--sr-rose)!important;padding:14px 16px!important;font-size:13px;line-height:1.9;color:var(--sr-body)!important;margin:6px 0 18px!important}
html body .form-group__static-html .col-sm-12{padding:0!important}
html body .form-group__static-html p{margin:0!important}
html body .custom-checkbox .custom-label::before,html body .custom-checkbox label::before{border:1px solid var(--sr-ink)!important;background:#fff!important}
html body .confirm-details .current-booking-info{background:transparent!important;border:1px solid var(--sr-line)!important;padding:22px!important}
html body .confirm-details .current-booking-info .cap{font-family:var(--sr-zh-serif)!important;font-size:19px!important;color:var(--sr-ink)!important}
html body .booking-overview .label{color:var(--sr-sub)!important;font-size:13px;font-weight:300!important}
html body .booking-overview .info{color:var(--sr-ink)!important;font-family:var(--sr-serif);font-size:16px;font-weight:500!important}
html body .booking-info--item_provider,html body .booking-info--item_category-name{display:none!important}
html body .license-links-container,html body .promotions-letter-flag{font-size:13px;color:var(--sr-sub)!important}
html body .license-links-container a{color:var(--sr-rose)!important;text-decoration:underline}
html body .buttons-container .sb-book-btn-container{flex:1 1 100%;width:100%}
html body #sb_book_btn{display:block;width:100%;text-align:center;padding:16px!important;font-size:15px!important}

/* 首頁資訊、Cookie */
html body .page--index .panel,html body .page--index .section{background:transparent!important;border:0!important;border-top:1px solid var(--sr-ink)!important}
html body #sb_cookies_block{background:rgba(246,245,243,.97)!important;border-top:1px solid var(--sr-line)!important;color:var(--sr-body)!important}
html body #sb_cookies_block .text{font-size:12px!important;line-height:1.7}
html body #sb_cookies_block .btn{padding:8px 18px!important;font-size:12px!important}
html body #sb_cookies_block .link{color:var(--sr-sub)!important}

@media (min-width:768px){
  html body .slots-view .slot{width:140px!important}
  html body .detail-step .left-side{padding-right:40px!important}
  html body .detail-step .right-side{padding-left:24px!important}
  html body .confirm-details{position:sticky;top:90px}
}
@media (max-width:767px){
  html body .booking-info ul{padding:0 8px!important}
  html body .booking-info .title-sub{display:none}
  html body .service-item.panel{grid-template-columns:1fr}
  html body .service-item .one-line .btn-bar{grid-column:1;grid-row:3;margin-top:16px!important;display:block!important}
  html body .service-item .btn.select{display:block!important;width:100%;text-align:center}
  html body .datetime-step .top-date-select .txt{display:none!important}
  html body .detail-step .left-side{padding-bottom:0!important}
  html body .detail-step .right-side{padding-top:8px!important}
}


/* ===== SR 服務選擇 v2（整張卡可點、編號、分組）===== */
html body #sb_service_step_container{counter-reset:srsv;margin-top:0!important}
html body #sb_service_step_container::before{content:"每場約 2 小時　·　平日首次試穿免費";display:block;text-align:center;font-size:12px;letter-spacing:.14em;color:var(--sr-sub);padding:0 0 18px;border-bottom:1px solid var(--sr-line)}
html body #sb_service_step_container .service-item.panel{counter-increment:srsv;position:relative!important;display:grid!important;grid-template-columns:34px 1fr 22px!important;column-gap:10px!important;align-items:start!important;padding:20px 0!important;cursor:pointer;transition:background .2s}
html body #sb_service_step_container .service-item.panel:active{background:var(--sr-soft)!important}
html body #sb_service_step_container .service-item.panel::before{content:counter(srsv,decimal-leading-zero)!important;display:block!important;grid-column:1;grid-row:1 / span 2;font-family:var(--sr-serif);font-size:17px;color:var(--sr-rose);line-height:1.6;padding-top:1px}
html body #sb_service_step_container .service-item.panel::after{content:"→"!important;display:block!important;grid-column:3;grid-row:1 / span 2;align-self:center;font-family:var(--sr-serif);font-size:20px;color:var(--sr-ink);transition:transform .2s}
html body #sb_service_step_container .service-item.panel:hover::after{transform:translateX(4px)}
html body #sb_service_step_container .service-item .one-line .content{grid-column:2!important;grid-row:1!important}
html body #sb_service_step_container .service-item .wrap-collapse-content{grid-column:2!important;grid-row:2!important}
html body #sb_service_step_container .service-item h4.title,html body #sb_service_step_container .service-item h4.title a{font-size:17px!important;line-height:1.55!important;letter-spacing:.04em!important}
html body #sb_service_step_container .service-item .info-bar{display:none!important}
html body #sb_service_step_container .service-item .collapse-content{padding:4px 0 0!important}
html body #sb_service_step_container .service-item .collapse-content p{font-size:13px!important;line-height:1.8!important;color:var(--sr-sub)!important}
/* 「選擇」按鈕變成整張卡的點擊區 */
html body #sb_service_step_container .service-item .one-line .btn-bar{position:static!important;grid-column:3!important;grid-row:1!important;margin:0!important;display:block!important}
html body #sb_service_step_container .service-item .btn-round-mask{position:static!important}
html body #sb_service_step_container .service-item .one-line .btn.select{position:absolute!important;inset:0!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:transparent!important;font-size:0!important;z-index:2}
/* 第 6 項起：其他拍攝 */
html body #sb_service_step_container .service-item.panel:nth-child(6){margin-top:44px!important;border-top:1px solid var(--sr-line)!important}
html body #sb_service_step_container .service-item.panel:nth-child(6) .one-line .content::before{content:"OTHER SESSIONS　其他拍攝";position:absolute;top:-28px;left:0;font-family:var(--sr-serif);font-size:11px;letter-spacing:.3em;color:var(--sr-sub)}
html body #sb_service_step_container .service-item.panel:nth-child(n+6) h4.title,html body #sb_service_step_container .service-item.panel:nth-child(n+6) h4.title a{font-size:15px!important}
html body #sb_service_step_container .service-item.panel:nth-child(n+6){padding:16px 0!important}
html body #sb_service_step_container{flex-wrap:wrap!important}
html body #sb_service_step_container::before{flex:0 0 100%;width:100%;box-sizing:border-box;padding:16px 0 16px!important}
html body #sb_service_step_container .service-item.panel{flex:0 0 100%;width:100%}
html body .booking-info li.step_info_item.active a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
html body .booking-info li.step_info_item.active a::before{content:"STEP 1 / 3"!important;display:block!important;white-space:nowrap;font-family:var(--sr-serif);font-size:10px;letter-spacing:.32em;color:var(--sr-rose);margin-bottom:4px}
html body .booking-info li.step_info_item:nth-of-type(3).active a::before{content:"STEP 2 / 3"!important}
html body .booking-info li.step_info_item:nth-of-type(4).active a::before{content:"STEP 3 / 3"!important}
html body .booking-info li.step_info_item.active{border-bottom:0!important}
html body #sb_service_step_container .service-item .one-line .btn.select{top:0!important;bottom:0!important;left:0!important;right:0!important;height:auto!important;min-height:0!important;max-height:none!important;z-index:5!important;display:block!important}

/* ---- v2b：Logo、細線、留白 ---- */
html body #header .brand:empty::before,html body #header .company-logo-and-name::before{content:""!important;display:block;width:88px;height:33px;background:url("https://images.squarespace-cdn.com/content/v1/5401be3ee4b0f888a34ee8c9/e4b6f438-bf5e-4da7-81dc-a0698f773d3c/Sophia+black_Logo.png?format=500w") left center/contain no-repeat;opacity:.9}
html body .booking-info{border-bottom:1px solid var(--sr-line)!important}
html body .booking-info li a{padding:18px 6px 20px!important}
html body .booking-info li.step_info_item.active a::before{margin-bottom:8px!important}
html body #sb_service_step_container::before{padding:22px 0 22px!important;line-height:1.8}
html body #sb_service_step_container .service-item.panel{padding:28px 0 28px!important;column-gap:14px!important}
html body #sb_service_step_container .service-item .collapse-content{padding:10px 0 0!important}
html body #sb_service_step_container .service-item h4.title,html body #sb_service_step_container .service-item h4.title a{line-height:1.65!important;letter-spacing:.06em!important}
html body #sb_service_step_container .service-item .collapse-content p{line-height:1.95!important;letter-spacing:.03em}
html body #sb_service_step_container .service-item.panel:nth-child(n+6){padding:22px 0!important}
html body #sb_service_step_container .service-item.panel:nth-child(6) .one-line .content::before{top:-34px!important}
html body .page--booking #sb_content::before{padding:10px 0 26px!important}
html body #sb_service_step_container .service-item h4.title,html body #sb_service_step_container .service-item h4.title a{font-size:16px!important;letter-spacing:.03em!important}
html body .booking-info li.step_info_item.active a{padding:18px 6px 22px!important}
html body .booking-info li.step_info_item.active .title-small{line-height:1.6!important;padding-bottom:8px!important}
html body .booking-info li a{height:auto!important}
html body .booking-info,html body .booking-info ul,html body .booking-info li.step_info_item{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}

html body #sb_service_step_container .service-item .one-line .content{display:block!important;min-height:0!important;height:auto!important} /* 桌機：去掉預設 100px 高度 */

/* ===== SR 勾選框好點（2026-10-07）：保留金同意整列可點、方框放大 ===== */
html body .form-group--checkbox{position:relative!important;display:flex!important;flex-direction:row-reverse!important;justify-content:flex-end!important;align-items:center!important;gap:14px!important;padding:16px 16px!important;margin:4px 0 22px!important;background:#fff!important;border:1px solid var(--sr-line2,#B3A498)!important;cursor:pointer;min-height:56px}
html body .form-group--checkbox > .control-label{flex:1 1 auto!important;width:auto!important;float:none!important;margin:0!important;padding:0!important;font-size:14px!important;line-height:1.6!important;color:var(--sr-ink,#44372F)!important;cursor:pointer}
html body .form-group--checkbox .custom-checkbox{position:static!important;flex:0 0 24px!important;width:24px!important;height:24px!important;margin:0!important;padding:0!important;float:none!important}
html body .form-group--checkbox .custom-checkbox input{position:absolute!important;inset:0!important;top:0!important;left:0!important;width:100%!important;height:100%!important;margin:0!important;opacity:0!important;z-index:3!important;cursor:pointer}
html body .form-group--checkbox .custom-label{width:24px!important;height:24px!important}
html body .form-group--checkbox:has(input:checked){border-color:var(--sr-ink,#44372F)!important;background:var(--sr-soft,#ECEBE8)!important}
html body .form-group--checkbox:has(input:focus-visible){outline:2px solid var(--sr-rose,#7E4A48);outline-offset:2px}
/* 取消政策、促銷：方框放大、點擊範圍加大 */
html body .custom-checkbox{min-width:22px}
html body .custom-checkbox input{min-width:22px;min-height:22px}
html body .custom-checkbox .custom-label{width:22px!important;height:22px!important}

/* ===== SR 勾選框 v2（2026-10-07）：明顯打勾、下面兩格不貼邊 ===== */
html body .custom-checkbox{position:relative}
html body .custom-checkbox .custom-label{position:relative!important;box-sizing:border-box!important;width:22px!important;height:22px!important;border:1.5px solid var(--sr-ink,#44372F)!important;background:#fff!important;transition:background .15s}
html body .custom-checkbox .custom-label::before{display:none!important}
html body .custom-checkbox input:checked + .custom-label{background:var(--sr-ink,#44372F)!important}
html body .custom-checkbox input:checked + .custom-label::after{content:""!important;display:block!important;position:absolute!important;left:6px;top:2px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
html body .form-group--checkbox .custom-label{width:24px!important;height:24px!important}
html body .form-group--checkbox input:checked + .custom-label::after{left:7px;top:3px}
/* 取消政策、促銷：整列白底框，不貼邊 */
html body .form-group--terms,html body .promotions-letter-flag{padding:0!important;margin:0 0 12px!important}
html body .form-group--terms > label,html body .promotions-letter-flag > label{display:flex!important;align-items:center;gap:14px;width:100%;box-sizing:border-box;padding:16px!important;margin:0!important;background:#fff;border:1px solid var(--sr-line2,#B3A498);cursor:pointer;line-height:1.6;font-size:14px}
html body .form-group--terms > label .custom-checkbox,html body .promotions-letter-flag > label .custom-checkbox{flex:0 0 22px;margin:0!important;float:none!important}
html body .form-group--terms > label:has(input:checked),html body .promotions-letter-flag > label:has(input:checked){border-color:var(--sr-ink,#44372F);background:var(--sr-soft,#ECEBE8)}