.xm-shop-header{background:#fff;padding:60px 0 40px;text-align:center}
.xm-shop-header h1{font-size:32px;font-weight:700;color:#202124;margin-bottom:12px}
.xm-shop-header p{font-size:16px;color:#5f6368;max-width:600px;margin:0 auto}
.xm-shop-section{padding:40px 0}
.xm-shop-section-title{font-size:22px;font-weight:700;color:#202124;margin-bottom:24px;display:flex;align-items:center;gap:10px}
.xm-shop-section-icon{width:36px;height:36px;border-radius:10px;background:#e8f0fe;display:flex;align-items:center;justify-content:center}

/* Selected Template Card */
.xm-selected-tpl{background:#fff;border:2px solid #1a73e8;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(26,115,232,0.1)}
.xm-selected-tpl-img-wrap{display:flex;align-items:center;justify-content:center;padding:24px;height:100%;min-height:260px}
.xm-selected-tpl-img-frame{border:2px solid rgba(26,115,232,0.15);border-radius:14px;overflow:hidden;width:100%;max-width:420px;box-shadow:0 2px 12px rgba(0,0,0,0.06)}
.xm-selected-tpl-image{width:100%;height:220px;object-fit:cover;display:block;border-radius:12px}
.xm-selected-tpl-body{padding:28px 28px 28px 4px;display:flex;flex-direction:column;justify-content:center;height:100%}
.xm-selected-tpl-name{font-size:22px;font-weight:700;color:#202124}
.xm-selected-tpl-desc{font-size:14px;color:#5f6368;line-height:1.6;margin-bottom:16px}
.xm-selected-tpl-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.xm-selected-tpl-feat{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#f1f3f4;border-radius:6px;font-size:12px;color:#3c4043}

/* Custom Requirement */
.xm-shop-custom-req{background:#fef7e0;border:1px solid #f9ab00;border-radius:12px;padding:20px;margin-top:20px}
.xm-shop-custom-title{font-size:15px;font-weight:600;color:#e37400;margin-bottom:8px;display:flex;align-items:center;gap:8px}
.xm-shop-custom-text{font-size:14px;color:#3c4043;line-height:1.6;margin-bottom:16px;white-space:pre-wrap}
.xm-shop-custom-price{display:flex;align-items:center;gap:12px;flex-wrap:wrap}

/* No Template */
.xm-no-template{background:#fff;border:2px dashed #e8eaed;border-radius:16px;padding:48px;text-align:center}

/* Billing Cycle Switcher */
.xm-billing-switcher{display:flex;align-items:center;gap:0;background:#f1f3f4;border-radius:12px;padding:4px;margin-bottom:28px;width:fit-content}
.xm-billing-btn{padding:10px 28px;border-radius:10px;font-size:14px;font-weight:600;color:#5f6368;cursor:pointer;transition:all .25s ease;position:relative;user-select:none;display:flex;align-items:center;gap:6px;white-space:nowrap}
.xm-billing-btn:hover{color:#202124}
.xm-billing-btn.active{background:#fff;color:#1a73e8;box-shadow:0 2px 8px rgba(0,0,0,0.08)}
.xm-billing-badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700;background:#e8f5e9;color:#1b873a;line-height:1.4}

/* Package Card */
.xm-pkg-card{border:2px solid #e8eaed;border-radius:14px;padding:24px 20px;cursor:pointer;transition:all .25s ease;background:#fff;height:100%;position:relative;display:flex;flex-direction:column}
.xm-pkg-card:hover{border-color:#d2e3fc;box-shadow:0 4px 16px rgba(0,0,0,0.06)}
.xm-pkg-card.selected{border-color:#1a73e8;box-shadow:0 0 0 1px #1a73e8}
.xm-pkg-card-custom{border-style:dashed}
.xm-pkg-card .pkg-header{margin-bottom:16px;display:flex;flex-direction:column;gap:8px}
.xm-pkg-card .pkg-name{font-size:17px;font-weight:700;padding:4px 14px;background:#e8f0fe;border-radius:6px;color:#1a73e8;display:inline-block;width:fit-content}
.xm-pkg-card.selected .pkg-name{background:#1a73e8;color:#fff}
.xm-pkg-card .pkg-tag{display:inline-block;padding:2px 10px;background:#e8f0fe;color:#1a73e8;border-radius:4px;font-size:12px;font-weight:500;width:fit-content}

/* Package Pricing */
.xm-pkg-pricing{margin-bottom:16px;min-height:60px}
.xm-pkg-current-price{font-size:26px;font-weight:800;color:#202124;line-height:1.2}
.xm-pkg-current-price .xm-pkg-unit{font-size:13px;font-weight:500;color:#9aa0a6}
.xm-pkg-original-price{font-size:13px;color:#bdc1c6;text-decoration:line-through;margin-top:2px}
.xm-pkg-total-price{font-size:12px;color:#1a73e8;font-weight:500;margin-top:4px;background:#e8f0fe;display:inline-block;padding:2px 8px;border-radius:4px}

.xm-pkg-card .pkg-specs{list-style:none;padding:0;margin:0;flex:1}
.xm-pkg-card .pkg-specs li{font-size:14px;color:#5f6368;padding:5px 0;display:flex;align-items:center;gap:6px}
.xm-pkg-card .pkg-specs li::before{content:'';width:4px;height:4px;border-radius:50%;background:#1a73e8;flex-shrink:0}

/* Bottom Bar */
.xm-bottom-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e8eaed;padding:16px 0;z-index:100;box-shadow:0 -4px 16px rgba(0,0,0,0.06)}
.xm-bottom-bar .summary-text{font-size:14px;color:#5f6368}
.xm-bottom-bar .total-price{font-size:28px;font-weight:700;color:#d93025}
.xm-bottom-bar .total-label{font-size:14px;color:#5f6368;margin-right:8px}

/* Responsive */
@media (max-width:959px){
  .xm-selected-tpl-body{padding:20px!important}
  .xm-selected-tpl-img-wrap{min-height:200px;padding:16px}
  .xm-billing-switcher{width:100%}
  .xm-billing-btn{flex:1;justify-content:center;padding:10px 16px}
}