فراغیب

مدیاویکی:Common.css: تفاوت میان نسخه‌ها

→ تفاوت با ویرایش قدیمی‌ترتفاوت با ویرایش جدیدتر ←
بدون خلاصۀ ویرایش
برچسب: واگردانی دستی
بدون خلاصۀ ویرایش
خط ۵٬۱۳۷: خط ۵٬۱۳۷:


===================================================================
===================================================================
/*=====================================================
  Deniz Door Products Section
  Version : 2.0
  Responsive + SEO + Accessibility
======================================================*/
@charset "UTF-8";
/*-------------------------
    IRANSans Font
--------------------------*/
@font-face{
    font-family:'IRANSans';
    src:url('/fonts/IRANSans.woff2') format('woff2'),
        url('/fonts/IRANSans.woff') format('woff');
    font-display:swap;
    font-weight:normal;
}
@font-face{
    font-family:'IRANSans';
    src:url('/fonts/IRANSans-Bold.woff2') format('woff2'),
        url('/fonts/IRANSans-Bold.woff') format('woff');
    font-display:swap;
    font-weight:bold;
}
/*-------------------------
    Variables
--------------------------*/
:root{
--primary:#222222;
--secondary:#666666;
--border:#ececec;
--bg:#ffffff;
--hover:#fafafa;
--radius:22px;
--shadow:
0 8px 20px rgba(0,0,0,.06);
--shadow-hover:
0 18px 40px rgba(0,0,0,.12);
--transition:.35s ease;
}
/*-------------------------
    Reset
--------------------------*/
*,
*::before,
*::after{
margin:0;
padding:0;
box-sizing:border-box;
}
html{
font-size:16px;
scroll-behavior:smooth;
}
body{
font-family:'IRANSans',Tahoma,sans-serif;
direction:rtl;
background:#fff;
color:var(--primary);
line-height:2;
overflow-x:hidden;
text-rendering:optimizeLegibility;
}
img{
display:block;
max-width:100%;
height:auto;
}
a{
text-decoration:none;
color:inherit;
}
ul{
list-style:none;
}
/*==================================================
            PRODUCTS SECTION
===================================================*/
.deniz-products{
padding:90px 20px;
background:#fff;
position:relative;
}
.deniz-products .container{
max-width:1320px;
margin:auto;
}
/*=========================
      Heading
==========================*/
.deniz-heading{
text-align:center;
margin-bottom:70px;
}
.deniz-heading h2{
font-size:46px;
font-weight:700;
color:#111;
line-height:1.3;
}
.deniz-heading::after{
content:"";
display:block;
width:90px;
height:2px;
background:#d9d9d9;
margin:22px auto 0;
}
/*=========================
      Grid
==========================*/
.deniz-grid{
display:grid;
grid-template-columns:
repeat(4,minmax(240px,1fr));
gap:42px;
align-items:start;
}
/*=========================
      Card
==========================*/
.deniz-card{
position:relative;
padding:0;
text-align:center;
transition:var(--transition);
}
.deniz-card:hover{
transform:translateY(-10px);
}
.deniz-card a{
display:block;
padding:10px;
border-radius:var(--radius);
transition:var(--transition);
}
.deniz-card:hover a{
background:var(--hover);
box-shadow:var(--shadow-hover);
}
/*=========================
      Image Area
==========================*/
.deniz-card .image-box{
position:relative;
width:100%;
aspect-ratio:1 / 1;
overflow:hidden;
border-radius:var(--radius);
background:#f7f7f7;
margin-bottom:22px;
}
.deniz-card .image-box img{
width:100%;
height:100%;
object-fit:cover;
transition:var(--transition);
}
.deniz-card:hover .image-box img{
transform:scale(1.08);
}
/*=========================
      Product Title
==========================*/
.deniz-card h3{
font-size:22px;
font-weight:700;
color:#111;
line-height:1.8;
margin-bottom:12px;
transition:var(--transition);
}
.deniz-card:hover h3{
color:#444;
}
/*=========================
      Description
==========================*/
.deniz-card p{
font-size:15px;
color:var(--secondary);
line-height:2;
max-width:280px;
margin:0 auto;
}
/*=========================
      Read More
==========================*/
.deniz-card .read-more{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
margin-top:18px;
font-size:14px;
font-weight:bold;
color:#555;
transition:var(--transition);
}
.deniz-card .read-more::after{
content:"←";
font-size:18px;
transition:var(--transition);
}
.deniz-card:hover .read-more{
color:#111;
}
.deniz-card:hover .read-more::after{
transform:translateX(-6px);
}
/*=========================
      Accessibility Focus
==========================*/
.deniz-card a:focus-visible{
outline:3px solid #777;
outline-offset:5px;
}
/*==================================================
            TABLET RESPONSIVE
===================================================*/
@media(max-width:1100px){
.deniz-products{
padding:70px 20px;
}
.deniz-heading h2{
font-size:38px;
}
.deniz-grid{
grid-template-columns:
repeat(2,minmax(240px,1fr));
gap:35px;
}
.deniz-card h3{
font-size:20px;
}
}
/*==================================================
            MOBILE RESPONSIVE
===================================================*/
@media(max-width:600px){
.deniz-products{
padding:45px 15px;
}
.deniz-heading{
margin-bottom:40px;
}
.deniz-heading h2{
font-size:28px;
}
.deniz-heading::after{
width:60px;
}
.deniz-grid{
grid-template-columns:1fr;
gap:28px;
}
.deniz-card a{
padding:8px;
}
.deniz-card .image-box{
border-radius:18px;
}
.deniz-card h3{
font-size:18px;
}
.deniz-card p{
font-size:14px;
}
.deniz-card:hover{
transform:none;
}
}
/*==================================================
            SMALL MOBILE
===================================================*/
@media(max-width:380px){
.deniz-heading h2{
font-size:24px;
}
.deniz-card h3{
font-size:17px;
}
.deniz-card p{
font-size:13px;
}
}
/*==================================================
      SEO + PERFORMANCE OPTIMIZATION
===================================================*/
/* جلوگیری از پرش محتوا هنگام لود تصاویر */
.deniz-card .image-box{
contain:layout paint;
}
/* بهینه سازی رندر متن */
.deniz-products,
.deniz-products *{
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
/*==================================================
      IMAGE SEO SUPPORT
===================================================*/
.deniz-card img{
loading:lazy;
object-fit:cover;
}
/*==================================================
      HIGH CONTRAST SUPPORT
===================================================*/
@media (prefers-contrast:high){
.deniz-card h3{
color:#000;
}
.deniz-card p{
color:#222;
}
.deniz-card a{
border:1px solid #333;
}
}
/*==================================================
      REDUCED MOTION ACCESSIBILITY
===================================================*/
@media(prefers-reduced-motion:reduce){
*,
*::before,
*::after{
animation-duration:.01ms!important;
animation-iteration-count:1!important;
transition-duration:.01ms!important;
scroll-behavior:auto!important;
}
}
/*==================================================
      DARK MODE SUPPORT
===================================================*/
@media(prefers-color-scheme:dark){
.deniz-products{
background:#111;
}
.deniz-heading h2{
color:#fff;
}
.deniz-heading::after{
background:#444;
}
.deniz-card:hover a{
background:#1b1b1b;
}
.deniz-card h3{
color:#fff;
}
.deniz-card p{
color:#bbb;
}
.deniz-card .image-box{
background:#1c1c1c;
}
.deniz-card .read-more{
color:#ddd;
}
}
/*==================================================
      LARGE DESKTOP OPTIMIZATION
===================================================*/
@media(min-width:1400px){
.deniz-products .container{
max-width:1450px;
}
.deniz-grid{
gap:50px;
}
.deniz-card h3{
font-size:24px;
}
}
/*==================================================
      PRINT OPTIMIZATION
===================================================*/
@media print{
.deniz-products{
padding:20px;
}
.deniz-card:hover{
transform:none;
}
.deniz-card a{
box-shadow:none!important;
background:none!important;
}
.deniz-card .read-more{
display:none;
}
}
/*==================================================
      PRODUCT BADGE
      (ویژگی / جدید / پرفروش)
===================================================*/
.deniz-card .product-badge{
position:absolute;
top:18px;
right:18px;
z-index:5;
background:#111;
color:#fff;
font-size:13px;
padding:6px 14px;
border-radius:30px;
font-weight:bold;
line-height:1.5;
}
/* رنگ‌های مختلف Badge */
.deniz-card .product-badge.new{
background:#2ecc71;
}
.deniz-card .product-badge.sale{
background:#e74c3c;
}
.deniz-card .product-badge.best{
background:#f39c12;
}
/*==================================================
      PRODUCT FEATURE LIST
===================================================*/
.deniz-features{
margin-top:18px;
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:8px;
}
.deniz-features span{
background:#f6f6f6;
border-radius:20px;
padding:5px 12px;
font-size:12px;
color:#555;
transition:var(--transition);
}
.deniz-card:hover .deniz-features span{
background:#fff;
box-shadow:0 5px 15px rgba(0,0,0,.06);
}
/*==================================================
      PRODUCT BUTTON
===================================================*/
.deniz-card .product-btn{
display:inline-flex;
align-items:center;
justify-content:center;
margin-top:22px;
padding:10px 28px;
border-radius:30px;
background:#111;
color:#fff;
font-size:14px;
font-weight:bold;
transition:var(--transition);
}
.deniz-card .product-btn:hover{
background:#333;
transform:translateY(-3px);
}
/*==================================================
      FEATURED PRODUCT CARD
===================================================*/
.deniz-card.featured a{
background:#fafafa;
box-shadow:
0 10px 30px rgba(0,0,0,.08);
}
.deniz-card.featured:hover a{
box-shadow:
0 20px 45px rgba(0,0,0,.15);
}
/*==================================================
      PRODUCT IMAGE OVERLAY
===================================================*/
.deniz-card .image-overlay{
position:absolute;
inset:0;
background:linear-gradient(
to top,
rgba(0,0,0,.35),
transparent 60%
);
opacity:0;
transition:var(--transition);
}
.deniz-card:hover .image-overlay{
opacity:1;
}
/*==================================================
      ICON SUPPORT
===================================================*/
.deniz-icon{
width:45px;
height:45px;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 15px;
border-radius:50%;
background:#f4f4f4;
color:#222;
font-size:20px;
transition:var(--transition);
}
.deniz-card:hover .deniz-icon{
transform:translateY(-5px);
background:#111;
color:#fff;
}
/*==================================================
      MOBILE CARD IMPROVEMENT
===================================================*/
@media(max-width:600px){
.deniz-card .product-badge{
top:12px;
right:12px;
font-size:11px;
padding:5px 10px;
}
.deniz-features span{
font-size:11px;
padding:4px 9px;
}
.deniz-card .product-btn{
width:100%;
padding:9px 20px;
}
}
/*==================================================
      SEO STRUCTURE SUPPORT
      Breadcrumb + Schema Layout
===================================================*/
.deniz-breadcrumb{
width:100%;
max-width:1320px;
margin:0 auto 35px;
padding:12px 20px;
background:#fafafa;
border-radius:15px;
font-size:14px;
color:#777;
}
.deniz-breadcrumb a{
color:#555;
transition:var(--transition);
}
.deniz-breadcrumb a:hover{
color:#111;
}
/*==================================================
      SEO INTRO BOX
===================================================*/
.deniz-intro{
max-width:1000px;
margin:0 auto 60px;
text-align:center;
font-size:16px;
color:#555;
line-height:2.2;
}
.deniz-intro strong{
color:#111;
font-weight:bold;
}
/*==================================================
      FAQ SECTION SEO
===================================================*/
.deniz-faq{
max-width:1000px;
margin:80px auto 0;
}
.deniz-faq-item{
border-bottom:1px solid var(--border);
padding:20px 0;
}
.deniz-faq-question{
display:flex;
align-items:center;
justify-content:space-between;
cursor:pointer;
font-size:18px;
font-weight:bold;
color:#111;
}
.deniz-faq-answer{
margin-top:12px;
font-size:15px;
color:#666;
line-height:2;
}
/*==================================================
      CTA SEO BOX
===================================================*/
.deniz-cta{
margin-top:80px;
padding:45px 35px;
background:#111;
color:#fff;
border-radius:25px;
text-align:center;
}
.deniz-cta h3{
font-size:28px;
margin-bottom:15px;
}
.deniz-cta p{
font-size:16px;
color:#ddd;
margin-bottom:25px;
}
.deniz-cta a{
display:inline-flex;
padding:12px 35px;
background:#fff;
color:#111;
border-radius:30px;
font-weight:bold;
transition:var(--transition);
}
.deniz-cta a:hover{
transform:translateY(-4px);
}
/*==================================================
      SEO KEYWORD HIGHLIGHT
===================================================*/
.deniz-keyword{
font-weight:bold;
color:#111;
}
/*==================================================
      RESPONSIVE SEO ELEMENTS
===================================================*/
@media(max-width:768px){
.deniz-breadcrumb{
font-size:12px;
padding:10px 14px;
}
.deniz-intro{
font-size:14px;
padding:0 10px;
}
.deniz-faq-question{
font-size:16px;
}
.deniz-faq-answer{
font-size:14px;
}
.deniz-cta{
padding:30px 20px;
}
.deniz-cta h3{
font-size:22px;
}
}
/*==================================================
      PERFORMANCE + CORE WEB VITALS
===================================================*/
.deniz-products{
content-visibility:auto;
}
.deniz-card{
will-change:transform;
}
.deniz-card .image-box img{
backface-visibility:hidden;
}
/*==================================================
      LOADING PLACEHOLDER
===================================================*/
.deniz-card .image-box.loading{
background:
linear-gradient(
90deg,
#f3f3f3 25%,
#fafafa 50%,
#f3f3f3 75%
);
background-size:200% 100%;
animation:deniz-loading 1.5s infinite;
}
@keyframes deniz-loading{
0%{
background-position:200% 0;
}
100%{
background-position:-200% 0;
}
}
/*==================================================
      PREMIUM CARD STYLE
===================================================*/
.deniz-card.premium a{
border:1px solid #ededed;
background:#fff;
}
.deniz-card.premium:hover a{
border-color:#ddd;
}
/*==================================================
      PRODUCT PRICE AREA
===================================================*/
.deniz-price{
display:flex;
justify-content:center;
align-items:center;
gap:10px;
margin-top:15px;
}
.deniz-price .old-price{
font-size:14px;
color:#999;
text-decoration:line-through;
}
.deniz-price .new-price{
font-size:20px;
font-weight:bold;
color:#111;
}
/*==================================================
      TRUST BADGES
===================================================*/
.deniz-trust{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:15px;
margin-top:30px;
}
.deniz-trust-item{
display:flex;
align-items:center;
gap:8px;
font-size:14px;
color:#555;
}
.deniz-trust-item i{
font-size:18px;
color:#222;
}
/*==================================================
      HOVER MICRO INTERACTIONS
===================================================*/
.deniz-card:hover .deniz-trust-item i{
transform:scale(1.1);
}
.deniz-trust-item i{
transition:var(--transition);
}
/*==================================================
      PRODUCT CATEGORY FILTER
===================================================*/
.deniz-filter{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:12px;
margin-bottom:50px;
}
.deniz-filter button{
border:1px solid #ddd;
background:#fff;
padding:10px 25px;
border-radius:30px;
font-family:inherit;
cursor:pointer;
font-size:14px;
transition:var(--transition);
}
.deniz-filter button:hover,
.deniz-filter button.active{
background:#111;
color:#fff;
border-color:#111;
}
/*==================================================
      MOBILE FINAL OPTIMIZATION
===================================================*/
@media(max-width:600px){
.deniz-price .new-price{
font-size:18px;
}
.deniz-trust{
gap:10px;
}
.deniz-trust-item{
font-size:12px;
}
.deniz-filter{
margin-bottom:30px;
}
.deniz-filter button{
padding:8px 16px;
font-size:12px;
}
}
/*==================================================
      PROFESSIONAL SHOP STYLE
      Product Actions
===================================================*/
.deniz-actions{
display:flex;
justify-content:center;
align-items:center;
gap:12px;
margin-top:25px;
}
/* دکمه مشاهده محصول */
.deniz-view-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:11px 28px;
border-radius:30px;
background:#111;
color:#fff;
font-size:14px;
font-weight:bold;
transition:var(--transition);
}
.deniz-view-btn:hover{
background:#333;
transform:translateY(-3px);
}
/* دکمه تماس */
.deniz-call-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:11px 22px;
border-radius:30px;
background:#f5f5f5;
color:#111;
font-size:14px;
font-weight:bold;
border:1px solid #ddd;
transition:var(--transition);
}
.deniz-call-btn:hover{
background:#111;
color:#fff;
border-color:#111;
}
/*==================================================
      TRUST SECTION
===================================================*/
.deniz-trust-box{
margin-top:70px;
padding:35px 25px;
background:#fafafa;
border-radius:25px;
display:grid;
grid-template-columns:
repeat(4,1fr);
gap:25px;
text-align:center;
}
.deniz-trust-box .item{
padding:15px;
}
.deniz-trust-box .icon{
width:55px;
height:55px;
margin:0 auto 15px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:#111;
color:#fff;
font-size:22px;
}
.deniz-trust-box h4{
font-size:17px;
color:#111;
margin-bottom:8px;
}
.deniz-trust-box p{
font-size:13px;
color:#666;
line-height:1.9;
}
/*==================================================
      PRODUCT HOVER BORDER EFFECT
===================================================*/
.deniz-card a::before{
content:"";
position:absolute;
inset:0;
border-radius:var(--radius);
border:1px solid transparent;
transition:var(--transition);
pointer-events:none;
}
.deniz-card:hover a::before{
border-color:#ddd;
}
/*==================================================
      IMAGE ZOOM BUTTON
===================================================*/
.deniz-image-btn{
position:absolute;
bottom:20px;
left:20px;
width:42px;
height:42px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:#fff;
color:#111;
opacity:0;
transform:translateY(15px);
transition:var(--transition);
box-shadow:0 8px 20px rgba(0,0,0,.12);
}
.deniz-card:hover .deniz-image-btn{
opacity:1;
transform:translateY(0);
}
/*==================================================
      BRAND HIGHLIGHT
===================================================*/
.deniz-brand{
font-weight:bold;
color:#111;
position:relative;
}
.deniz-brand::after{
content:"";
position:absolute;
height:2px;
width:100%;
bottom:-5px;
right:0;
background:#111;
}
/*==================================================
      RESPONSIVE TRUST BOX
===================================================*/
@media(max-width:992px){
.deniz-trust-box{
grid-template-columns:
repeat(2,1fr);
}
}
@media(max-width:600px){
.deniz-actions{
flex-direction:column;
}
.deniz-view-btn,
.deniz-call-btn{
width:100%;
}
.deniz-trust-box{
grid-template-columns:1fr;
padding:25px 15px;
}
.deniz-trust-box h4{
font-size:15px;
}
}
/*==================================================
      PRODUCT DETAIL SECTION
      مشخصات صفحه محصول
===================================================*/
.deniz-product-detail{
max-width:1200px;
margin:80px auto;
padding:0 20px;
}
/* عنوان محصول */
.deniz-product-title{
font-size:36px;
font-weight:700;
color:#111;
line-height:1.5;
margin-bottom:25px;
}
/* توضیحات محصول */
.deniz-product-description{
font-size:16px;
color:#555;
line-height:2.3;
margin-bottom:40px;
}
/*==================================================
      SPECIFICATIONS TABLE
===================================================*/
.deniz-specs{
width:100%;
border-collapse:separate;
border-spacing:0;
overflow:hidden;
border-radius:20px;
box-shadow:0 10px 30px rgba(0,0,0,.06);
}
.deniz-specs tr{
background:#fff;
}
.deniz-specs tr:nth-child(even){
background:#fafafa;
}
.deniz-specs td{
padding:16px 22px;
border-bottom:1px solid #eee;
font-size:15px;
}
.deniz-specs td:first-child{
font-weight:bold;
color:#111;
width:35%;
}
.deniz-specs tr:last-child td{
border-bottom:none;
}
/*==================================================
      PRODUCT ADVANTAGES
===================================================*/
.deniz-advantages{
display:grid;
grid-template-columns:
repeat(3,1fr);
gap:25px;
margin-top:50px;
}
.deniz-advantage-item{
padding:30px 20px;
background:#fff;
border-radius:22px;
text-align:center;
box-shadow:var(--shadow);
transition:var(--transition);
}
.deniz-advantage-item:hover{
transform:translateY(-8px);
box-shadow:var(--shadow-hover);
}
.deniz-advantage-item .icon{
font-size:35px;
margin-bottom:15px;
color:#111;
}
.deniz-advantage-item h4{
font-size:18px;
margin-bottom:10px;
color:#111;
}
.deniz-advantage-item p{
font-size:14px;
color:#666;
line-height:2;
}
/*==================================================
      CUSTOMER REVIEWS
===================================================*/
.deniz-reviews{
margin-top:80px;
}
.deniz-review-item{
background:#fff;
padding:25px;
border-radius:20px;
box-shadow:var(--shadow);
margin-bottom:20px;
}
.deniz-review-header{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:15px;
}
.deniz-review-name{
font-size:16px;
font-weight:bold;
color:#111;
}
.deniz-stars{
color:#555;
font-size:18px;
letter-spacing:3px;
}
.deniz-review-text{
font-size:14px;
color:#666;
line-height:2;
}
/*==================================================
      RELATED PRODUCTS
===================================================*/
.deniz-related{
margin-top:90px;
}
.deniz-related-title{
text-align:center;
font-size:30px;
font-weight:bold;
margin-bottom:45px;
color:#111;
}
.deniz-related-grid{
display:grid;
grid-template-columns:
repeat(4,1fr);
gap:25px;
}
.deniz-related-item{
background:#fff;
border-radius:20px;
overflow:hidden;
box-shadow:var(--shadow);
transition:var(--transition);
}
.deniz-related-item:hover{
transform:translateY(-7px);
}
.deniz-related-item img{
width:100%;
aspect-ratio:1/1;
object-fit:cover;
}
.deniz-related-item h5{
padding:15px;
font-size:16px;
text-align:center;
color:#111;
}
/*==================================================
      RESPONSIVE PRODUCT DETAIL
===================================================*/
@media(max-width:992px){
.deniz-product-title{
font-size:30px;
}
.deniz-advantages{
grid-template-columns:repeat(2,1fr);
}
.deniz-related-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:600px){
.deniz-product-detail{
margin:50px auto;
padding:0 15px;
}
.deniz-product-title{
font-size:24px;
}
.deniz-product-description{
font-size:14px;
}
.deniz-specs td{
padding:12px;
font-size:13px;
}
.deniz-specs td:first-child{
width:40%;
}
.deniz-advantages{
grid-template-columns:1fr;
}
.deniz-related-grid{
grid-template-columns:1fr;
}
.deniz-related-title{
font-size:24px;
}
}
/*==================================================
      FINAL SEO COMPONENTS
      FAQ + SHARE + SCHEMA SUPPORT
===================================================*/
/*=========================
      FAQ ACCORDION
==========================*/
.deniz-faq-wrapper{
max-width:1100px;
margin:80px auto;
padding:0 20px;
}
.deniz-faq-title{
text-align:center;
font-size:32px;
font-weight:700;
color:#111;
margin-bottom:40px;
}
.deniz-faq-item{
border:1px solid #ececec;
border-radius:18px;
margin-bottom:15px;
overflow:hidden;
background:#fff;
transition:var(--transition);
}
.deniz-faq-item:hover{
box-shadow:var(--shadow);
}
.deniz-faq-item summary{
cursor:pointer;
padding:20px 25px;
font-size:17px;
font-weight:bold;
color:#111;
list-style:none;
display:flex;
justify-content:space-between;
align-items:center;
}
.deniz-faq-item summary::-webkit-details-marker{
display:none;
}
.deniz-faq-item summary::after{
content:"+";
font-size:25px;
font-weight:bold;
}
.deniz-faq-item[open] summary::after{
content:"−";
}
.deniz-faq-content{
padding:0 25px 25px;
font-size:15px;
color:#666;
line-height:2.2;
}
/*==================================================
      SOCIAL SHARE
===================================================*/
.deniz-share{
display:flex;
justify-content:center;
align-items:center;
gap:12px;
margin:50px auto;
}
.deniz-share a{
width:42px;
height:42px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#f5f5f5;
color:#222;
font-size:18px;
transition:var(--transition);
}
.deniz-share a:hover{
background:#111;
color:#fff;
transform:translateY(-5px);
}
/*==================================================
      CONTACT CTA FINAL
===================================================*/
.deniz-final-contact{
margin:90px auto;
max-width:1200px;
padding:45px 30px;
border-radius:30px;
background:#111;
color:#fff;
text-align:center;
}
.deniz-final-contact h2{
font-size:32px;
margin-bottom:15px;
}
.deniz-final-contact p{
font-size:16px;
color:#ddd;
line-height:2;
margin-bottom:30px;
}
.deniz-final-contact a{
display:inline-flex;
padding:13px 40px;
background:#fff;
color:#111;
border-radius:35px;
font-weight:bold;
transition:var(--transition);
}
.deniz-final-contact a:hover{
transform:translateY(-4px);
}
/*==================================================
      FOOTER PRODUCT LINKS
===================================================*/
.deniz-footer-links{
display:grid;
grid-template-columns:
repeat(4,1fr);
gap:25px;
margin-top:70px;
}
.deniz-footer-links h4{
font-size:17px;
margin-bottom:15px;
color:#111;
}
.deniz-footer-links a{
display:block;
font-size:14px;
color:#666;
margin-bottom:8px;
transition:var(--transition);
}
.deniz-footer-links a:hover{
color:#111;
padding-right:5px;
}
/*==================================================
      FINAL RESPONSIVE SETTINGS
===================================================*/
@media(max-width:992px){
.deniz-footer-links{
grid-template-columns:repeat(2,1fr);
}
.deniz-final-contact h2{
font-size:26px;
}
}
@media(max-width:600px){
.deniz-faq-wrapper{
padding:0 15px;
}
.deniz-faq-title{
font-size:24px;
}
.deniz-faq-item summary{
font-size:14px;
padding:16px;
}
.deniz-faq-content{
font-size:13px;
padding:0 16px 18px;
}
.deniz-share a{
width:38px;
height:38px;
}
.deniz-final-contact{
margin:60px 15px;
padding:30px 20px;
}
.deniz-final-contact h2{
font-size:22px;
}
.deniz-footer-links{
grid-template-columns:1fr;
}
}
/*==================================================
      END OF DENIZ PRODUCTS CSS
      Version 2.0 COMPLETE
===================================================*/
برگرفته از «https://fa.faraghaib.ir/wiki/مدیاویکی:Common.css»