/* ========================================================== XAYSI PROHIBITED ITEMS POLICY (SCOPED) - WPBakery safe (no //) - No external icon CDN dependency (FontAwesome optional) - Smooth scrolling + search limited to this module =========================================================== */ .xaysi-policy-prohibited{ --gold:#D4AF37; --gold-light:#F4E4A6; --gold-dark:#B8860B; --grey-dark:#2C2C2C; --grey-medium:#4A4A4A; --grey-light:#F5F5F5; --grey-bg:#F9F9F9; --white:#FFFFFF; --text-dark:#333333; --text-light:#666666; --shadow:0 8px 30px rgba(0,0,0,.08); --shadow-lg:0 15px 35px rgba(0,0,0,.15); --transition:all .3s ease; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background:var(--grey-bg); color:var(--text-dark); line-height:1.7; overflow-x:hidden; } .xaysi-policy-prohibited *{ box-sizing:border-box; margin:0; padding:0; } .xaysi-policy-prohibited .container{ max-width:1200px; margin:0 auto; padding:0 20px; } .xaysi-policy-prohibited section{ padding:70px 0; } /* ================= HERO ================= */ .xaysi-policy-prohibited .policy-header{ background:linear-gradient(135deg,var(--grey-dark) 0%,var(--grey-medium) 100%); color:var(--white); padding:80px 0 55px; position:relative; overflow:hidden; border-radius:16px; margin-bottom:30px; } .xaysi-policy-prohibited .policy-header::before{ content:""; position:absolute; inset:0; background: linear-gradient(135deg, rgba(212,175,55,.22) 0%, rgba(212,175,55,.12) 35%, transparent 36%), radial-gradient(700px 360px at 10% 10%, rgba(212,175,55,.18), transparent 60%); pointer-events:none; } .xaysi-policy-prohibited .header-content{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:28px; position:relative; z-index:1; } .xaysi-policy-prohibited .header-text{ flex:1; min-width:280px; } .xaysi-policy-prohibited .header-title{ font-size:46px; margin:0 0 10px; font-weight:900; line-height:1.15; background:linear-gradient(90deg,var(--white),var(--gold-light)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; } .xaysi-policy-prohibited .header-subtitle{ font-size:16px; margin:0; font-weight:600; color:var(--gold-light); max-width:760px; line-height:1.65; } .xaysi-policy-prohibited .header-actions{ flex:0 0 450px; background:rgba(255,255,255,.96); border-radius:20px; padding:26px; box-shadow:var(--shadow-lg); border-top:5px solid var(--gold); } /* Search */ .xaysi-policy-prohibited .search-container{ position:relative; margin-bottom:16px; } .xaysi-policy-prohibited .search-container input{ width:100%; padding:14px 16px; border:2px solid var(--grey-light); border-radius:999px; font-size:14px; transition:var(--transition); background:var(--white); outline:none; } .xaysi-policy-prohibited .search-container input:focus{ border-color:var(--gold); box-shadow:0 0 0 3px rgba(212,175,55,.2); } .xaysi-policy-prohibited .search-container button{ position:absolute; right:6px; top:6px; background:var(--gold); border:none; color:var(--grey-dark); padding:10px 16px; border-radius:999px; cursor:pointer; transition:var(--transition); font-weight:900; font-size:13px; display:flex; align-items:center; gap:8px; } .xaysi-policy-prohibited .search-container button:hover{ background:var(--gold-dark); color:var(--white); transform:scale(1.03); } .xaysi-policy-prohibited .search-hint{ font-size:12px; color:var(--text-light); text-align:center; margin-top:8px; line-height:1.5; } /* Quick links */ .xaysi-policy-prohibited .quick-links{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:14px; } .xaysi-policy-prohibited .quick-link{ background:var(--grey-light); color:var(--text-dark); padding:10px 14px; border-radius:999px; text-decoration:none; font-weight:900; font-size:13px; transition:var(--transition); border:1px solid rgba(0,0,0,.06); } .xaysi-policy-prohibited .quick-link:hover{ background:var(--gold); color:var(--grey-dark); transform:translateY(-2px); box-shadow:0 10px 22px rgba(212,175,55,.18); } /* ================= TITLES ================= */ .xaysi-policy-prohibited .section-title{ text-align:center; font-size:28px; margin:0 0 30px; color:var(--grey-dark); font-weight:900; line-height:1.25; position:relative; } .xaysi-policy-prohibited .section-title:after{ content:""; display:block; width:110px; height:6px; background:linear-gradient(90deg,var(--gold),var(--gold-light)); margin:14px auto 0; border-radius:3px; } .xaysi-policy-prohibited .section-subtitle{ text-align:center; font-size:14px; margin:-18px auto 40px; color:var(--text-light); max-width:900px; line-height:1.7; padding:0 10px; } /* ================= INTRO ================= */ .xaysi-policy-prohibited .introduction{ background:var(--white); border-radius:16px; } .xaysi-policy-prohibited .intro-content{ max-width:1000px; margin:0 auto; } .xaysi-policy-prohibited .intro-text{ font-size:14px; line-height:1.9; color:var(--text-dark); margin:0 auto; max-width:1000px; } .xaysi-policy-prohibited .intro-text p{ margin:0 0 14px; } .xaysi-policy-prohibited .highlight-box{ background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 100%); padding:22px; border-radius:18px; color:var(--grey-dark); box-shadow:var(--shadow); margin:22px auto 0; max-width:1000px; } .xaysi-policy-prohibited .highlight-box h3{ font-size:18px; margin:0 0 8px; font-weight:900; } .xaysi-policy-prohibited .highlight-box p{ font-size:14px; margin:0; font-weight:600; line-height:1.8; } /* ================= CATEGORIES ================= */ .xaysi-policy-prohibited .policy-content{ background:var(--grey-light); border-radius:16px; } .xaysi-policy-prohibited .policy-categories{ display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:18px; align-items:stretch; } .xaysi-policy-prohibited .policy-category{ background:var(--white); border-radius:18px; padding:22px 18px; box-shadow:var(--shadow); transition:var(--transition); border:1px solid rgba(0,0,0,.06); position:relative; overflow:hidden; } .xaysi-policy-prohibited .policy-category::before{ content:""; position:absolute; top:0; left:0; width:100%; height:6px; background:linear-gradient(90deg,var(--gold),var(--gold-light)); } .xaysi-policy-prohibited .policy-category:hover{ transform:translateY(-6px); box-shadow:var(--shadow-lg); border-color:rgba(212,175,55,.35); } .xaysi-policy-prohibited .category-icon{ width:60px; height:60px; border-radius:999px; display:flex; align-items:center; justify-content:center; margin:6px auto 12px; font-size:24px; background:rgba(212,175,55,.14); color:var(--gold-dark); border:2px solid rgba(212,175,55,.32); transition:var(--transition); } .xaysi-policy-prohibited .policy-category:hover .category-icon{ background:var(--gold); color:var(--white); border-color:var(--gold); transform:scale(1.06); } .xaysi-policy-prohibited .policy-category h3{ margin:0 0 8px; color:var(--grey-dark); font-size:16px; font-weight:900; line-height:1.35; text-align:center; } .xaysi-policy-prohibited .policy-category p{ color:var(--text-light); font-size:14px; line-height:1.75; margin:0 0 12px; } .xaysi-policy-prohibited .prohibited-list, .xaysi-policy-prohibited .permissible-list{ margin:0 0 10px; } .xaysi-policy-prohibited .prohibited-list h4, .xaysi-policy-prohibited .permissible-list h4{ font-size:13px; margin:0 0 8px; color:var(--grey-dark); font-weight:900; letter-spacing:.2px; } .xaysi-policy-prohibited .prohibited-list ul, .xaysi-policy-prohibited .permissible-list ul{ padding-left:18px; margin:0; } .xaysi-policy-prohibited .prohibited-list li, .xaysi-policy-prohibited .permissible-list li{ font-size:13px; line-height:1.65; margin:0 0 6px; } .xaysi-policy-prohibited .prohibited-list li{ color:#c64743; } .xaysi-policy-prohibited .permissible-list li{ color:#2f8b57; } /* Search highlight */ .xaysi-policy-prohibited mark.xaysi-hl{ background:rgba(212,175,55,.35); padding:0 .15em; border-radius:.2em; } /* ================= COMPLIANCE ================= */ .xaysi-policy-prohibited .compliance-section{ background:var(--white); border-radius:16px; } .xaysi-policy-prohibited .compliance-content{ max-width:1000px; margin:0 auto; } .xaysi-policy-prohibited .compliance-text{ font-size:14px; line-height:1.9; color:var(--text-dark); margin:0 auto; max-width:1000px; } .xaysi-policy-prohibited .compliance-text p{ margin:0 0 14px; } .xaysi-policy-prohibited .compliance-box{ background:linear-gradient(135deg,var(--grey-light) 0%,var(--grey-medium) 100%); padding:22px; border-radius:18px; color:var(--white); box-shadow:var(--shadow); margin-top:18px; } .xaysi-policy-prohibited .compliance-box h3{ font-size:18px; margin:0 0 8px; font-weight:900; } .xaysi-policy-prohibited .compliance-box p{ font-size:14px; margin:0; line-height:1.85; font-weight:600; } /* ================= CTA ================= */ .xaysi-policy-prohibited .cta-section{ background:linear-gradient(135deg,var(--grey-dark) 0%,var(--grey-medium) 100%); color:var(--white); border-radius:16px; overflow:hidden; position:relative; margin-top:30px; } .xaysi-policy-prohibited .cta-section::before{ content:""; position:absolute; inset:0; background:linear-gradient(135deg, rgba(212,175,55,.18) 0%, transparent 45%); pointer-events:none; } .xaysi-policy-prohibited .cta-content{ background:rgba(255,255,255,.96); border-radius:20px; padding:34px 26px; box-shadow:var(--shadow-lg); text-align:center; position:relative; z-index:1; border-top:5px solid var(--gold); max-width:980px; margin:0 auto; } .xaysi-policy-prohibited .cta-content h2{ font-size:22px; margin:0 0 10px; color:var(--grey-dark); font-weight:900; } .xaysi-policy-prohibited .cta-content p{ margin:0; color:var(--text-dark); font-size:14px; line-height:1.8; max-width:780px; margin-left:auto; margin-right:auto; } /* ================= RESPONSIVE ================= */ @media (max-width: 992px){ .xaysi-policy-prohibited .header-content{ flex-direction:column; text-align:center; } .xaysi-policy-prohibited .header-actions{ width:100%; max-width:560px; flex:0 0 auto; } .xaysi-policy-prohibited .header-title{ font-size:38px; } } @media (max-width: 768px){ .xaysi-policy-prohibited section{ padding:55px 0; } .xaysi-policy-prohibited .header-title{ font-size:34px; } .xaysi-policy-prohibited .section-title{ font-size:22px; } } @media (max-width: 420px){ .xaysi-policy-prohibited .header-title{ font-size:30px; } .xaysi-policy-prohibited .quick-link{ width:100%; text-align:center; } .xaysi-policy-prohibited .quick-links{ flex-direction:column; } .xaysi-policy-prohibited .search-container button{ padding:10px 12px; } }