|
|
| خط ۱: |
خط ۱: |
|
| |
|
| <html lang="fa" dir="rtl"> | | <html lang="fa" dir="rtl"> |
| <style>
| |
|
| |
|
| /*=====================================================
| |
| 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
| |
| ===================================================*/
| |
|
| |
| </style>
| |
| <head> | | <head> |
|
| |
|
