AVLOAN Orange Car & Home Air Freshener – Long Lasting Citrus Aroma Perfume with Wooden Diffuser Bottle

/* Google Font Import (Safe for WordPress) */
@import url(‘https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap’);

.wp-avloan-wrapper {
font-family: ‘Plus Jakarta Sans’, sans-serif !important;
max-width: 1200px;
margin: 20px auto;
padding: 0 15px;
color: #121b14 !important;
line-height: 1.6 !important;
background-color: #f7fbf8;
border-radius: 24px;
box-sizing: border-box;
}

.wp-avloan-wrapper * {
box-sizing: border-box !important;
}

/* — HERO SECTION — */
.avloan-hero-card {
background: linear-gradient(145deg, #ffffff 0%, #eefbee 100%) !important;
border-radius: 32px !important;
padding: 60px 40px !important;
position: relative !important;
overflow: hidden !important;
border: 1px solid rgba(15, 118, 56, 0.08) !important;
box-shadow: 0 30px 70px rgba(0, 0, 0, 0.03) !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
}

.avloan-hero-card::after {
content: ”;
position: absolute;
top: -10%;
right: -10%;
width: 400px;
height: 400px;
background: radial-gradient(circle, rgba(255,122,0,0.12) 0%, transparent 70%);
pointer-events: none;
}

.avloan-mini-badge {
background: #ffffff !important;
color: #0f7638 !important;
font-size: 13px !important;
font-weight: 700 !important;
padding: 8px 20px !important;
border-radius: 100px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
box-shadow: 0 4px 15px rgba(15, 118, 56, 0.05) !important;
margin-bottom: 24px !important;
border: 1px solid rgba(15, 118, 56, 0.1) !important;
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
}

.avloan-mini-badge::before {
content: ”;
width: 8px;
height: 8px;
background: #ff7a00;
border-radius: 50%;
}

.avloan-main-h1 {
font-size: 48px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
letter-spacing: -1.5px !important;
color: #121b14 !important;
max-width: 800px !important;
margin: 0 0 20px 0 !important;
}

.avloan-main-h1 span {
color: #ff7a00 !important;
}

.avloan-hero-p {
font-size: 18px !important;
color: #4a554c !important;
max-width: 720px !important;
margin: 0 0 35px 0 !important;
}

.avloan-cta-group {
display: flex !important;
gap: 16px !important;
flex-wrap: wrap !important;
margin-bottom: 35px !important;
}

.avloan-btn-lux {
padding: 16px 32px !important;
border-radius: 14px !important;
font-size: 16px !important;
font-weight: 700 !important;
text-decoration: none !important;
transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}

.avloan-btn-lux-primary {
background: #0f7638 !important;
color: #ffffff !important;
box-shadow: 0 12px 30px rgba(15, 118, 56, 0.2) !important;
}

.avloan-btn-lux-primary:hover {
background: #0b5729 !important;
transform: translateY(-3px) !important;
}

.avloan-btn-lux-secondary {
background: transparent !important;
color: #0f7638 !important;
border: 2px solid rgba(15, 118, 56, 0.15) !important;
}

.avloan-btn-lux-secondary:hover {
background: rgba(15, 118, 56, 0.04) !important;
border-color: #0f7638 !important;
transform: translateY(-3px) !important;
}

.avloan-pills-container {
display: flex !important;
gap: 10px !important;
flex-wrap: wrap !important;
}

.avloan-pill {
background: rgba(255, 255, 255, 0.8) !important;
border: 1px solid rgba(15, 118, 56, 0.08) !important;
padding: 8px 16px !important;
border-radius: 100px !important;
font-size: 13px !important;
color: #4a554c !important;
font-weight: 500 !important;
}

/* — SECTIONS — */
.avloan-global-section {
margin-top: 70px !important;
padding: 10px 5px !important;
}

.avloan-center-head {
text-align: center !important;
max-width: 650px !important;
margin: 0 auto 40px !important;
}

.avloan-center-head h2 {
font-size: 34px !important;
font-weight: 800 !important;
letter-spacing: -1px !important;
margin: 0 0 12px 0 !important;
color: #121b14 !important;
}

.avloan-center-head p {
color: #4a554c !important;
font-size: 16px !important;
margin: 0 !important;
}

/* — FEATURES GRID — */
.avloan-features-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 25px !important;
}

.avloan-feat-card {
background: #ffffff !important;
border-radius: 24px !important;
padding: 35px !important;
border: 1px solid rgba(15, 118, 56, 0.05) !important;
box-shadow: 0 20px 40px rgba(15, 118, 56, 0.06) !important;
transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.avloan-feat-card:hover {
transform: translateY(-6px) !important;
border-color: rgba(255, 122, 0, 0.2) !important;
box-shadow: 0 30px 60px rgba(255, 122, 0, 0.06) !important;
}

.avloan-feat-icon-box {
width: 60px;
height: 60px;
background: #eefbee !important;
border-radius: 16px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 26px !important;
margin-bottom: 24px !important;
transition: all 0.4s ease !important;
}

.avloan-feat-card:hover .avloan-feat-icon-box {
background: #fff4eb !important;
}

.avloan-feat-card h3 {
font-size: 20px !important;
font-weight: 700 !important;
margin: 0 0 12px 0 !important;
color: #121b14 !important;
}

.avloan-feat-card p {
color: #4a554c !important;
font-size: 14px !important;
line-height: 1.7 !important;
margin: 0 !important;
}

/* — BENEFITS ROW — */
.avloan-benefits-flex {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 16px !important;
}

.avloan-benefit-item {
background: #ffffff !important;
padding: 20px 25px !important;
border-radius: 16px !important;
display: flex !important;
align-items: center !important;
gap: 14px !important;
border: 1px solid rgba(15, 118, 56, 0.04) !important;
box-shadow: 0 20px 40px rgba(15, 118, 56, 0.06) !important;
font-weight: 600 !important;
font-size: 15px !important;
color: #121b14 !important;
}

.avloan-benefit-item .avloan-check {
width: 24px;
height: 24px;
background: #e1f7e7 !important;
color: #0f7638 !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 13px !important;
font-weight: 800 !important;
flex-shrink: 0 !important;
}

/* — FRAGRANCE PYRAMID — */
.avloan-pyramid-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 20px !important;
}

.avloan-pyramid-node {
background: #ffffff !important;
padding: 35px 25px !important;
border-radius: 20px !important;
text-align: center !important;
border: 1px solid rgba(15, 118, 56, 0.05) !important;
box-shadow: 0 20px 40px rgba(15, 118, 56, 0.06) !important;
position: relative !important;
}

.avloan-pyramid-node::before {
content: ”;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 4px;
border-radius: 0 0 4px 4px;
}

.node-top::before { background: #ff7a00; }
.node-mid::before { background: #0f7638; }
.node-base::before { background: #8b5a2b; }

.avloan-pyramid-node span {
font-size: 11px !important;
text-transform: uppercase !important;
letter-spacing: 1.5px !important;
color: #888 !important;
font-weight: 700 !important;
display: block !important;
margin-bottom: 8px !important;
}

.avloan-pyramid-node h4 {
font-size: 22px !important;
font-weight: 800 !important;
margin: 0 !important;
color: #121b14 !important;
}

/* — TABLE — */
.avloan-specs-table-wrapper {
background: #ffffff !important;
border-radius: 24px !important;
padding: 15px !important;
border: 1px solid rgba(15, 118, 56, 0.05) !important;
box-shadow: 0 20px 40px rgba(15, 118, 56, 0.06) !important;
overflow-x: auto !important;
}

.avloan-specs-table {
width: 100% !important;
border-collapse: collapse !important;
border: none !important;
}

.avloan-specs-table th {
background: #eefbee !important;
color: #0f7638 !important;
text-align: left !important;
padding: 18px 22px !important;
font-size: 16px !important;
font-weight: 700 !important;
border-radius: 12px !important;
border: none !important;
}

.avloan-specs-table td {
padding: 18px 22px !important;
font-size: 14px !important;
border-bottom: 1px solid #f3f7f4 !important;
color: #4a554c !important;
}

.avloan-specs-table tr:last-child td {
border-bottom: none !important;
}

.avloan-specs-table td:first-child {
font-weight: 600 !important;
color: #121b14 !important;
width: 35%;
}

/* — CTA BANNER — */
.avloan-cta-banner {
background: linear-gradient(135deg, #121b14 0%, #1b2e21 100%) !important;
border-radius: 32px !important;
padding: 70px 30px !important;
text-align: center !important;
position: relative !important;
overflow: hidden !important;
}

.avloan-cta-banner h2 {
color: #ffffff !important;
font-size: 38px !important;
font-weight: 800 !important;
letter-spacing: -1px !important;
margin: 0 0 15px 0 !important;
}

.avloan-cta-banner p {
color: #a3b8a8 !important;
font-size: 16px !important;
max-width: 750px !important;
margin: 0 auto 35px auto !important;
}

.avloan-btn-white {
background: #ffffff !important;
color: #121b14 !important;
padding: 18px 40px !important;
border-radius: 14px !important;
font-size: 16px !important;
font-weight: 700 !important;
text-decoration: none !important;
display: inline-block !important;
transition: all 0.4s ease !important;
}

.avloan-btn-white:hover {
background: #ff7a00 !important;
color: #ffffff !important;
transform: translateY(-3px) !important;
}

/* — RESPONSIVE BREAKPOINTS — */
@media (max-width: 992px) {
.avloan-features-grid, .avloan-pyramid-grid {
grid-template-columns: repeat(2, 1fr) !important;
}
.avloan-main-h1 { font-size: 40px !important; }
}

@media (max-width: 768px) {
.avloan-hero-card { padding: 40px 20px !important; border-radius: 20px !important; }
.avloan-main-h1 { font-size: 30px !important; }
.avloan-hero-p { font-size: 16px !important; }
.avloan-features-grid, .avloan-pyramid-grid, .avloan-benefits-flex {
grid-template-columns: 1fr !important;
}
.avloan-center-head h2 { font-size: 26px !important; }
.avloan-cta-banner { padding: 50px 20px !important; border-radius: 20px !important; }
.avloan-cta-banner h2 { font-size: 26px !important; }
}

{
“@context”: “https://schema.org/”,
“@type”: “Product”,
“name”: “AVLOAN Orange Car Air Freshener”,
“description”: “Premium hanging glass car and home perfume with premium orange citrus fragrance oils for long lasting freshness.”,
“brand”: {
“@type”: “Brand”,
“name”: “AVLOAN”
},
“offers”: {
“@type”: “AggregateOffer”,
“priceCurrency”: “INR”,
“lowPrice”: “299”,
“highPrice”: “499”
}
}