.ppoffer { --ppoffer-red:#ef233c; color:#30343a; font-family:inherit; padding:0 0 64px; line-height:1.9; }
.ppoffer *, .ppoffer *::before, .ppoffer *::after { box-sizing:border-box; }
.ppoffer [hidden] { display:none!important; }
.ppoffer :where(h1,h2,h3,p,ul) { margin:0; padding:0; font-family:inherit; }
.ppoffer a { color:inherit; text-decoration:none; }
.ppoffer :where(a,button,input):focus-visible { outline:2px solid var(--ppoffer-red); outline-offset:4px; }
.ppoffer .ppmm-icon { width:24px; height:24px; flex:none; }
.ppoffer-breadcrumb { display:flex; gap:10px; color:#8995a0; font-size:13px; margin:0 0 22px; }
.ppoffer-hero { display:grid; grid-template-columns:minmax(0,2fr) minmax(260px,1fr); gap:26px; }
.ppoffer-intro,.ppoffer-help { border-radius:12px; background:#fff; border:1px solid #e8eaee; padding:36px; }
.ppoffer-eyebrow { color:#8995a0; font-size:14px; }
.ppoffer h1 { font-size:clamp(25px,2.3vw,38px); line-height:1.65; font-weight:700; margin:8px 0 12px; }
.ppoffer-intro>p { color:#74808b; }
.ppoffer-intro>p strong { color:var(--ppoffer-red); }
.ppoffer-product-search { display:flex; gap:8px; border:1px solid #e1e5e9; background:#f5f5f6; border-radius:40px; padding:6px; margin:24px 0 16px; }
.ppoffer .ppoffer-product-search input[type=search] { flex:1; min-width:0; border:0; background:transparent; box-shadow:none; border-radius:30px; padding:8px 16px; font:inherit; height:46px; }
.ppoffer-product-search button { display:flex; align-items:center; justify-content:center; gap:8px; border:0; background:var(--ppoffer-red); color:#fff; border-radius:30px; padding:10px 24px; font:inherit; }
.ppoffer .ppoffer-tip { font-size:13px; line-height:2; }
.ppoffer-help { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.ppoffer-help-icon { display:flex; padding:12px; background:#fff0f2; color:var(--ppoffer-red); border-radius:50%; margin-bottom:12px; }
.ppoffer-help h2 { font-size:18px; font-weight:700; }
.ppoffer-help p { font-size:13px; color:#74808b; }
.ppoffer .ppoffer-phone { color:var(--ppoffer-red); font-size:27px; font-weight:700; margin:10px 0; }
.ppoffer-query { display:flex; gap:10px; align-items:center; font-size:13px; }
.ppoffer-jumps { display:flex; flex-wrap:wrap; gap:12px; margin:26px 0 44px; }
.ppoffer-jumps a { padding:10px 22px; border-radius:30px; border:1px solid #e1e5e9; background:#fff; font-size:14px; }
.ppoffer a:hover { color:var(--ppoffer-red); }
.ppoffer-section { margin:0 0 60px; scroll-margin-top:140px; }
.ppoffer-section h2 { font-size:24px; font-weight:700; margin-bottom:22px; }
.ppoffer-section-head { display:flex; align-items:baseline; justify-content:space-between; gap:16px; }
.ppoffer-section-head>span { font-size:13px; color:#8995a0; }
.ppoffer-roots { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px; margin-bottom:30px; }
.ppoffer-roots>a { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; background:#fff; border:1px solid #e5e8ec; border-radius:9px; padding:24px 12px; text-align:center; transition:border-color 160ms,transform 160ms; }
.ppoffer-roots>a:hover { border-color:var(--ppoffer-red); transform:translateY(-3px); }
.ppoffer-roots>a>span { color:var(--ppoffer-icon); }
.ppoffer-roots>a>span .ppmm-icon { width:42px; height:42px; }
.ppoffer-roots strong { font-size:14px; font-weight:500; min-height:52px; }
.ppoffer-roots>a>.ppmm-icon { width:18px; height:18px; color:#8995a0; }
.ppoffer-section h3 { font-size:18px; margin:18px 0; }
.ppoffer-categories { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.ppoffer-categories a { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px; background:#fff; border-radius:8px; border:1px solid #e5e8ec; font-size:14px; }
.ppoffer-search { display:flex; align-items:center; gap:12px; width:min(100%,620px); margin:0 auto 24px; padding:10px 20px; background:#fff; border:1px solid #e5e8ec; border-radius:40px; }
.ppoffer .ppoffer-search input[type=search] { min-width:0; flex:1; height:32px; padding:0; border:0; font:inherit; background:transparent; box-shadow:none; }
.ppoffer-search:focus-within { border-color:var(--ppoffer-red); }
.ppoffer-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; list-style:none; }
.ppoffer-grid li { margin:0; list-style:none; min-width:0; }
.ppoffer-grid a { display:flex; align-items:center; position:relative; isolation:isolate; min-height:80px; padding:18px 28px; border-radius:7px; background:#252f29; color:#fff; box-shadow:0 2px 3px #0002; font-size:15px; transition:background 160ms,transform 160ms; overflow:hidden; }
.ppoffer-grid a:hover { color:#fff; background:#37493e; transform:translateY(-2px); }
.ppoffer-initial { position:absolute; inset-inline-start:16px; top:0; color:#ffffff16; font-size:62px; font-weight:700; line-height:80px; z-index:-1; }
.ppoffer-grid bdi { overflow-wrap:anywhere; }
.ppoffer-brand .ppoffer-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.ppoffer-brand .ppoffer-grid a { justify-content:space-between; gap:14px; min-height:62px; background:#fff; color:#35393e; border:1px solid #e5e8ec; box-shadow:none; }
.ppoffer-brand .ppoffer-grid a:hover { color:var(--ppoffer-red); border-color:var(--ppoffer-red); }
.ppoffer-brand .ppmm-icon { width:17px; height:17px; color:#98a3ad; }
.ppoffer-alphabet { display:flex; flex-wrap:wrap; justify-content:center; gap:6px; margin:0 0 22px; direction:ltr; }
.ppoffer-alphabet button { background:#fff; color:#74808b; border:1px solid #e5e8ec; border-radius:6px; min-width:36px; height:36px; padding:4px 9px; font:inherit; font-size:13px; }
.ppoffer-alphabet button[aria-pressed=true] { background:var(--ppoffer-red); border-color:var(--ppoffer-red); color:#fff; }
.ppoffer .ppoffer-more { display:flex; align-items:center; justify-content:center; gap:10px; margin:24px auto 0; padding:12px 20px; border:0; background:transparent; color:var(--ppoffer-red); font:inherit; font-size:14px; }
.ppoffer-empty { text-align:center; padding:28px; color:#74808b; }
.ppoffer-status { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
@media(max-width:1100px) { .ppoffer-roots { grid-template-columns:repeat(3,minmax(0,1fr)); } .ppoffer-categories,.ppoffer-brand .ppoffer-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .ppoffer-intro,.ppoffer-help { padding:24px; } }
@media(max-width:767px) { .ppoffer-hero { grid-template-columns:1fr; gap:16px; } .ppoffer-help { padding:22px; } .ppoffer-roots { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .ppoffer-categories { grid-template-columns:repeat(2,minmax(0,1fr)); } .ppoffer-grid,.ppoffer-brand .ppoffer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .ppoffer-grid a { padding:14px; font-size:13px; } .ppoffer-section h2 { font-size:21px; } .ppoffer-jumps { gap:8px; } .ppoffer-jumps a { font-size:12px; padding:8px 13px; } .ppoffer-product-search button { padding:10px 16px; } .ppoffer-product-search button span { display:none; } .ppoffer-product-search input { padding:8px 10px; font-size:13px; } .ppoffer-section { scroll-margin-top:110px; margin-bottom:40px; } }
@media(prefers-reduced-motion:reduce) { .ppoffer * { transition:none!important; scroll-behavior:auto!important; } }
