@charset "UTF-8";
/**
 * 33y 购物车主题 —— 自包含变量与布局工具类
 * 针对 Panyiyun 网站主题（意八站/腾讯云风格）补齐：
 * 1) 原本由 WEB 主题头部注入、但缺失的 CSS 变量；
 * 2) 原本来自 universalComponents.css（Panyiyun 无此文件，404）的容器居中类。
 * 供 module.css / config.css / carttypo.css / mobileend.css 与 tpl 使用。
 */

/* ===== 缺失的 CSS 变量 ===== */
:root {
  /* 布局尺寸（与 Panyiyun header.css/global.css 对齐） */
  --navheight: 62px;      /* 顶部固定导航高度 .header-hd */
  --wapnavheight: 62px;   /* 移动端导航高度 */
  --maxwidth: 1440px;     /* 内容最大宽度 .container */
  --minwidth: 320px;      /* 最小宽度（避免小屏横向溢出） */
  --padding: 40px;        /* 左右留白 .container 2.5rem */
  --cart_navmax: 260px;   /* 购物车侧边栏宽度 */

  /* 品牌主色（Panyiyun footer.html :root） */
  --Original: #337dff;    /* 主强调色 --dcyanxz/--dcydhxz */
  --colorv: #337dff;

  /* 文本颜色 */
  --txtcl: #16181a;       /* 主文本 --dcydhzt */
  --txtdesc: #5e646e;     /* 次要 / 描述文本 */
  --txtcolor: #16181a;    /* 加载器 / 箭头颜色 */

  /* 购物车组件（对齐 Panyiyun 品牌色） */
  --cart_mainColor: #337dff;  /* 购物车主色 */
  --cart-background: #f1f6fd; /* 卡片 / 按钮淡色背景 --dcyanc */
  --cart-buttonselect: linear-gradient(180deg, #4985ff 0%, #337dff 100%); /* 选中态按钮 */
  --cart_btnn_border: #337dff; /* 描边按钮边框色 --dcyanb */
  --productwidth_max: 240px;   /* 产品卡片最小宽度 */
  --inventoryColor: #34c38f;   /* 库存文字色 */
  --priceColor: #f64041;       /* 价格文字色 --dcyanjb 品牌红 */
  --buyButton: linear-gradient(180deg, #4985ff 0%, #337dff 100%); /* 立即购买按钮 */
  --label-w: 150px;            /* 配置表单标签宽度 */
  --green: #34c38f;            /* 成功 / 库存绿色 */
}

/* ===== 容器居中工具类（替代缺失的 universalComponents.css） ===== */
.container_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-width: var(--maxwidth);
  margin: 0 auto;
  padding: 0 var(--padding);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.container_overflow {
  overflow: hidden;
}

.no-scroll {
  overflow: hidden;
  height: 100%;
  position: fixed;
  width: 100%;
}

.comp_hide {
  display: none !important;
}

.comp_container {
  width: 100%;
  max-width: var(--maxwidth);
  margin: 0 auto;
  padding: 0 var(--padding);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.comp_container_auto {
  margin: 0 auto;
}

.comp_containerrelative {
  position: relative;
}