/* 價格與加購專區：所有樣式只作用於此元件，不改動 Banner 或 Footer。 */
.solutions_commerce{--commerce_ink:#0f4c5c;--commerce_teal:#00a8a8;--commerce_mint:#2dd4bf;--commerce_muted:#617d89;color:var(--commerce_ink);background:linear-gradient(120deg,#f4fafc 0%,#f8fbfc 52%,#f0f8fa 100%);position:relative;isolation:isolate;}
.solutions_commerce *{box-sizing:border-box;}
.solutions_commerce_section{width:100%;margin:0 auto;padding:78px var(--digital_gutter,5.5vw);scroll-margin-top:100px;}
@media(max-width:1100px){.solutions_commerce_section{padding-top:65px;padding-bottom:65px;}}
@media(max-width:650px){.solutions_commerce_section{padding:48px 22px;scroll-margin-top:85px;}}
.solutions_commerce_label{margin:0 0 20px;color:#6e8b98;font-size:12px;font-weight:600;letter-spacing:.16em;line-height:1.6;}
.solutions_commerce_label>span{color:var(--commerce_teal);}
.solutions_commerce_intro h2{margin:0 0 20px;font-weight:400;font-size:clamp(27px,2.8vw,43px);line-height:1.5;letter-spacing:.025em;color:var(--commerce_ink);}
.solutions_commerce_intro>p:not(.solutions_commerce_label){margin:0;color:var(--commerce_muted);font-size:clamp(16px,1.15vw,19px);line-height:1.95;letter-spacing:.06em;}
.solutions_commerce_intro_rule{display:block;width:46px;height:1px;background:#b7d4db;margin-top:32px;}
@media(max-width:650px){.solutions_commerce_label{font-size:11px;margin-bottom:15px;}.solutions_commerce_intro h2{font-size:32px;line-height:1.45;margin-bottom:14px;}.solutions_commerce_intro>p:not(.solutions_commerce_label){font-size:15px;}.solutions_commerce_intro_rule{display:none;}}
.solutions_commerce_button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:44px;border:1px solid #aac4cf;padding:12px 24px;border-radius:99px;color:var(--commerce_ink);font-size:13px;font-weight:600;letter-spacing:.07em;line-height:1.5;text-decoration:none;transition:background .25s,border-color .25s,color .25s;}
.solutions_commerce_button>span:last-child{font-size:21px;line-height:1;transition:transform .25s;}
.solutions_commerce_button:hover{border-color:var(--commerce_teal);background:#e4f5f5;color:#076e78;}
.solutions_commerce_button:hover>span:last-child{transform:translateX(4px);}
.solutions_commerce a:focus-visible,.solutions_commerce button:focus-visible,.solutions_addon_card:focus-visible,.solutions_pricing_panel:focus-visible{outline:2px solid #008d99;outline-offset:5px;}

/* 左側保留編輯式標題，右側以真實後台分類切換方案。 */
.solutions_pricing{display:grid;grid-template-columns:minmax(0,.27fr) minmax(0,.73fr);gap:clamp(25px,3vw,55px);align-items:start;}
.solutions_pricing>.solutions_commerce_intro{padding-top:8px;}
@media(max-width:1100px){.solutions_pricing{grid-template-columns:minmax(0,1fr);gap:30px;}.solutions_pricing>.solutions_commerce_intro{padding:0;}.solutions_pricing>.solutions_commerce_intro h2 br{display:none;}.solutions_pricing>.solutions_commerce_intro>p:not(.solutions_commerce_label) br{display:none;}.solutions_pricing .solutions_commerce_intro_rule{display:none;}}
.solutions_pricing_system{min-width:0;}
.solutions_pricing_tabs{display:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 26px;}
.solutions_pricing_system[data-pricing-enhanced="true"] .solutions_pricing_tabs{display:grid;}
.solutions_pricing_fallback_title{font-size:22px;font-weight:500;line-height:1.5;color:var(--commerce_ink);margin:28px 0 20px;}
.solutions_pricing_system[data-pricing-enhanced="true"] .solutions_pricing_fallback_title{display:none;}
.solutions_pricing_tabs button{appearance:none;border:0;border-radius:99px;padding:13px 12px;background:#e8f1f5;color:#657f8b;min-height:44px;cursor:pointer;font:inherit;font-size:14px;letter-spacing:.06em;line-height:1.5;transition:background .22s,color .22s;overflow-wrap:anywhere;}
.solutions_pricing_tabs button[aria-selected="true"]{background:var(--commerce_ink);color:#fff;box-shadow:0 3px 14px #0f4c5c10;}
.solutions_pricing_tabs button:hover:not([aria-selected="true"]){color:var(--commerce_ink);background:#dceef1;}
@media(max-width:650px){.solutions_pricing_tabs{gap:5px;margin-bottom:22px;}.solutions_pricing_tabs button{font-size:13px;padding:10px 5px;}}
.solutions_pricing_panel[hidden]{display:none!important;}
.solutions_pricing_panel{outline:none;}
.solutions_pricing_grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;}
.solutions_pricing_grid:has(> .solutions_price_card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr));}
.solutions_pricing_grid>.solutions_price_card:only-child{grid-column:span 2;}
@media(min-width:651px) and (max-width:1100px){.solutions_pricing_grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}.solutions_pricing_grid>.solutions_price_card:only-child{max-width:650px;}}
@media(max-width:650px){.solutions_pricing_grid,.solutions_pricing_grid:has(> .solutions_price_card:nth-child(2):last-child){grid-template-columns:minmax(0,1fr);gap:16px;}.solutions_pricing_grid>.solutions_price_card:only-child{grid-column:auto;}}
.solutions_price_card{min-width:0;position:relative;display:flex;flex-direction:column;padding:30px 23px 22px;border:1px solid #e8f1f5;border-radius:16px;background:linear-gradient(140deg,#ffffffed,#ffffffb8);box-shadow:0 12px 32px #123f5004;transition:border-color .25s,box-shadow .25s,transform .25s;}
.solutions_price_card.is_recommended{border-color:#47b9c3;box-shadow:0 5px 22px #078c9510;}
@media(hover:hover){.solutions_price_card:hover{transform:translateY(-5px);border-color:#76c6cc;box-shadow:0 15px 35px #1762760c;}}
@media(max-width:650px){.solutions_price_card{padding:26px;border-radius:14px;}}
.solutions_price_identity{position:relative;min-height:66px;}
.solutions_price_english{color:#73929f;font-size:12px;line-height:1.6;letter-spacing:.045em;font-weight:500;margin:0 0 5px;max-width:100%;overflow-wrap:anywhere;}
.is_recommended .solutions_price_english{color:#0e8d95;padding-right:59px;}
.solutions_price_identity h3{margin:0;font-size:clamp(20px,1.5vw,24px);line-height:1.55;font-weight:600;letter-spacing:.015em;}
.solutions_price_badge{position:absolute;right:-7px;top:-10px;display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:4px 9px;max-width:80px;background:#00a8a8;color:#fff;border-radius:20px;font-size:11px;font-weight:500;line-height:1.4;letter-spacing:.02em;}
.solutions_price_amount{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:3px;margin:16px 0 28px;line-height:1.2;white-space:nowrap;}
.solutions_price_amount>span{font-size:16px;font-weight:500;}
.solutions_price_amount strong{font-family:"DM Sans","Manrope",sans-serif;font-size:clamp(27px,2.14vw,35px);font-weight:600;letter-spacing:-.055em;}
.solutions_price_amount small{font-size:12px;color:#6c8b97;margin-left:2px;}
@media(min-width:651px) and (max-width:1100px){.solutions_price_amount strong{font-size:34px;}}
@media(max-width:650px){.solutions_price_identity{min-height:58px;}.solutions_price_identity h3{font-size:22px;}.solutions_price_amount{margin:15px 0 24px;}.solutions_price_amount strong{font-size:37px;}.solutions_price_english{font-size:13px;}.solutions_price_amount>span{font-size:17px;}}
.solutions_price_features{list-style:none;padding:0;margin:0 0 25px;display:grid;gap:10px;color:#527482;font-size:14px;line-height:1.7;}
.solutions_price_features li{position:relative;padding-left:20px;overflow-wrap:anywhere;}
.solutions_price_features li::before{content:"✓";position:absolute;left:0;top:0;color:#079ba4;font-size:14px;font-weight:600;}
.solutions_price_note{margin:0 0 24px;font-size:14px;line-height:1.85;color:#6f8792;overflow-wrap:anywhere;}
.solutions_price_actions{display:grid;gap:12px;margin-top:auto;}
.solutions_price_cta{width:100%;font-size:12px;padding:11px 14px;min-height:43px;}
.solutions_demo_cta{width:100%;font-size:14px;min-height:44px;padding:10px 14px;border-color:#c5dce2;background:transparent;color:#236779;}
.solutions_demo_cta:hover{background:#e5f5f6;border-color:#00a8a8;}
.is_recommended .solutions_price_cta{background:var(--commerce_ink);border-color:var(--commerce_ink);color:#fff;}
.is_recommended .solutions_price_cta:hover{background:#087786;border-color:#087786;color:#fff;}
@media(max-width:650px){.solutions_price_features{font-size:15px;gap:10px;}.solutions_price_cta{font-size:14px;min-height:47px;}}
.solutions_pricing_category_note{font-size:14px;line-height:1.85;letter-spacing:.02em;margin:20px 0 0;color:var(--commerce_muted);}
.solutions_pricing_disclaimer{border-top:1px solid #dbe9ed;margin-top:26px;padding-top:17px;color:#738993;}
.solutions_pricing_disclaimer p{font-size:12px;letter-spacing:.015em;line-height:1.9;margin:0 0 7px;overflow-wrap:anywhere;}
@media(max-width:650px){.solutions_pricing_disclaimer p{font-size:13px;}.solutions_pricing_category_note{font-size:14px;}}

/* 加購功能以小型 Bento 卡片排列，觸控時直接顯示補充說明。 */
.solutions_commerce_section_head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px;}
.solutions_commerce_section_head>.solutions_commerce_button{margin-bottom:5px;flex-shrink:0;}
@media(max-width:650px){.solutions_commerce_section_head{align-items:flex-start;gap:20px;flex-direction:column;margin-bottom:26px;}.solutions_commerce_section_head>.solutions_commerce_button{min-height:42px;padding:10px 19px;font-size:12px;}}
.solutions_addons_grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;align-items:stretch;}
@media(max-width:1050px){.solutions_addons_grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:650px){.solutions_addons_grid{gap:12px;}}
.solutions_addon_card{display:flex;align-items:flex-start;gap:18px;border:1px solid #eaf2f5;border-radius:14px;background:#ffffffb8;box-shadow:0 7px 28px #13495e03;padding:26px 22px;min-height:110px;transition:transform .25s,border-color .25s,box-shadow .25s;outline:none;}
.solutions_addon_card:hover,.solutions_addon_card:focus-visible{transform:translateY(-4px);border-color:#69c6cd;box-shadow:0 12px 30px #117d8a0a;}
@media(max-width:650px){.solutions_addon_card{flex-direction:column;gap:13px;padding:20px 16px;min-height:155px;border-radius:12px;}}
.solutions_commerce_icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(140deg,#f4fcff,#dcedf1);color:#0f6c79;flex-shrink:0;}
.solutions_commerce_icon .digital_service_icon{width:27px;height:27px;stroke-width:1.5;}
.solutions_addon_content{min-width:0;align-self:center;}
.solutions_addon_content h3{font-size:16px;line-height:1.5;font-weight:600;margin:0 0 6px;color:var(--commerce_ink);}
.solutions_addon_price{font-size:13px;line-height:1.6;letter-spacing:.025em;color:#617f8d;margin:0;}
.solutions_addon_price small{font-size:12px;}
.solutions_addon_description{max-height:0;overflow:hidden;opacity:0;margin:0;font-size:13px;line-height:1.8;color:#688591;transition:max-height .3s,opacity .3s,margin .3s;}
.solutions_addon_card:hover .solutions_addon_description,.solutions_addon_card:focus-visible .solutions_addon_description{max-height:100px;opacity:1;margin-top:9px;}
@media(hover:none){.solutions_addon_description{max-height:none;opacity:1;margin-top:9px;}}
@media(max-width:650px){.solutions_commerce_icon{width:36px;height:36px;border-radius:10px;}.solutions_commerce_icon .digital_service_icon{width:25px;height:25px;}.solutions_addon_content{align-self:auto;}.solutions_addon_content h3{font-size:15px;}.solutions_addon_price{font-size:13px;}.solutions_addon_description{max-height:none;opacity:1;margin-top:9px;}}

/* 主機方案與維運範圍分開陳述，避免將主機費誤認為無限制修改。 */
.solutions_hosting{display:grid;grid-template-columns:minmax(0,1fr);gap:44px;align-items:start;padding-top:110px;padding-bottom:110px;}
.solutions_hosting .solutions_commerce_intro h2{font-size:clamp(30px,2.7vw,43px);}
@media(max-width:1000px){.solutions_hosting{grid-template-columns:1fr;gap:28px;padding-bottom:65px;}}
@media(max-width:650px){.solutions_hosting{padding-top:70px;padding-bottom:70px;}.solutions_hosting .solutions_commerce_intro h2{font-size:32px;}}
.solutions_hosting_plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;}
.solutions_hosting_card{display:flex;align-items:center;gap:30px;min-height:165px;padding:36px 40px;border-radius:15px;background:#e7f2f6;border:1px solid #e4eff3;}
.solutions_hosting_card .solutions_commerce_icon{width:52px;height:52px;background:#d8edf0;}
.solutions_hosting_card .solutions_commerce_icon .digital_service_icon{width:34px;height:34px;}
.solutions_hosting_card>div{min-width:0;}
.solutions_hosting_card p{font-size:14px;letter-spacing:.06em;line-height:1.6;color:#75909c;margin:0 0 5px;}
.solutions_hosting_card strong{display:block;font-size:clamp(24px,1.95vw,31px);font-weight:600;line-height:1.3;letter-spacing:-.04em;color:var(--commerce_ink);}
.solutions_hosting_card strong>span{font-size:19px;letter-spacing:-.01em;}
.solutions_hosting_card small{display:block;margin-top:5px;font-size:12px;line-height:1.7;letter-spacing:.015em;color:#6e8995;}
.solutions_hosting_card strong small{display:inline;font-size:12px;font-weight:400;letter-spacing:0;margin-left:4px;white-space:nowrap;}
@media(max-width:1250px) and (min-width:1001px){.solutions_hosting_card{gap:12px;padding:23px 18px;}.solutions_hosting_card .solutions_commerce_icon{width:41px;height:41px;}.solutions_hosting_card strong{font-size:24px;}}
@media(max-width:650px){.solutions_hosting_plans{grid-template-columns:minmax(0,1fr);gap:20px;}.solutions_hosting_card{min-height:145px;padding:28px;gap:24px;}.solutions_hosting_card strong{font-size:30px;}}
.solutions_hosting .solutions_hosting_feature_title{font-size:18px;font-weight:600;letter-spacing:.05em;margin:44px 0 24px;color:var(--commerce_ink);}
.solutions_hosting_features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px;row-gap:22px;padding:0;margin:0;list-style:none;color:#5d7d8a;font-size:14px;line-height:1.6;}
.solutions_hosting_features li{position:relative;padding-left:21px;}
.solutions_hosting_features li::before{content:"✓";position:absolute;left:0;color:#16a1aa;font-weight:600;}
.solutions_hosting .solutions_hosting_note{font-size:13px;letter-spacing:.015em;line-height:1.9;color:#78929d;margin:32px 0 0;}
@media(max-width:650px){.solutions_hosting_features{grid-template-columns:repeat(2,minmax(0,1fr));font-size:14px;}.solutions_hosting_note{font-size:13px;}}

@media(prefers-reduced-motion:reduce){.solutions_commerce a,.solutions_commerce button,.solutions_price_card,.solutions_addon_card,.solutions_addon_description,.solutions_connect_arrow,.solutions_commerce_button>span:last-child{transition:none;}.solutions_price_card:hover,.solutions_addon_card:hover,.solutions_addon_card:focus-visible,.solutions_connect_cta:hover .solutions_connect_arrow,.solutions_commerce_button:hover>span:last-child{transform:none;}}